j1-template 2020.0.14 → 2020.0.19

data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1-template.adoc.erb

@@ -6,7 +6,7 @@ description:                            Auto-generated welcome post
 date:                                   <%= Time.now.strftime('%Y-%m-%d %H:%M:%S %z') %>
 series:
 adsense:                                false
-image:                                  /assets/images/modules/attics/welcome-1920x1280-bw.webp
+image:                                  /assets/images/modules/attics/welcome-1920x1280-bw.jpg
 
 tags:                                   [ Example, Post ]
 index:                                  []
@@ -19,7 +19,7 @@ resource_options:
   - attic:
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/welcome-1920x1280-bw.webp
+        - url:                          /assets/images/modules/attics/welcome-1920x1280-bw.jpg
           alt:                          Photo by Belinda Fewings on Unsplash
           alignY:                       0.3
 #         caption:

data/lib/starter_web/collections/posts/public/featured/_posts/2018-05-01-confusion-about-base-url.adoc

@@ -21,8 +21,8 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/banner/jekyll.1200x600-bw.webp
-          alt:                          jekyll.1200x600-bw.webp
+        - url:                          /assets/images/modules/attics/banner/jekyll.1200x600-bw.jpg
+          alt:                          jekyll.1200x600-bw.jpg
 ---
 
 // NOTE:  General Asciidoc page attributes settings

data/lib/starter_web/collections/posts/public/featured/_posts/2019-05-01-top-open-source-static-site-generators.adoc

@@ -1,12 +1,12 @@
 ---
 title:                                  Site generators
-tagline:                                open-source tools
-description:                            Top open-source site generators
+tagline:                                open source tools
+description:                            Top Open Source site generators
 
 date:                                   2019-05-01 00:00:00
 series:
 adsense:                                false
-image:                                  /assets/images/modules/attics/building-blocks-1920x1280-bw.webp
+image:                                  /assets/images/modules/attics/building-blocks-1920x1280-bw.jpg
 
 tags:                                   [ Jekyll, Generators ]
 index:                                  [ Jekyll, Top, Open, Source, Static, Site, Generators ]
@@ -21,7 +21,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/building-blocks-1920x1280-bw.webp
+        - url:                          /assets/images/modules/attics/building-blocks-1920x1280-bw.jpg
           alt:                          Photo by Ryan Quintal on Unsplash
 #         caption:
 #           text:                       Photo by Ryan Quintal on Unsplash

data/lib/starter_web/collections/posts/public/featured/_posts/2019-06-01-about-cookies.adoc

@@ -1,12 +1,12 @@
 ---
 title:                                  Cookies
-tagline:                                good to know about
+tagline:                                good to know
 description:                            Useful info on cookies and how they used
 
 date:                                   2019-06-01 00:00:00 +0200
 series:
 adsense:                                false
-image:                                  /assets/images/modules/attics/cookies-1920x1200-bw.webp
+image:                                  /assets/images/modules/attics/cookies-1920x1200-bw.jpg
 
 tags:                                   [ About, Cookies ]
 index:                                  [ Cookie, Usage, Type, Policy, Consent ]
@@ -21,7 +21,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/cookies-1920x1200-bw.webp
+        - url:                          /assets/images/modules/attics/cookies-1920x1200-bw.jpg
           alt:                          Photo by Miroslava on Unsplash
 #         caption:
 #           text:                       Photo by Miroslava on Unsplash

data/lib/starter_web/collections/posts/public/series/_posts/2018-11-01-docker-using-shared-folders.adoc

@@ -13,7 +13,7 @@ tags:                                   [ Tutorial, kickstarter ]
 index:                                  [ Docker, Windows, Shared, Folder, Folders ]
 categories:                             []
 
-regenerate:                             true
+regenerate:                             false
 
 resources:                              []
 resource_options:
@@ -24,7 +24,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/banner/docker-1280x600-bw.webp
+        - url:                          /assets/images/modules/attics/banner/docker-1280x600-bw.jpg
           alt:                          docker_banner_r-1280x500-bw
 ---
 
@@ -32,6 +32,7 @@ resource_options:
 // -----------------------------------------------------------------------------
 :page-liquid:
 
+
 // Additional Asciidoc page attributes goes here
 // -----------------------------------------------------------------------------
 :page-imagesdir: {{page.images.dir}}/j1_using_docker

data/lib/starter_web/index.html

@@ -26,14 +26,14 @@ robots:
 #permalink:                             /
 scrollbar:                              false
 
-resources:                              [ animate ]
+resources:                              [ back2top, animate ]
 resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/alex-holyoake-1920x1280.webp
