j1-template 2022.5.3 → 2022.6.1

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

@@ -1,9 +1,15 @@
 ---
 layout:                                 page
-title:                                  Starter Blog
-tagline:                                posts by tag
+title:                                  Posts By Tag
+tagline:                                Explore Posts
+date:                                   2022-01-01 01:00:00
 description: >
-                                        Browse articles by tag
+                                        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 easy accessible to the visitors,
+                                        the Navigation System provides a Blog Explorer module. The explorer
+                                        module supports the users for browsing articles by sorting criteria
+                                        like category and date or browsing the archive for all articles.
 
 categories:                             [ Blog ]
 tags:                                   [ Navigator, Tags ]
@@ -16,6 +22,12 @@ pagination:
   enabled:                              false
   permalink:                            /page:num/
 
+image:
+  path:                                 /assets/images/modules/attics/matthaeus-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Matthaeus on Unsplash
+
 analytics:                              true
 advertising:                            false
 comments:                               false
@@ -27,12 +39,10 @@ resources:                              [ animate ]
 resource_options:
 
   - attic:
-
       alignY:                           top
       slides:
-
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
-          alt:                          Photo by Matthaeus
+          alt:                          Photo by Matthaeus on Unsplash
           badge:
             type:                       unsplash
             author:                     Matthaeus
@@ -86,14 +96,13 @@ resource_options:
 {% assign letter_group_written  = false %}
 
 {% include {{get_page_path}} mode='absolute' %}
-{% assign navigator_path = page_path | remove_first:'archive' %}
+{% assign navigator_path = page_path | remove_first: 'archive' %}
 
 {% capture navigator %}{{navigator_path}}{% endcapture %}
-{% capture blog_preview %}{{page_path}}/preview/{% endcapture %}
 {% capture date_view %}{{page_path}}/dateview/{% endcapture %}
 {% capture category_view %}{{page_path}}/categoryview/{% endcapture %}
 {% capture tag_view %}{{page_path}}/tagview/{% endcapture %}
-{% capture all_view %}{{page_path}}/{% endcapture %}
+{% capture all_view %}{{page_path}}/allview/{% endcapture %}
 
 {% comment %} TODO: skip_words should configured by yaml data file?
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -106,6 +115,17 @@ resource_options:
   {% capture tag_list %}{{tag_list | append: tag}}{% unless forloop.last %},{% endunless %}{% endcapture %}
 {% endfor %}
 
+{% comment %} Collect CSS image filters
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if blog_navigator_options.filters %}
+  {% for filter in blog_navigator_options.filters %}
+    {% capture css_filters %}{{css_filters}} {{filter[0]}}({{filter[1]}}){% endcapture %}
+  {% endfor %}
+  {% capture image_filters %}filter:{{css_filters}}{% endcapture %}
+{% else %}
+  {% assign image_filters = '' %}
+{% endif %}
+
 {% comment %} language detection
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if site.language == "en" %}
@@ -154,10 +174,10 @@ site_category_word_list:    {{site_category_word_list | debug}}
 
 <div class="paginator ml-3">
   <ul class="pagination raised-z0">
-    <li class="page-item"><a class="page-link" href="{{navigator | prepend: site.baseurl}}" alt="Blog View">Navigator</a></li>
-    <li class="page-item"><a class="page-link" href="{{date_view | prepend: site.baseurl}}" alt="View by Date">By Date</a></li>
-    <li class="page-item"><a class="page-link" href="{{category_view | prepend: site.baseurl}}" alt="View by Category">By Category</a></li>
-    <li class="page-item"><a class="page-link" href="{{all_view | prepend: site.baseurl}}" alt="View All">All Posts</a></li>
+    <li class="page-item"><a class="page-link" href="{{navigator}}" alt="Blog View">Navigator</a></li>
+    <li class="page-item"><a class="page-link" href="{{date_view}}" alt="View by Date">By Date</a></li>
+    <li class="page-item"><a class="page-link" href="{{category_view}}" alt="View by Category">By Category</a></li>
+    <li class="page-item"><a class="page-link" href="{{all_view}}" alt="View All">All Posts</a></li>
   </ul>
 </div>
 
