j1-template 2021.3.1 → 2022.0.2

data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.a2p

@@ -83,7 +83,7 @@ the PDF converter _Prawn_.
 *Happy Jekylling!*
 
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 
 // Include Introduction

data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc

@@ -64,7 +64,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 The Asciidoc skeleton *documentation* (book) a helper for setting up a base
 file and folder structure for *complex* multi-chapter AsciiDoc projects of

data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc

@@ -80,7 +80,7 @@ any subfolder of your Jekyll site.
 ====
 
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 include::{documentdir}/100_chapter.asciidoc[]
 

data/lib/starter_web/pages/public/asciidoc_skeletons/simple-document/simple.adoc

@@ -94,7 +94,7 @@ All J1 Asciidoc Skeletons are fully *relocateable* and can be placed in any
 subfolder of your Jekyll site.
 ====
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 == Synopsis
 

data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html

@@ -1,16 +1,16 @@
 ---
 layout:                                 page
 title:                                  Disruptors Blog
-tagline:                                artikel nach kategorie
+tagline:                                posts by category
 date:                                   2023-01-01 01:00:00 +100
-description:                            Artikel nach Kategorie
+description:                            Browse articles by category
 
 categories:                             [ Blog ]
 tags:                                   [ Navigator, Categories ]
 
 sort:                                   date
 toc:                                    true
-fam_menu_id:                            open_toc
+fab_menu_id:                            open_toc
 
 pagination:
   enabled:                              false
@@ -214,8 +214,8 @@ site_category_word_list:    {{site_category_word_list | debug}}
               {% endif %}
 
               <div class="col-md-6 p-0">
-                <div class="card-body r-text-300 mt-4">{{excerpt}}</div>
-                <div class="card-footer r-text-200">
+                <div class="card-body r-text-300">{{excerpt}}</div>
+                <div class="card-footer not-rounded r-text-200">
                   <div class="card-footer-text">
 
                     {% if post.date %}
@@ -247,3 +247,24 @@ site_category_word_list:    {{site_category_word_list | debug}}
       {% endfor %}
   {% endfor %}
 </div>
+
+++++
+<script>
+  $(function () {
+    var logger          = log4javascript.getLogger('j1.blog.scroller');
+    var scrollOffset    = j1.getScrollOffset();
+    var scrollDuration  = 300;
+    var anchor_id;
+
+    $('.badge-tag').on('click', function (e) {
+      e.preventDefault();
+      anchor_id = e.target.hash;
+      logger.debug('\n' + 'badge clicked: ' + anchor_id);
+
+      $('html, body').animate({
+        scrollTop: $(anchor_id).offset().top + scrollOffset
+      }, scrollDuration);
+    });
+  }); //END page ready
+</script>
+++++

data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html

@@ -9,7 +9,7 @@ tags:                                   [ Navigator, Date ]
 
 sort:                                   date
 toc:                                    true
-fam_menu_id:                            open_toc
+fab_menu_id:                            open_toc
 
 pagination:
   enabled:                              false
@@ -199,8 +199,8 @@ site_category_word_list:    {{site_category_word_list | debug}}
             {% endif %}
 
             <div class="col-md-6 p-0">
-              <div class="card-body r-text-300 mt-4">{{excerpt}}</div>
-              <div class="card-footer r-text-200">
+              <div class="card-body r-text-300">{{excerpt}}</div>
+              <div class="card-footer not-rounded r-text-200">
                 <div class="card-footer-text">
 
                   {% if post.date %}

data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html

@@ -10,7 +10,7 @@ tags:                                   [ Navigator, Tags ]
 
 sort:                                   date
 toc:                                    true
-fam_menu_id:                            open_toc
+fab_menu_id:                            open_toc
 
 pagination:
   enabled:                              false
@@ -248,8 +248,8 @@ site_category_word_list:    {{site_category_word_list | debug}}
           {% endif %}
 
           <div class="col-md-6 p-0">
-            <div class="card-body r-text-300 mt-4">{{excerpt}}</div>
-            <div class="card-footer r-text-200">
+            <div class="card-body r-text-300">{{excerpt}}</div>
+            <div class="card-footer not-rounded r-text-200">
               <div class="card-footer-text">
 
                 {% if post.date %}

data/lib/starter_web/pages/public/blog/navigator/archive.html

@@ -9,7 +9,7 @@ tags:                                   [ Navigator, Archive ]
 
 sort:                                   date
 toc:                                    true
-fam_menu_id:                            open_toc
+fab_menu_id:                            open_toc
 
 pagination:
   enabled:                              false
@@ -172,8 +172,8 @@ site_category_word_list:    {{site_category_word_list | debug}}
         {% endif %}
 
         <div class="col-md-6 p-0">