+        - url:                          /assets/images/modules/attics/alex-holyoake-1920x1280.jpg
           alt:                          Photo by Alex Holyoake on Unsplash
           badge:
             type:                       unsplash
@@ -42,7 +42,6 @@ resource_options:
 ---
 
 <pre>
-
   This page is created by the layout: {{ page.layout }}.
 
   If this text is displayed (instead of the home page expected),
@@ -56,14 +55,13 @@ resource_options:
   If you see this page within the J1 Template DEVELOPMENT system,
   re-run a site built running:
 
-    yarn rebuilt site
+    yarn rebuild site
 
   If you're on a RUNTIME system run a built like so:
 
-    yarn rebuilt
+    yarn rebuild
 
   and open the website again by:
 
     yarn site
-
 </pre>

data/lib/starter_web/package.json

@@ -1,8 +1,8 @@
 {
   "private": true,
   "name": "j1_starter",
-  "version": "2020.0.14",
-  "description": "J1 Template starter Web",
+  "version": "2020.0.19",
+  "description": "J1 Template Starter Web",
   "homepage": "https://your.site",
   "author": {
     "name": "Your Name",
@@ -57,16 +57,16 @@
     "app:open": "npm run delay-3s && cross-var opn $npm_package_jekyll_opt_app_url",
     "algolia": "cross-var cross-env ALGOLIA_API_KEY=$npm_package_algolia_admin_key bundle exec jekyll algolia",
     "algolia-check": "cross-var cross-env ALGOLIA_API_KEY=$npm_package_algolia_admin_key bundle exec jekyll algolia --dry-run --verbose",
-    "built": "run-p -s built:*",
-    "built:info": "echo Built site incremental ..",
-    "built:do": "cross-env SINATRA_ACTIVESUPPORT_WARNING=false bundle exec jekyll b --incremental",
+    "build": "run-p -s build:*",
+    "build:info": "echo Build site incremental ..",
+    "build:do": "cross-env SINATRA_ACTIVESUPPORT_WARNING=false bundle exec jekyll b --incremental",
     "bundle": "shx rm -f Gemfile.lock && cross-env if-env BUNDLE_VENDORIZE=true && run-s bundle_vendor || run-s bundle_global",
     "bundle_global": "cross-var cross-env BUNDLE_GEMFILE=$npm_package_jekyll_gemfile bundle install",
     "bundle_vendor": "cross-var cross-env BUNDLE_GEMFILE=$npm_package_jekyll_gemfile bundle install --path $npm_package_jekyll_vendor_path",
-    "rebuilt": "run-p -s rebuilt:*",
-    "rebuilt:info": "echo Built site from scratch ..",
-    "rebuilt:clean": "echo Clean up site files .. && bundle exec jekyll clean",
-    "rebuilt:do": "cross-env SINATRA_ACTIVESUPPORT_WARNING=false bundle exec jekyll b --incremental",
+    "rebuild": "run-p -s rebuild:*",
+    "rebuild:info": "echo Build site from scratch ..",
+    "rebuild:clean": "echo Clean up site files .. && bundle exec jekyll clean",
+    "rebuild:do": "cross-env SINATRA_ACTIVESUPPORT_WARNING=false bundle exec jekyll b --incremental",
     "delay-1s": "node ./node_modules/npm-delay 1000",
     "delay-2s": "node ./node_modules/npm-delay 2000",
     "delay-3s": "node ./node_modules/npm-delay 3000",
@@ -102,7 +102,7 @@
     "setup:node-modules-base": "echo Bootstrap project modules .. && echo J1 Project modules: >> install.log && npm --silent install >> install.log",
     "setup:node-modules-utilsrv": "echo Bootstrap utility server modules .. && echo J1 Utility Server modules: >> install.log && cd utilsrv && npm --silent install >> ../install.log && cd .. && echo done.",
     "setup:detect-os": "echo Detect OS .. && cross-env if-env OS=Windows_NT && cross-var echo \"OS detected: $OS\" || OS=$(echo $(getos)) && echo \"OS detected: $OS\" && echo done.",
-    "setup:site": "run-s -s built",
+    "setup:site": "run-s -s build",
     "site": "run-p -s site:*",
     "site:jekyll": "echo Startup the site .. && cross-env SINATRA_ACTIVESUPPORT_WARNING=false bundle exec jekyll s --incremental --livereload --open",
     "site:utilsrv": "npm --prefix ./utilsrv --silent run utilsrv",
@@ -133,4 +133,4 @@
     "npm-run-all": "^4.1.5",
     "shx": "^0.2.2"
   }
-}
+}

data/lib/starter_web/pages/{public → protected}/site_search.adoc