@@ -167,7 +187,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
   {% endif %}
 
   <div class="post-headline">
-    <h1 id="post-headline notoc" class="mt-5">Posts By Tag</h1>
+    <h2 id="post-headline notoc" class="mt-5">Posts By Tag</h2>
   </div>
 
   {% assign letter_group = letter_group_array[letter_group_counter] %}
@@ -182,42 +202,18 @@ site_category_word_list:    {{site_category_word_list | debug}}
 
     {% if skip %} {% continue %} {% endif %}
 
-    {% assign first_letter = this_word | slice: 0, 1  %}
-    {% assign first_letter = first_letter | downcase %}
-
-    {% if letter_group contains first_letter %}
-      {% comment %} jadams, 2018-01-17: logic seems NOT work. Disabled.
-      --------------------------------------------------------------------------
-      <!-- jadams, 2018-01-17: logic seems NOT work. Disabled. -->
-      {% if letter_group_written == false %}
-        <h2 id="id_{{letter_group}}" class="toc-link mt-5 mb-5"><a alt="Back to top" href="#void"><i class="fa fa-tags mr-2"></i></a>{{letter_group | upcase}}</h2>
-        {% assign letter_group_written = true %}
-      {% endif %}
-      -------------------------------------------------------------------------- {% endcomment %}
-    {% else %}
-      {% assign letter_group_counter = letter_group_counter | plus:1 %}
-      {% assign letter_group = letter_group_array[letter_group_counter] %}
-
-      {% comment %} jadams, 2018-01-17: logic seems NOT work.
-                    Added workaround by checking if letter_group has a value
-      -------------------------------------------------------------------------- {% endcomment %}
-      {% if letter_group %}
-      <h2 id="id_{{letter_group}}" class="toc-link mb-3">
-        <a alt="Back to top" href="#void">
-          <i class="fa fa-tags mr-2"></i>
-        </a>{{letter_group | upcase}}
-      </h2>
-      {% endif %}
-      {% assign letter_group_written = true %}
-    {% endif %}
-
     {% comment %}
+    ----------------------------------------------------------------------------
     letter_group: {{letter_group | debug}}
     this_word: {{this_word | debug}}
     first_letter: {{first_letter | debug}}
+    ----------------------------------------------------------------------------
     {% endcomment %}
 
-    <h3 id="{{this_word | replace: '+','_' | replace: ' ','_' | downcase}}" class="toc-link"><a alt="Back to top" href="#void"><i class="fa fa-tag mr-2"></i></a>{{this_word}}</h3>
+    <h2 id="{{this_word | replace: '+','_' | replace: ' ','_' | downcase}}" class="toc-link mb-4">
+      <a class="link-no-decoration" alt="category headline" href="#void"><i class="fa fa-tag mr-2"></i></a>
+      {{this_word}}
+    </h2>
 
     {% for post in site.tags[this_word] %}{% if post.title != null %}
       {% include {{get_category}} post=post %}
@@ -231,25 +227,33 @@ site_category_word_list:    {{site_category_word_list | debug}}
       {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...' %}
 
       <!-- place post  -->
-      <article class="card raised-z3 mb-5">
-        <h4 id="{{100000|rand}}" class="card-header bg-primary notranslate">{{post.title}}</h4>
+      <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}}</h3>
+        </div>
         <div class="row mx-0">