-          <div class="card-body r-text-300  mt-4">{{excerpt}}</div>
-          <div class="card-footer r-text-200">
+          <div class="card-body r-text-300">{{excerpt}}</div>
+          <div class="card-footer not-rounded r-text-200">
             <div class="card-footer-text">
 
               {% if post.date %}

data/lib/starter_web/pages/public/blog/navigator/index.html

@@ -15,7 +15,7 @@ pagination:
 
 sort:                                   date
 toc:                                    true
-fam_menu_id:                            default
+fab_menu_id:                            default
 
 analytics:                              true
 advertising:                            false

data/lib/starter_web/pages/public/learn/quickstart.adoc

@@ -12,7 +12,7 @@ categories:                             [ Knowledge ]
 tags:                                   [ J1, Template, Quickstart ]
 
 comments:                               true
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/quickstart/
 regenerate:                             false
@@ -53,7 +53,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 The template comes with a Web included, a skeleton for new a website created
 using J1 Template. This Web is called the *Starter web*, a general-purpose

data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc

@@ -10,7 +10,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Image ]
 
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/present_images/
 regenerate:                             false
@@ -54,7 +54,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 [role="dropcap"]
 Welcome to the first preview page focussing on the image module. This page

data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc

@@ -17,7 +17,7 @@ regenerate:                             false
 
 personalization:                        true
 
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 resources:                              [
                                           lightGallery, justifiedGallery, video_js,
@@ -71,7 +71,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 Playing video on web pages seems not that special since you can already
 watch videos on web pages through plugins like _Flash Player_, _Quicktime_,

data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc

@@ -11,7 +11,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Typography ]
 
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/typography/
 regenerate:                             false
@@ -56,7 +56,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 == Typography
 
@@ -67,9 +67,8 @@ as something like images.
 
 == Responsive Text
 
-Sadly, one common flaw is seen in many templates and frameworks (sadly to say:
-the same to Bootstrap, including V4{fn-bootstrap-v5--responsive-text}) is a
-lack of support for genuinely responsive text. While elements on a page resize
+Sadly, one common flaw is seen in many templates and frameworks: a lack of
+support for genuinely responsive text. While elements on a page resize
 fluidly, the text still resizes on a fixed basis. To avoid this issue,
 especially for heavily text-focused pages, J1 Template supports styles that
 fluidly scale text size and line height to optimize readability for the user.
@@ -80,7 +79,7 @@ what will happen in terms of responsiveness.
 
 ++++
 <div>
-  <button type="button" name="toggle-r-text" class="btn btn-primary btn-raised btn-flex mt-3 mb-3">
+  <button type="button" name="toggle-r-text" class="btn btn-primary btn-flex mt-3 mb-3">
     <i class="toggle-button mdi mdi-toggle-switch-off mdi-lg mdi-md-bg-primary-50 mr-1"></i>
     Toggle rtext
   </button>
@@ -137,7 +136,7 @@ responsiveness in action.
 
 ++++
 <div>
-  <button type="button" name="scale-r-text" class="btn btn-primary btn-raised btn-flex mt-3 mb-3">
+  <button type="button" name="scale-r-text" class="btn btn-primary btn-flex mt-3 mb-3">
     <i class="scale-button mdi mdi-arrow-up mdi-lg mdi-md-bg-primary-50 mr-1"></i>
     Scale rtext
   </button>

data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc

@@ -13,7 +13,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Icon, Fonts ]
 
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/mdi_icon_font/
 regenerate:                             false
@@ -55,7 +55,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 == Icon Fonts
 

data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc

@@ -12,7 +12,7 @@ description: >
 categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Asciidoc, Extension ]
 
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/asciidoc_extensions/
 regenerate:                             false
@@ -53,7 +53,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 J1 Template implements some incubating Ruby-based extensions for Asciidoctor.
 Most extensions are based on the examples given with the

data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc

@@ -13,7 +13,7 @@ categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Bootstrap, Modal, Extension ]
 
 flowtext:                               false
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/modals/
 regenerate:                             false
@@ -51,7 +51,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 Advanced Bootstrap Modals are based on the free package of
 link:{url-mdb--home}[Material Design for Bootstrap, {browser-window--new}] on version
@@ -81,7 +81,7 @@ include::{documentdir}/410_table_bs_modal_examples.asciidoc[]
 
 == What next
 
-Bootstrap is a helpful framework that offers in the current V4
+Bootstrap is a helpful framework that offers in the current V5
 version a complete set of styles to create excellent responsive designs.
 In the sense of all can be improved, the responsive tables support of BS
 needs some enhancement to display tables on low-resolution devices or smaller

data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc

@@ -11,7 +11,7 @@ categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Bootstrap, Table, Extension ]
 
 flowtext:                               false
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/responsive_tables/
 regenerate:                             false