@@ -12,7 +12,7 @@ categories:                             [ pages ]
 
 toc:                                    false
 
-permalink:                              /pages/public/start/site_search/
+permalink:                              /pages/protected/site_search/
 regenerate:                             false
 
 resources:                              [ algolia ]
@@ -20,8 +20,8 @@ resource_options:
   - masthead:
       opacity:                          0.2
       slides:
-        - url:                          /assets/images/widescreen/featured-1920x800.webp
-          alt:                          featured-1920x800 
+        - url:                          /assets/images/widescreen/featured-1920x800.jpg
+          alt:                          featured-1920x800
 ---
 
 // Enable the Liquid Preprocessor

data/lib/starter_web/pages/public/000_nav_pagination_tester.adoc

@@ -0,0 +1,297 @@
+---
+title:                                  Navigation
+tagline:                                paginator
+description:                            J1 Template Roundtrip - Present image based data
+
+tags:                                   [ Page, Roundtrip ]
+index:                                  [ Template, Roundtrip, Images ]
+categories:                             [ pages ]
+
+toc:                                    true
+scrollbar:                              false
+
+permalink:                              /pages/public/tester/paginator/
+regenerate:                             false
+
+resources:                              []
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+#     slides:
+#       - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+#         alt:                          Photo by Ricardo Gomez Angel on Unsplash
+#         badge:
+#           type:                       unsplash
+#           author:                     Ricardo Gomez Angel
+#           href:                       https://unsplash.com/@ripato/portfolio
+---
+
+// Enable the Liquid Preprocessor
+// -----------------------------------------------------------------------------
+:page-liquid:
+
+// Set other global page attributes here
+// -----------------------------------------------------------------------------
+//:my-asciidoc-attribute:
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+
+// Initialize entry document environmental attributes
+// -----------------------------------------------------------------------------
+{% include {{set_env_entry_document}} %}
+
+// Load tag, url and data attributes
+// -----------------------------------------------------------------------------
+// include::{includedir}/attributes.asciidoc[tag=tags]
+// include::{includedir}/attributes.asciidoc[tag=urls]
+// include::{includedir}/attributes.asciidoc[tag=data]
+
+// Set local page attributes
+// -----------------------------------------------------------------------------
+// :images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents
+// -----------------------------------------------------------------------------
+
+
+== Paginator
+
+lorem:sentences[3]
+
+++++
+<div class="mb-5">
+  <!-- Pagination #15 -->
+  <nav class="text-left" aria-label="Page Navigation">
+    <ul class="list-inline">
+      <li class="list-inline-item">
+        <a class="u-pagination-v1__item g-brd-around g-brd-2 g-brd-gray-dark-v2 g-color-gray-dark-v2 g-bg-gray-dark-v2--hover g-color-white--hover g-brd-gray-dark-v2--hover g-rounded-3 g-pa-4-13" href="#" aria-label="Previous">
+          <span aria-hidden="true">
+            <i class="fa fa-angle-left g-mr-5"></i>
+            Previous
+          </span>
+          <span class="sr-only">Previous</span>
+        </a>
+      </li>
+      <li class="list-inline-item">
+        <a class="u-pagination-v1__item g-brd-around g-brd-2 g-brd-gray-dark-v2 g-color-gray-dark-v2 g-bg-gray-dark-v2--hover g-color-white--hover g-brd-gray-dark-v2--hover g-rounded-3 g-pa-4-13" href="#" aria-label="Next">
+          <span aria-hidden="true">
+            Next
+            <i class="fa fa-angle-right g-ml-5"></i>
+          </span>
+          <span class="sr-only">Next</span>
+        </a>
+      </li>
+    </ul>
+  </nav>
+  <!-- End Pagination #15 -->
+</div>
+++++
+
+++++
+<div class="mb-5">
+  <!-- Pagination #08 -->
+  <nav class="text-left" aria-label="Page Navigation">
+    <ul class="list-inline">
+      <li class="list-inline-item">
+        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-16" href="#" aria-label="Previous">
+          <span aria-hidden="true">
+            <i class="fa fa-angle-left g-mr-5"></i>
+            Previous
+          </span>
+          <span class="sr-only">Previous</span>
+        </a>
+      </li>
+      <li class="list-inline-item g-hidden-sm-down">
+        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-14" href="#">1</a>
+      </li>
+      <li class="list-inline-item g-hidden-sm-down">
+        <a class="u-pagination-v1__item u-pagination-v1-2 u-pagination-v1-2--active g-pa-7-14" href="#">2</a>
+      </li>
+      <li class="list-inline-item g-hidden-sm-down">
+        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-14" href="#">3</a>
+      </li>
+      <li class="list-inline-item g-hidden-sm-down">
+        <a class="g-pa-7-14">...</a>
+      </li>
+      <li class="list-inline-item g-hidden-sm-down">
+        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-14" href="#">80</a>
+      </li>
+      <li class="list-inline-item">
+        <a class="u-pagination-v1__item u-pagination-v1-2 g-pa-7-16" href="#" aria-label="Next">
+          <span aria-hidden="true">
+            Next
+            <i class="fa fa-angle-right g-ml-5"></i>
+          </span>
+          <span class="sr-only">Next</span>
+        </a>
+      </li>
+    </ul>
+  </nav>
+  <!-- End Pagination #08 -->
+</div>
+++++
+
+++++
+<nav class="text-left mb-5" aria-label="Page Navigation">
+  <ul class="list-inline">
+    <li class="list-inline-item">
+      <a class="u-pagination-v1__item u-pagination-v1-1 u-pagination-v1__item--disabled g-pa-12-21" href="#" aria-label="Previous">
+        <span aria-hidden="true">
+          <i class="fa fa-angle-left g-mr-5"></i>
+          Previous
+        </span>
+        <span class="sr-only">Previous</span>
+      </a>
+    </li>
+    <li class="list-inline-item g-hidden-sm-down">
+      <a class="u-pagination-v1__item u-pagination-v1-1 u-pagination-v1-1--active g-pa-12-19" href="#">1</a>
+    </li>
+    <li class="list-inline-item g-hidden-sm-down">
+      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-19" href="#">2</a>
+    </li>
+    <li class="list-inline-item g-hidden-sm-down">
+      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-19" href="#">3</a>
+    </li>
+    <li class="list-inline-item g-hidden-sm-down">
+      <span class="g-pa-12-19">...</span>
+    </li>
+    <li class="list-inline-item g-hidden-sm-down">
+      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-19" href="#">15</a>
+    </li>
+    <li class="list-inline-item">
+      <a class="u-pagination-v1__item u-pagination-v1-1 g-pa-12-21" href="#" aria-label="Next">
+        <span aria-hidden="true">
+          Next
+          <i class="fa fa-angle-right g-ml-5"></i>
+        </span>
+        <span class="sr-only">Next</span>
+      </a>
+    </li>
+  </ul>
+</nav>
+++++
+
+== Bootstrap Paginations
+
+Pagination links indicate a series of related content exists across
+multiple pages. Typically these are used where a multi-page approach
+to long lists of content improves general performance, such as in
+search results or inboxes.
+
+++++
+<div class="shortcode-html">
+  <!-- Pagination Default -->
+  <nav aria-label="Page navigation">
+    <ul class="pagination">
+      <li class="page-item">
+        <a class="page-link" href="#" aria-label="Previous">
+          <span aria-hidden="true">«</span>
+          <span class="sr-only">Previous</span>
+        </a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">1</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">2</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">3</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">4</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">5</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#" aria-label="Next">
+          <span aria-hidden="true">»</span>
+          <span class="sr-only">Next</span>
+        </a>
+      </li>
+    </ul>
+  </nav>
+  <!-- End Pagination Default -->
+</div>
+++++
+
+++++
+<div class="shortcode-html">
+  <!-- Pagination States -->
+  <nav aria-label="...">
+    <ul class="pagination">
+      <li class="page-item disabled">
+        <a class="page-link" href="#" tabindex="-1" aria-label="Previous">
+          <span aria-hidden="true">«</span>
+          <span class="sr-only">Previous</span>
+        </a>
+      </li>
+      <li class="page-item active">
+        <a class="page-link" href="#">1
+          <span class="sr-only">(current)</span>
+        </a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">2</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">3</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">4</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">5</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#" aria-label="Next">
+          <span aria-hidden="true">»</span>
+          <span class="sr-only">Next</span>
+        </a>
+      </li>
+    </ul>
+  </nav>
+  <!-- End Pagination States -->
+</div>
+++++
+
+++++
+<div class="shortcode-html">
+  <!-- Pagination Large -->
+  <nav aria-label="...">
+    <ul class="pagination pagination-lg">
+      <li class="page-item">
+        <a class="page-link" href="#" aria-label="Previous">
+          <span aria-hidden="true">«</span>
+          <span class="sr-only">Previous</span>
+        </a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">1</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">2</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#">3</a>
+      </li>
+      <li class="page-item">
+        <a class="page-link" href="#" aria-label="Next">
+          <span aria-hidden="true">»</span>
+          <span class="sr-only">Next</span>
+        </a>
+      </li>
+    </ul>
+  </nav>
+  <!-- End Pagination Large -->
+</div>
+++++