j1-template 2023.6.0 → 2023.7.0

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

@@ -3,11 +3,11 @@ layout:                                 page
 
 title:                                  Archive
 tagline:                                Explore All Posts
+
 date:                                   2022-01-01
 #last_modified:                         2023-01-01
+
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
                                         To make all posts using J1 Template easy accessible to the visitors,
                                         the Navigation System of J1 Template provides a Explorer module
                                         for Blog articles: the Navigator. The Naviagtor supports the users
@@ -32,9 +32,7 @@ regenerate:                             false
 
 resources:                              [ animate, scroller ]
 resource_options:
-
   - attic:
-      padding_top:                      550
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus on Unsplash
@@ -142,7 +140,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-<div class="paginator ml-3">
+<div class="paginator speak2me-ignore ml-3 mb-4">
   <ul class="pagination raised-z0">
     <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
     <li class="page-item"><a class="page-link" href="{{navigator}}" alt="Blog View">Navigator</a></li>
@@ -158,7 +156,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
   {% endif %}
 
   <div class="post-headline">
-    <h2 id="post-headline notoc" class="mt-5">{{view_headline}}</h2>
+    <h2 id="post-headline" class="notoc mt-5">{{view_headline}}</h2>
   </div>
 
   <!-- ul class="list-unstyled link-news" -->
@@ -175,12 +173,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 
     <article class="card raised-z0 mb-5">
       <div class="card-header bg-primary">
-
-        <h3 id="{{100000|rand}}" class="card-header bg-primary notranslate">
-          {{post.title}}
-          <!-- span>{{post.tagline}}</span -->
-        </h3>
-
+        <h3 id="{{100000|rand}}" class="card-header bg-primary notranslate">{{post.title}}</h3>
       </div>
 
       <div class="row mx-0">
@@ -206,7 +199,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 
         <div class="col-md-6 p-0">
           <div class="card-body r-text-300 mt-0">{{excerpt}}</div>
-          <div class="card-footer not-rounded r-text-200">
+          <div class="card-footer speak2me-ignore not-rounded r-text-200">
             <div class="card-footer-text">
 
               {% if post.date %}

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

@@ -3,11 +3,11 @@ layout:                                 page
 
 title:                                  Posts by Category
 tagline:                                Explore Posts
+
 date:                                   2022-01-01
 #last_modified:                         2023-01-01
+
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
                                         When it comes to the usability of a website, the focus of your
                                         visitors is on one important component: The Navigation System
                                         of the site. To make all posts using J1 Template easy accessible
@@ -34,9 +34,7 @@ regenerate:                             false
 
 resources:                              [ animate ]
 resource_options:
-
   - attic:
-      padding_top:                      550
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus on Unsplash
@@ -99,13 +97,15 @@ resource_options:
   {% assign sorted_posts = site.posts|sort: 'date' %}
 {% endif %}
 
-{% comment %} TODO: skip_words NOT longer needed? Already done
-by processing of categories
+
+{% comment %} TODO: skip_words NOT longer needed?
+              NOTE: Already done by processing of categories
 --------------------------------------------------------------------------------
 {% capture skip_words %} Posts Public {% endcapture %}
 --------------------------------------------------------------------------------
 {% endcomment %}
 
+
 {% comment %} category processing
 -------------------------------------------------------------------------------- {% endcomment %}
 {% for category in category_blacklist %}
@@ -134,8 +134,8 @@ by processing of categories
   {% assign image_filters = '' %}
 {% endif %}
 
-{% comment %} language detection
--------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} language detection NOT used anymore
+--------------------------------------------------------------------------------
 {% if site.language == "en" %}
   {% assign language = "en" %}
 {% elsif site.language == "de"%}
@@ -143,6 +143,9 @@ by processing of categories
 {% else %}
   {% assign language = "en" %}
 {% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% assign language = site.language %}
 
 {% if language == "en" %}
   {% assign readmore_text               = "read" %}
@@ -155,6 +158,8 @@ by processing of categories
   {% assign view_description_text     = blog_navigator_options.category_view.page_text.en.description %}
 {% endif %}
 
+{% comment %} language NOT used anymore
+--------------------------------------------------------------------------------
 {% if language == "de" %}
   {% assign readmore_text               = "lesen" %}
 