@@ -53,7 +53,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 Creating a design for responsive tables is challenging. The approach used by
 J1 Template is based on pure CSS on top of the classic Bootstrap styles for

data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc

@@ -12,7 +12,7 @@ categories:                             [ Roundtrip ]
 tags:                                   [ Introduction, Module, Themes ]
 
 scrollbar:                              false
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/themes/
 regenerate:                             false
@@ -53,11 +53,11 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 Themes for the template system J1 are based on the free and open-source CSS
 front-end framework {url-bs--home}[Bootstrap, {browser-window--new}] of
-version V4.
+version V5.
 
 Bootstrap is an HTML, CSS & JS Library that focuses on simplifying the
 development of modern web pages. The primary purpose of applying the
@@ -158,7 +158,7 @@ Make a selection of a theme below to preview.
   <!-- See: https://stackoverflow.com/questions/47242702/force-bootstrap-dropdown-menu-to-always-display-at-the-bottom-and-allow-it-go-of -->
   <!-- NOTE: control the behaviour of popper.js for positioning -->
   <!-- NOTE: set attribute data-flip="false" to open the SELECT list at the BOTTOM of the BUTTON -->
-  <button class="btn btn-primary btn-raised btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-toggle="dropdown" data-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
+  <button class="btn btn-primary btn-flex btn-lg dropdown-toggle" data-flip="false" type="button" data-bs-toggle="dropdown" data-bs-target="#navbarDropdown" aria-haspopup="true" aria-expanded="false">
   Select Theme<span class="caret"></span>
   </button>
   <ul class="dropdown-menu scrollable-menu" role="menu">

data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc

@@ -15,7 +15,7 @@ tags:                                   [ Introduction, Module, Lunr, QuickSearc
 
 toc:                                    true
 scrollbar:                              false
-fam_menu_id:                            page_ctrl_simple
+fab_menu_id:                            page_ctrl_simple
 
 permalink:                              /pages/public/learn/roundtrip/quicksearch/
 regenerate:                             false
@@ -53,7 +53,7 @@ resource_options:
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-// Include sub-documents
+// Include sub-documents (if any)
 // -----------------------------------------------------------------------------
 QuickSearch is based on the search engine Lunr, fully integrated with the J1
 Template. Lunr is designed to be lightweight yet full-featured to provide a
@@ -124,19 +124,21 @@ A document data set might look like this:
 [source, json, role="noclip"]
 ----
 {
-  "title": "Web in a Day",
-  "tagline": "meet & greet jekyll",
-  "url": "/pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/",
-  "date": "2018-05-01 00:00:00 +0000",
+  "id": 3,
+  "title": "Roundtrip",
+  "tagline": "present images",
+  "url": "/pages/public/learn/roundtrip/present_images/",
+  "date": "2020-11-03 00:00:00 +0100",
   "tags": [
-    "Introduction"
+    "Introduction",
+    "Module",
+    "Image"
   ],
   "categories": [
-    "Jekyll",
-    "Knowledge",
-    "Tutorial"
+    "Roundtrip"
   ],
-  "description": "Web in a Day is the first in a series of tutorials ..."
+  "description": "Welcome to the preview page ... and galleries.\n",
+  "is_post": false
 }
 ----
 

data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc

@@ -61,7 +61,7 @@ tag::urls[]
 :url-fa-icons--previewer:                         https://fontawesome.com/v5.15/icons?d=gallery&p=2
 :url-iconify-icons--previewer:                    https://icon-sets.iconify.design/
 
-:url-kickstarter--web-in-a-day:                   /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
+:url-kickstarter--web-in-a-day:                   https://jekyll.one/pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
 
 end::urls[]
 

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_bottom_info.asciidoc

@@ -5,9 +5,9 @@
 <div class="ml-2">
   <!-- Button trigger modal -->
   <button type="button"
-    class="btn btn-primary btn-raised"
-    data-toggle="modal"
-    data-target="#frameModalBottomSuccessDemo">
+    class="btn btn-primary"
+    data-bs-toggle="modal"
+    data-bs-target="#frameModalBottomSuccessDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_bottom_left_warning.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalBLWarningDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalBLWarningDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_bottom_right_danger.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalBRDangerDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalBRDangerDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_central_success.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#centralModalSuccessDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#centralModalSuccessDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_full_height_left_info.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#fluidModalLeftInfoDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#fluidModalLeftInfoDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_full_height_right_success.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#fluidModalRightSuccessDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#fluidModalRightSuccessDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_top_info.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#frameModalTopInfoDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#frameModalTopInfoDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_top_left_info.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalTLInfoDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalTLInfoDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/public/learn/roundtrip/_includes/documents/410_top_right_success.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalTRSuccessDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalTRSuccessDemo">
     Launch Example
   </button>
 </div>