-
-          <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Check if post image is available] -->
+          <!-- [INFO   ] [[j1.pages.blog.navigator.tagview         ] [Check if post image is available] -->
           {% if post.image %}
-          <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Post image is available] -->
+          <!-- [INFO   ] [[j1.pages.blog.navigator.tagview         ] [Post image is available] -->
+          {% if post.image.path %}
+          <!-- [INFO   ] [[j1.pages.blog.navigator.tagview         ] [use full post image data] -->
           <div class="col-md-6 img-bg--fill px-0"
-            style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url({{post.image}});">
+            style="border-right: 1px dotted rgba(0, 0, 0, 0.25); {{image_filters}}; background-image: url({{post.image.path}});">
           </div>
           {% else %}
-          <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Post image missing, using configured default image] -->
           <div class="col-md-6 img-bg--fill px-0"
-            style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url({{blog_navigator_options.post_image}});">
+            style="border-right: 1px dotted rgba(0, 0, 0, 0.25); {{image_filters}}; background-image: url({{post.image}});">
+          </div>
+          {% endif %}
+          {% else %}
+          <!-- [INFO   ] [[j1.pages.blog.navigator.tagview         ] [Post image missing, using configured default image] -->
+          <div class="col-md-6 img-bg--fill px-0"
+            style="border-right: 1px dotted rgba(0, 0, 0, 0.25); {{image_filters}}; background-image: url({{blog_navigator_options.post_image}});">
           </div>
           {% endif %}
 
           <div class="col-md-6 p-0">
-            <div class="card-body r-text-300">{{excerpt}}</div>
+            <div class="card-body r-text-300 mt-0">{{excerpt}}</div>
             <div class="card-footer not-rounded r-text-200">
               <div class="card-footer-text">
 
@@ -286,7 +290,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
               </p>
 
               </div>
-              <a class="card-link text-lowercase"
+              <a class="card-link md-grey-900 text-lowercase"
                  href="{{post.url}}#readmore">
                  {{readmore_text}} · {{post.tagline}}
               </a>

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

@@ -1,69 +1,246 @@
 ---
-layout:                                 blog_archive
+layout:                                 page
 title:                                  Starter Blog
-tagline:                                explore posts
+tagline:                                Explore Posts
+date:                                   2022-01-01 01:00:00
 description: >
-                                        Navigate through all articles tis website.
+                                        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 easy accessible to the visitors,
+                                        the Navigation System provides a Blog Explorer module. The explorer
+                                        module supports the users for browsing articles by sorting criteria
+                                        like category and date or browsing the archive for all articles.
 
 categories:                             [ Blog ]
-tags:                                   [ Navigator ]
+tags:                                   [ Navigator, Explorer ]
 
 pagination:
   enabled:                              true
   permalink:                            /page:num/
   per_page:                             2
 
+robots:
+  index:                                false
+  follow:                               false
+
+image:
+  path:                                 /assets/images/modules/attics/matthaeus-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Matthaeus on Unsplash
+
 sort:                                   date
 toc:                                    true
 fab_menu_id:                            default
 
 scrollDynamicPagesTopOnChange:          false                                   # do NOT scroll the page to top on content changes
 
-analytics:                              true
+analytics:                              false
 advertising:                            false
 comments:                               false
+exclude_from_search:                    true
 
 regenerate:                             false                                   # set to 'true', if update posts is required
 
 resources:                              [ animate, scroller ]
 resource_options:
-
   - attic:
       alignY:                           top
-
       slides:
-
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
-          alt:                          Photo by Matthaeus
+          alt:                          Photo by Matthaeus on Unsplash
           badge:
             type:                       unsplash
             author:                     Matthaeus
             href:                       https://unsplash.com/@matthaeus123
 ---
 
-<pre>
-
-  This page is created by the layout: {{ page.layout }}.
-
-  If this text is displayed (instead of the home page expected),
-  something went  wrong with the layout definitions. Check  the
-  output of the Jekyll engine building this site.
-
-  Check the  contents   of folder _layouts. Verify  if the base
-  layout  "{{ page.layout }}" exists  and the  referring  chain
-  (inheritance) is correct.
-
-  If you see this page within the J1 Template DEVELOPMENT system,
-  re-run a site built running:
-
-    yarn rebuild site
-
-  If you're on a RUNTIME system run a built like so:
-
-    yarn rebuild
-
-  and open the website again by:
-
-    yarn site
-
-</pre>
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
+{% capture collate_list %}themes/{{site.template.name}}/procedures/posts/collate_list.proc{% endcapture %}
+{% capture collate_timeline %}themes/{{site.template.name}}/procedures/posts/collate_timeline.proc{% endcapture %}
+{% capture create_navigator %}themes/{{site.template.name}}/procedures/posts/create_navigator.proc{% endcapture %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config                     = site.data.j1_config %}
+{% assign blocks                              = site.data.blocks %}
+{% assign modules                             = site.data.modules %}
+{% assign plugins                             = site.data.plugins %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign blog_navigator_defaults             = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings             = modules.blog_navigator.settings %}
+{% assign paginator_defaults                  = plugins.defaults.paginator.defaults %}
+{% assign paginator_settings                  = plugins.paginator.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign blog_navigator_options              = blog_navigator_defaults | merge: blog_navigator_settings %}
+{% assign paginator_options                   = paginator_defaults | merge: paginator_settings %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign article_navigator                   = blog_navigator_settings.article_navigator %}
+{% assign article_previewer                   = blog_navigator_settings.article_previewer %}
+{% assign article_navigator_description       = blog_navigator_options.article_navigator.description %}
+{% assign article_previewer_description       = blog_navigator_options.article_previewer.description %}
+
+{% assign previewer                           = blog_navigator_options.previewer %}
+{% assign paginate                            = paginator_options.pagination.enabled %}
+{% assign scroller                            = blog_navigator_options.scroller %}
+{% assign rtext                               = template_config.typography.rtext %}
+{% assign page_rtext                          = page.rtext %}
+{% assign page_rtext_size                     = page.rtext_size %}
+
+{% comment %} rtext|size detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if rtext %}
+  {% assign rtext_size = template_config.typography.rtext_size %}
+{% else %}
+  {% assign rtext_size = 0 %}
+{% endif %}
+
+{% comment %} language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de"%}
+  {% assign language = "de" %}
+{% else %}
+  {% 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 %}
+  {% assign archive_view_button_text          = blog_navigator_options.button_text.view_selector.archive_view.en %}
+  {% assign tag_view_button_text              = blog_navigator_options.button_text.view_selector.tag_view.en %}
+
+  {% assign previewer_headline                = blog_navigator_options.article_previewer.page_text.en.headline %}
+  {% assign navigator_description_text        = blog_navigator_options.article_navigator.page_text.en.description %}
+  {% assign previewer_description_text        = blog_navigator_options.article_previewer.page_text.en.description %}
+{% endif %}
+
+{% if language == "de" %}
+  {% assign category_view_button_text         = blog_navigator_options.button_text.view_selector.category_view.de %}
+  {% assign date_view_button_text             = blog_navigator_options.button_text.view_selector.date_view.de %}
+  {% assign archive_view_button_text          = blog_navigator_options.button_text.view_selector.archive_view.de %}
+  {% assign tag_view_button_text              = blog_navigator_options.button_text.view_selector.tag_view.de %}
+
+  {% assign previewer_headline                = blog_navigator_options.article_previewer.page_text.de.headline %}
+  {% assign navigator_description_text        = blog_navigator_options.article_navigator.page_text.de.description %}
+  {% assign previewer_description_text        = blog_navigator_options.article_previewer.page_text.de.description %}
+{% endif %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% 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">
+    <!-- Content placed by layouts/content_generator_blog_archive.html -->
+    <div id="blog_navigator">
+      <div id="article_navigator">
+
+        {% include {{get_page_path}} mode='absolute' %}
+        {% capture navigator_path%}{{page_path}}{% endcapture %}
+        {% capture archive_path %}{{navigator_path}}/archive{% endcapture %}
+        {% capture date_view %}{{archive_path}}/dateview/{% endcapture %}
+        {% capture category_view %}{{archive_path}}/categoryview/{% endcapture %}
+        {% capture tag_view %}{{archive_path}}/tagview/{% endcapture %}
+        {% capture all_view %}{{archive_path}}/allview/{% endcapture %}
+
+        {% comment %}
+        ------------------------------------------------------------------------
+        https://stackoverflow.com/questions/22763180/assign-an-array-literal-to-a-variable-in-liquid-template
+        {% assign my_array = "one|two|three" | split: "|" %}
+        ------------------------------------------------------------------------
+        {% endcomment %}
+
+        {% comment %} Debugging
+        --------------------------------------------------------------------------------
+        blog_navigator_options.article_navigator.page_text: {{blog_navigator_options.article_navigator.page_text | debug}}
+        --------------------------------------------------------------------------------
+        {% endcomment %}
+
+        <div class="navigator-headline">
+          <nav class="paginator">
+            <ul class="pagination raised-z0">
+              <li class="page-item"><a class="page-link" href="{{category_view}}" alt="View by Category">{{category_view_button_text}}</a></li>
+              <li class="page-item"><a class="page-link" href="{{date_view}}" alt="View by Date">{{date_view_button_text}}</a></li>
+              <!-- li class="page-item"><a class="page-link" href="{{tag_view}}" alt="{{tag_view_button_text}}">By Tag</a></li -->
+              <li class="page-item"><a class="page-link" href="{{all_view}}" alt="View All">{{archive_view_button_text}}</a></li>
+            </ul>
+          </nav> <!-- end paginator -->
+        </div> <!-- end navigator headline -->
+
+        {% if blog_navigator_options.article_navigator.page_text.enabled %}
+        <div class="view-description">{{navigator_description_text}}</div>
+        {% endif %}
+
+      </div> <!-- end article_navigator -->
+
+      <!-- Add article previewer if paginator is enabled -->
+      {% if paginate %}
+      <div id="article_previewer">
+
+        <div class="previewer-headline">
+
+          <div class="post-headline">
+            <h1 id="previewer" class="notoc mt-4">{{previewer_headline}}</h1>
+          </div>
+
+          <!-- Add Jekyll Paginator if enabled: {{scroller}} -->
+          {% if scroller == 'jekyll' %} {% if paginator.total_pages > 1 %}
+          <nav class="paginator mb-4">
+            <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>
+                </li>
+              {% else %}
+                  <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>
+              </li>
+              {% else %}
+                  <li class="page-item disabled"><a href="#void" class="page-link">{{paginator_button_last_post_text}}</a></li>
+              {% endif %}
+            </ul>
+          </nav>
+          {% endif %} {% endif %}
+
+          {% if scroller == 'jekyll' %} {% if blog_navigator_options.article_previewer.page_text.enabled %}
+          <div class="view-description mb-3">{{previewer_description_text}}</div>
+          {% endif %} {% endif %}
+
+        </div>
+
+        <div id="article_preview">
+          <!-- Previewer selected of type: {{previewer}}-->
+          <div id="preview_content">
+            {% assign posts_collate = paginator.posts %}
+            {% case previewer %}
+              {% when 'list' %}
+                {% include {{collate_list}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+              {% when 'calendar' %}
+                  {% include {{collate_calendar}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+              {% when 'timeline' %}
+                {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %}
+              {% else %}
+                {% include {{collate_list}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+            {% endcase %}
+          </div>
+        </div>
+
+      </div>
+      <!-- end article previewer -->
+      {% endif %}
+
+    </div> <!-- end blog_navigator -->
+  </main> <!-- end main -->

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

@@ -1,6 +1,6 @@
 ---
 title:                                  General Features
-tagline:                                platforms, frameworks, and devices
+tagline:                                Platforms, Frameworks, and Devices
 date:                                   2021-01-01 00:00:00 +100
 description: >
                                         Current software counts. Excellent tools in their latest versions
@@ -9,39 +9,23 @@ description: >
                                         are OpenSource and free to use. No license issues for private or
                                         professional use.
 
-keywords: >
-                                        features, platforms, frameworks, components, devices,
-                                        opensource, free, load, download, start, starter, example,
-                                        high, easy, use, secure, encrypt, standard, popular,
-                                        generate, develop, create, learn, distribute, publish, deploy,
-                                        beginner, advanced, expert, student, learner, writer, reader, visitor
-                                        framework, toolkit, integration, extension, module, api,
-                                        dynamic, static, generator, client, server, internet, local, localhost
-                                        page, web, website, webdesign, material, design, responsive,
-                                        javascript, nodejs, ruby, windows, linux, osx, mac, os,
-                                        http, https, html, html5, css, scss, style,
-                                        browser, firefox, chrome, edge, opera, safari,
-                                        configuration, generator, navigation, menu, dropdown, fab, action, button
-                                        application, interface, provider, api, repository,
-                                        cookie, language, translation, gdpr, dsgvo, privacy,
-                                        asciidoc, aciidoctor, bootstrap, jekyll, liquid,
-                                        hyvor, disqus, git, github, netlify, heroku, apple, microsoft,
-                                        provider, service, internet, support,
-                                        google, analytics, advertising, search, console, silverlight, score,
-                                        j1, template, jekyllone, comment
-
 categories:                             [ Features ]
-tags:                                   [ General, Features ]
+tags:                                   [ General ]
 
 sitemap:                                true
 advertising:                            false
 comments:                               false
+fab_menu_id:                            page_ctrl
 
 robots:
   index:                                true
   follow:                               true
 
-fab_menu_id:                            page_ctrl
+image:
+  path:                                 /assets/images/modules/attics/christina-1920x1280.jpg
+  width:                                1920
+  height:                               1280
+  alt:                                  Photo by Christina on Unsplash
 
 permalink:                              /pages/public/features/general_features/
 regenerate:                             false
@@ -53,13 +37,11 @@ resource_options:
       collapseDepth:                    3
 
   - attic:
-      alignY:                           top
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
-
+      alignY:                           top
       slides:
-
         - url:                          /assets/images/modules/attics/christina-1920x1280.jpg
           alt:                          Photo by Christina on Unsplash
           badge:
@@ -105,7 +87,7 @@ J1 Template is based on these popular software platforms:
 mdi:language-ruby[24px, md-blue ml-3 mr-2]
 <<Ruby>> >= 2.7 +
 mdi:language-ruby[24px, md-blue ml-3 mr-2]
-<<Jekyll>> 4.2 +
+<<Jekyll>> 4.3 +
 mdi:nodejs[24px, md-blue ml-3 mr-2]
 <<NodeJS>> 14.x
 
@@ -114,7 +96,7 @@ common operating systems like Windows, Linux, and OSX.
 
 === Ruby
 
-For the latest versions of J1 Template (>= *2022.5.3*), Ruby V3 is recommended.
+For the latest versions of J1 Template (>= *2022.5.0*), Ruby V3 is recommended.
 The latest Ruby versions offer much better run-time performance. Ruby 3 will
 be up to three times faster compared to Ruby 2.0. This will definively
 speed-up the development processes for your new website.
@@ -122,7 +104,7 @@ speed-up the development processes for your new website.
 === Jekyll
 
 The latest version of
-http://jekyllrb.com/news/2022/03/03/jekyll-4-2-2-released/[Jekyll v4.2.2 (March 2022), {browser-window--new}]
+http://jekyllrb.com/news/2022/10/20/jekyll-4-3-0-released/[Jekyll v4.3.0 (October 2022), {browser-window--new}]
 including all fixes for version V4. The upcoming version *v4.3.0* will offer
 some new features and modernized functionality. If this version is released,
 all new features will be implemented in J1 as well.