@@ -166,6 +171,7 @@ by processing of categories
   {% assign view_headline             = blog_navigator_options.category_view.page_text.de.headline %}
   {% assign view_description_text     = blog_navigator_options.category_view.page_text.de.description %}
 {% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Debugging
 --------------------------------------------------------------------------------
@@ -180,7 +186,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 {% include {{create_word_cloud}} source="categories" word_list=category_list %}
 
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-<div class="paginator ml-3">
+<div class="paginator speak2me-ignore ml-3 mb-4">
   <ul class="pagination raised-z0">
     <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
     <!-- li class="page-item"><a class="page-link" href="{{navigator|prepend: site.baseurl}}" alt="Blog Navigator">Navigator</a></li -->
@@ -197,7 +203,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
   {% endif %}
 
   <div class="post-headline">
-    <h2 id="post-headline notoc" class="mt-5">{{view_headline}}</h2>
+    <h2 id="post-headline" class="notoc mt-5">{{view_headline}}</h2>
   </div>
 
   {% assign tags = site.categories|sort %}
@@ -249,7 +255,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 
               <div class="col-md-6 p-0">
                 <div class="card-body r-text-300 mt-0">{{excerpt}}</div>
-                <div class="card-footer not-rounded r-text-200">
+                <div class="card-footer speak2me-ignore not-rounded r-text-200">
                   <div class="card-footer-text">
 
                     {% if post.date %}

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

@@ -2,12 +2,12 @@
 layout:                                 page
 
 title:                                  Posts by Date
+tagline:                                Explore Posts
+
 date:                                   2022-01-01
 #last_modified:                         2023-01-01
-tagline:                                Explore Posts
+
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
                                         To make all posts using J1 Template easy accessible to the visitors,
                                         the Navigation System of J1 Template provides a Explorer module
                                         for Blog articles: the Navigator. The Naviagtor supports the users
@@ -32,9 +32,7 @@ regenerate:                             false
 
 resources:                              [ animate ]
 resource_options:
-
   - attic:
-      padding_top:                      550
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus on Unsplash
@@ -143,7 +141,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-<div class="paginator ml-3">
+<div class="paginator speak2me-ignore ml-3 mb-4">
   <ul class="pagination raised-z0">
     <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
     <!-- li class="page-item"><a class="page-link" href="{{navigator|prepend: site.baseurl}}" alt="Blog Navigator">Navigator</a></li -->
@@ -160,8 +158,9 @@ site_category_word_list:    {{site_category_word_list | debug}}
   {% endif %}
 
   <div class="post-headline">
-    <h1 id="post-headline notoc" class="mt-5">{{view_headline}}</h1>
+    <h2 id="post-headline" class="notoc mt-5">{{view_headline}}</h2>
   </div>
+
   {% assign openList = '<ul class="list-unstyled link-news">' %}
   {% assign closeList = '</ul>' %}
 
@@ -227,7 +226,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 
             <div class="col-md-6 p-0">
               <div class="card-body r-text-300 mt-0">{{excerpt}}</div>
-              <div class="card-footer not-rounded r-text-200">
+              <div class="card-footer speak2me-ignore not-rounded r-text-200">
                 <div class="card-footer-text">
 
                   {% if post.date %}

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

@@ -3,11 +3,11 @@ layout:                                 page
 
 title:                                  Posts By Tag
 tagline:                                Explore Posts
+
 date:                                   2022-01-01
 #last_modified:                         2023-01-01
+
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
                                         To make all posts using J1 Template easy accessible to the visitors,
                                         the Navigation System of J1 Template provides a Explorer module
                                         for Blog articles: the Navigator. The Naviagtor supports the users
@@ -32,9 +32,7 @@ regenerate:                             false
 
 resources:                              [ animate ]
 resource_options:
-
   - attic:
-      padding_top:                      550
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus on Unsplash
@@ -167,7 +165,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
 {% include {{create_word_cloud}} word_list=tag_list source="tags" %}
 
-<div class="paginator ml-3">
+<div class="paginator speak2me-ignore ml-3">
   <ul class="pagination raised-z0">
     <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
     <li class="page-item"><a class="page-link" href="{{navigator}}" alt="Blog View">Navigator</a></li>
@@ -183,7 +181,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
   {% endif %}
 
   <div class="post-headline">
-    <h2 id="post-headline notoc" class="mt-5">Posts By Tag</h2>
+    <h2 id="post-headline" class="notoc mt-5">Posts By Tag</h2>
   </div>
 
   {% assign letter_group = letter_group_array[letter_group_counter] %}
@@ -250,7 +248,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 
           <div class="col-md-6 p-0">
             <div class="card-body r-text-300 mt-0">{{excerpt}}</div>
-            <div class="card-footer not-rounded r-text-200">
+            <div class="card-footer speak2me-ignore not-rounded r-text-200">
               <div class="card-footer-text">
 
                 {% if post.date %}

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

@@ -3,11 +3,11 @@ layout:                                 page
 
 title:                                  Navigator
 tagline:                                Explore Posts
+
 date:                                   2022-01-01
 #last_modified:                         2023-01-01
+
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
                                         To make all posts using J1 Template easy accessible to the visitors,
                                         the Navigation System of J1 Template provides a Explorer module
                                         for Blog articles: the Navigator. The Naviagtor supports the users
@@ -40,7 +40,6 @@ regenerate:                             false
 resources:                              [ animate, scroller ]
 resource_options:
   - attic:
-      padding_top:                      550
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus on Unsplash
@@ -98,7 +97,7 @@ resource_options:
   {% assign rtext_size = 0 %}
 {% endif %}
 
-{% comment %} language detection
+{% comment %} language detection (disabled)
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if site.language == "en" %}
   {% assign language = "en" %}
@@ -108,6 +107,8 @@ resource_options:
   {% assign language = "en" %}
 {% endif %}
 
+
+
 {% if language == "en" %}
   {% assign category_view_button_text         = blog_navigator_options.button_text.view_selector.category_view.en %}
   {% assign date_view_button_text             = blog_navigator_options.button_text.view_selector.date_view.en %}
@@ -131,10 +132,10 @@ resource_options:
 {% endif %}
 
 
-{% comment %} Main
+{% comment %} Main container
 -------------------------------------------------------------------------------- {% endcomment %}
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [Begin content] -->
-  <main id="main-content" class="container r-text-{{rtext_size}} js-toc-content mb-5">
+  <div id="main-container" class="container r-text-{{rtext_size}} js-toc-content mb-5">
     <!-- Content placed by layouts/content_generator_blog_archive.html -->
     <div id="blog_navigator">
       <div id="article_navigator">
@@ -161,7 +162,7 @@ resource_options:
         {% endcomment %}
 
         <div class="navigator-headline">
-          <nav class="paginator">
+          <nav class="paginator speak2me-ignore mb-4">
             <ul class="pagination raised-z0">
               <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
               <li class="page-item"><a class="page-link" href="{{category_view}}" alt="View by Category">{{category_view_button_text}}</a></li>
@@ -185,7 +186,7 @@ resource_options:
         <div class="previewer-headline">
 
           <div class="post-headline">
-            <h1 id="previewer" class="notoc mt-4">{{previewer_headline}}</h1>
+            <h2 id="post-headline" class="notoc mt-4">{{previewer_headline}}</h2>
           </div>
 
           <!-- Add Jekyll Paginator if enabled: {{scroller}} -->
@@ -194,18 +195,18 @@ resource_options:
             <ul class="pagination raised-z0">
               {% if paginator.previous_page %}
                 <li class="page-item">
-                    <a class="page-link" href="{{ paginator.previous_page_path }}#article_navigator">{{paginator_button_newer_posts_text}}</a>
+                  <a class="page-link" href="{{paginator.previous_page_path}}#article_navigator">{{paginator_button_newer_posts_text}}</a>
                 </li>
               {% else %}
-                  <li class="page-item disabled"><a href="#void" class="page-link">{{paginator_button_first_post_text}}</a></li>
+                <li class="page-item disabled"><a href="#void" class="page-link">{{paginator_button_first_post_text}}</a></li>
               {% endif %}
 
               {% if paginator.next_page %}
               <li class="page-item">
-                  <a class="page-link" href="{{ paginator.next_page_path }}#article_navigator">{{paginator_button_older_posts_text}}</a>
+                <a class="page-link" href="{{paginator.next_page_path}}#article_navigator">{{paginator_button_older_posts_text}}</a>
               </li>
               {% else %}
-                  <li class="page-item disabled"><a href="#void" class="page-link">{{paginator_button_last_post_text}}</a></li>
+                <li class="page-item disabled"><a href="#void" class="page-link">{{paginator_button_last_post_text}}</a></li>
               {% endif %}
             </ul>
           </nav>
@@ -217,7 +218,7 @@ resource_options:
 
         </div>
 
-        <div id="article_preview">
+        <div id="navigator_article_preview">
           <!-- Previewer selected of type: {{previewer}}-->
           <div id="preview_content">
             {% assign posts_collate = paginator.posts %}
@@ -239,4 +240,4 @@ resource_options:
       {% endif %}
 
     </div> <!-- end blog_navigator -->
-  </main> <!-- end main -->
+  </div> <!-- end main -->

data/lib/starter_web/pages/public/features/general.adoc

@@ -1,8 +1,10 @@
 ---
 title:                                  General Features
 tagline:                                Platforms, Frameworks, and Devices
+
 date:                                   2021-01-01
 #last_modified:                         2023-01-01
+
 description: >
                                         J1 Template is a Bootstrap V5 website template for the static
                                         site generator Jekyll.
@@ -73,6 +75,7 @@ No license issues for private or professional use.
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
+[role="mt-5"]
 == Platforms
 
 J1 Template is based on these popular software platforms:
@@ -110,6 +113,8 @@ management of J1 projects a lot. Well-known commands typically used to manage
 software projects are at your fingertips. Easy to learn, easy to remember.
 Simple commands support creators to concentrate on the content.
 
+
+[role="mt-5"]
 == Frameworks
 
 To no reinvent wheels, J1 Template is based on ready-to-use frameworks,
@@ -185,6 +190,8 @@ out of your way, J1 is fully configurable. No need to dive in the deep.
 
 Configure what is to be done.
 
+
+[role="mt-5"]
 == Devices
 
 The Web is everywhere. J1 Template supports modern web browsers on all devices
@@ -199,7 +206,6 @@ mdi:near-me[24px, md-blue ml-3 mr-2]
 mdi:lighthouse[24px, md-blue ml-3 mr-2]
 <<Best Google Lighthouse Scores>>
 
-
 === Desktop and Mobile support
 
 The internet has shifted from almost exclusively desktop-driven to mostly