j1-template 2023.2.7 → 2023.3.0

data/lib/starter_web/_data/blocks/panel.yml

@@ -11,6 +11,9 @@
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
 #
 # ------------------------------------------------------------------------------
+# NOTE: All panel id's has to be prefixed by 'panel_'
+#
+# ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
 # Description
@@ -47,7 +50,7 @@ settings:
       panel:
         enabled:                        true
 
-        id:                             home_intro_panel
+        id:                             panel_home_intro
         comment:                        Home Intro Panel
         type:                           intro
         animate:                        false
@@ -200,7 +203,7 @@ settings:
       panel:
         enabled:                        true
 
-        id:                             home_plan_panel
+        id:                             panel_home_plan
         comment:                        Plan Panel
         type:                           plan
         scroller:                       false
@@ -396,7 +399,7 @@ settings:
       panel:
         enabled:                        true
 
-        id:                             home_service_panel
+        id:                             panel_home_service
         comment:                        Home Service Panel
         type:                           service
         scroller:                       true
@@ -493,11 +496,11 @@ settings:
                                           Not get lost in project management.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-ruby"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-language-ruby"></i>
                                           Ruby 2.7 <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-ruby"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-language-ruby"></i>
                                           Jekyll 4.3 <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-nodejs"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-nodejs"></i>
                                           NodeJS 14.x <br />
                                         </p>
                     title:              Platforms
@@ -538,13 +541,13 @@ settings:
                                           Configure what is to be done.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-bootstrap"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-bootstrap"></i>
                                           Bootstrap V5 <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-language-html5"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-language-html5"></i>
                                           Enhanced HTML, CSS and Javascript <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-grass"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-grass"></i>
                                           Icon Fonts <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-application-settings"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-application-settings"></i>
                                           Fully configurable components <br />
                                         </p>
                     title:              Frameworks
@@ -573,11 +576,11 @@ settings:
                                         Support your visitors.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-devices"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-devices"></i>
                                           Desktop and Mobile support <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-near-me"></i>
                                           Mobile Web Navigation <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-lighthouse"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-lighthouse"></i>
                                           Highest Google Lighthouse Scores <br />
                                         </p>
 
@@ -623,29 +626,29 @@ settings:
                                           Use whats's prepared already.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-mouse-move-down"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-mouse-move-down"></i>
                                           Infinite srcoll <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-mouse-move-down"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-mouse-move-down"></i>
                                           Animate on srcoll <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-animation"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-animation"></i>
                                           Floating Action Buttons <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-magnify"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-magnify"></i>
                                           Full-text search engine (Lunr) <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-cookie"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-cookie"></i>
                                           Cookie consent (GDPR compatible) <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-translate"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-translate"></i>
                                           Translator (Google, Deepl) <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-clipboard"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-clipboard"></i>
                                           Clipboard <br />
-                                          <i class="mdi mdi-24px md-blue mdi-rotate-90 ml-3 mr-2 mdi-forwardburger"></i>
+                                          <i class="mdi mdi-24px md-blue-700 mdi-rotate-90 ml-3 mr-2 mdi-forwardburger"></i>
                                           Smooth-srcoll <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-near-me"></i>
                                           Enhanced Navigation <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-lightbulb-on"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-lightbulb-on"></i>
                                           Lightboxes <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-folder-multiple-image"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-folder-multiple-image"></i>
                                           Image and Video Galleries <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-view-carousel"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-view-carousel"></i>
                                           Text and Image Carousels <br />
                                         </p>
 
@@ -666,17 +669,17 @@ settings:
                                           Make your site unique.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-bootstrap"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-bootstrap"></i>
                                           Bootstrap extensions <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-format-annotation-plus"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-format-annotation-plus"></i>
                                           Asciidoctor extensions <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-group"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-group"></i>
                                           Advanced banners and panels <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-near-me"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-near-me"></i>
                                           Blog Post navigation <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-content-duplicate"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-content-duplicate"></i>
                                           Featured example content <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-image"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-image"></i>
                                           Royalty free images <br />
                                         </p>
                     title:              Extensions
@@ -696,17 +699,17 @@ settings:
                                           Check what services powers your site.
                                         </p>
                                         <p>
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-theme-light-dark"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-theme-light-dark"></i>
                                           Bootstrap Themes <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-comment"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-comment"></i>
                                           Comment providers <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-analytics"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-google-analytics"></i>
                                           Google Analytics <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-google-ads"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-google-ads"></i>
                                           Google Ads <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-youtube"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-youtube"></i>
                                           YouTube Video <br />
-                                          <i class="mdi mdi-24px md-blue ml-3 mr-2 mdi-vimeo"></i>
+                                          <i class="mdi mdi-24px md-blue-700 ml-3 mr-2 mdi-vimeo"></i>
                                           Vimeo Video <br />
                                         </p>
                     title:              Integrations
@@ -727,7 +730,7 @@ settings:
       panel:
         enabled:                        true
 
-        id:                             home_news_panel
+        id:                             panel_home_news
         comment:                        Home News Panel
         type:                           news
         category_blacklist:             [ posts, public, private, protected, featured, series ]

data/lib/starter_web/_data/j1_config.yml

@@ -12,7 +12,14 @@
 # ------------------------------------------------------------------------------
 
 # ==============================================================================
-# THEME configuration
+# MONITORING (currently NOT used)
+#
+monitor:
+  performance_observer:                  true
+
+
+# ==============================================================================
+# THEME
 #
 # ------------------------------------------------------------------------------
 #   Sets the default theme used for J1 Theme for default
@@ -41,14 +48,14 @@ theme:
   author_url:                           https://jekyll.one/
 
 # ------------------------------------------------------------------------------
-# CSS and SASS settings
+# CSS and SASS
 #
 css:
   custom_scss:                          false
   custom_css:                           false
 
 # ------------------------------------------------------------------------------
-# Typography settings
+# Typography
 #
 typography:
   rtext:                                true
@@ -56,7 +63,7 @@ typography:
 
 
 # ==============================================================================
-# URL configuration
+# URLs
 #
 # ------------------------------------------------------------------------------
 #
@@ -123,7 +130,7 @@ theme_author_url:                       https://jekyll.one
 
 
 # ==============================================================================
-# DATA path configuration settings
+# DATA pathes
 #
 # ------------------------------------------------------------------------------
 runtime_data_path:                      /assets/data/runtime-data.yml
@@ -134,7 +141,7 @@ country_data_path:                      /assets/data/countries.json
 
 
 # ==============================================================================
-# COOKIE configuration settings
+# COOKIEs
 #
 # ------------------------------------------------------------------------------
 cookies:
@@ -146,7 +153,7 @@ cookies:
 
 
 # ==============================================================================
-# CONTENT configuration settings
+# CONTENT
 #
 # ------------------------------------------------------------------------------
 
@@ -157,7 +164,7 @@ prettify:                               true
 
 
 # ==============================================================================
-# PAGE global configuration settings
+# PAGEs
 #
 # NOTE: Set global settings for the Jekyll builder-engine to control
 #       the HTML outputs generated by J1
@@ -166,7 +173,7 @@ prettify:                               true
 pages:
 
 # ------------------------------------------------------------------------------
-# SmoothScroll settings
+# SmoothScroll
 #
 # ------------------------------------------------------------------------------
 #   flicker_timeout
@@ -187,7 +194,7 @@ pages:
 #
 #   page_on_load_timeout
 #   ----------------------------------------------------------------------------
-#   Delays the scrolling of ??????????.
+#   Delay needed for some modules (e.g. wave)
 #
 #   values:                             (unsigned) int
 #   default:                            1000
@@ -201,9 +208,9 @@ pages:
 #   browser.
 #
 #   values:                             (unsigned) int
-#   default:                            2000
+#   default:                            1000
 #
-#   scrollDynamicPagesTopOnChange
+#   scrollDynamicPagesTopOnChange (currently NOT used)
 #   ----------------------------------------------------------------------------
 #   Enables|Disables scrolling a dynamic page to the top positon of the
 #   browser window if content of DYNAMIC pages has changed.
@@ -221,9 +228,8 @@ pages:
 #
 # ------------------------------------------------------------------------------
 #
-# flicker_timeout:                      250                                     # NOT used anymore
-page_on_load_timeout:                   1000                                    # some modules needs a timeout to be loaded correctly (e.g wave, )
-timeoutScrollDynamicPages:              2000                                    # 2000
+page_on_load_timeout:                   1000
+timeoutScrollDynamicPages:              1000
 scrollDynamicPagesTopOnChange:          false
 
 # ------------------------------------------------------------------------------
@@ -247,13 +253,14 @@ body:
 
 
 # ==============================================================================
-# POST global configuration settings
+# POSTs
 #
 # NOTE: Set global settings for the Jekyll builder-engine to control
 #       the HTML outputs generated by J1
 #
 # ------------------------------------------------------------------------------
 posts:
+
   # ----------------------------------------------------------------------------
   #   category_blacklist
   #   --------------------------------------------------------------------------
@@ -263,17 +270,18 @@ posts:
   #   views.
   #
   # ----------------------------------------------------------------------------
-  category_blacklist:                   [ posts, public, private, protected, featured, series ]
+
+  category_blacklist:                   [
+                                          posts, public, private, protected,
+                                          featured, series, qa
+                                        ]
 
 
 # ==============================================================================
-# USER configuration settings
+# USER
 #
 # ------------------------------------------------------------------------------
 
-# ------------------------------------------------------------------------------
-# Default
-#
 user:
   provider:                             j1
   provider_site_url:                    https://jekyll.one
@@ -288,7 +296,7 @@ user:
 
 
 # ==============================================================================
-# FRAMEWORK configuration settings
+# FRAMEWORKs
 #
 # ------------------------------------------------------------------------------
 
@@ -319,7 +327,7 @@ user:
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# BOOTSTRAP framework settings
+# BOOTSTRAP
 #
 bootstrap:
   default_theme:                        bootstrap
@@ -341,7 +349,7 @@ bootstrap:
     trigger:                            hover
 
 # ------------------------------------------------------------------------------
-# HIGHLIGHTER settings (Rouge)
+# HIGHLIGHTERs
 #
 rouge:
 
@@ -349,7 +357,14 @@ rouge:
   theme_dark:                           uno.dark
 
 # ------------------------------------------------------------------------------
-# SEO settings (optimization)
+# Font AweSome
+#
+fa:
+  color:                                default
+
+
+# ------------------------------------------------------------------------------
+# SEO
 #
 
 # ------------------------------------------------------------------------------
@@ -378,38 +393,39 @@ rouge:
 # ------------------------------------------------------------------------------
 preload:
 
+  image:
+    preload:                            false
+    files:                              [ /assets/images/modules/icons/j1/j1-512x512.png ]
+
   font:
-    preload:                              false
-    cors:                                 crossorigin
-    fonts:                                []
+    preload:                            false
+    cors:                               crossorigin
+    fonts:                              []
 
   css:
-    preload:                              true
-    css:                                  [
-                                            /assets/themes/j1/core/css/themes/unolight/bootstrap,
-                                            /assets/themes/j1/core/css/vendor
-                                          ]
-    files:                                []
+    preload:                            false
+    css:                                [
+                                          /assets/themes/j1/core/css/themes/unolight/bootstrap,
+                                          /assets/themes/j1/core/css/vendor
+                                        ]
+    files:                              []
 
   js:
-    preload:                              true
-    js:                                   [
-                                            /assets/themes/j1/modules/bmd/js/bmd,
-                                            /assets/themes/j1/modules/backstretch/js/backstretch,
-                                            /assets/themes/j1/core/js/template
-                                          ]
-    files:                                [
-                                            /assets/themes/j1/adapter/js/attic.js,
-                                            /assets/themes/j1/adapter/js/logger.js,
-                                            /assets/themes/j1/adapter/js/bmd.js,
-                                            /assets/themes/j1/adapter/js/navigator.js
-                                          ]
-  image:
-    preload:                              false
-    files:                                [ /assets/images/modules/icons/j1/j1-512x512.png ]
-
-# ------------------------------------------------------------------------------
-# PRECONNECT settings
+    preload:                            false
+    js:                                  [
+                                          /assets/themes/j1/modules/bmd/js/bmd,
+                                          /assets/themes/j1/modules/backstretch/js/backstretch,
+                                          /assets/themes/j1/core/js/template
+                                        ]
+    files:                               [
+                                          /assets/themes/j1/adapter/js/attic.js,
+                                          /assets/themes/j1/adapter/js/logger.js,
+                                          /assets/themes/j1/adapter/js/bmd.js,
+                                          /assets/themes/j1/adapter/js/navigator.js
+                                        ]
+
+# ------------------------------------------------------------------------------
+# PRECONNECT
 # ------------------------------------------------------------------------------
 # NOTE:
 #   Improve page load speed with preconnect|dns-prefetch for 3rd party
@@ -422,11 +438,5 @@ preconnect:
   enabled:                              true
   urls:                                 [ "https://bootswatch.com" ]
 
-# ------------------------------------------------------------------------------
-# Font AweSome settings
-#
-fa:
-  color:                                default
-
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/layouts/collection.yml

@@ -103,6 +103,7 @@
 # Layout configuration settings
 #
 lanes:
+
   # ----------------------------------------------------------------------------
   # HEADER region (body-header)
   #   The header region contains the 'master' header displayed on all pages.

data/lib/starter_web/_data/layouts/default.yml

@@ -189,7 +189,7 @@ lanes:
   #
   - lane:
       enabled:                          true
-      id:                               j1_footer
+      id:                               footer_uno
       region:                           body-footer
       type:                             async
       class:

data/lib/starter_web/_data/layouts/home.yml

@@ -221,7 +221,7 @@ lanes:
   #
   - lane:
       enabled:                          true
-      id:                               home_teaser_banner
+      id:                               banner_home_teaser
       region:                           body-main
       type:                             async
       properties:                       elevated-z0
@@ -241,7 +241,7 @@ lanes:
   #
   - lane:
       enabled:                          false
-      id:                               divider-1
+      id:                               banner_divider_1
       region:                           body-main
       type:                             async
       properties:                       row banner-divider mt-4 mr-0 mb-4 ml-0
@@ -262,7 +262,7 @@ lanes:
   #
   - lane:
       enabled:                          false
-      id:                               home_image_banner
+      id:                               banner_home_image
       region:                           body-main
       type:                             async
 
@@ -274,7 +274,7 @@ lanes:
   #   NOTE:
   #
   #   For Jekyll, only includes from folder '~/_includes' are accepted
-  #   to load HTML data (include) files from.
+  #   to load|include HTML data files from.
   #
   # ----------------------------------------------------------------------------
   #
@@ -331,7 +331,7 @@ lanes:
   #
   - lane:
       enabled:                          true
-      id:                               home_intro_panel
+      id:                               panel_home_intro
       region:                           body-main
       type:                             async
       properties:                       elevated-z1
@@ -353,7 +353,7 @@ lanes:
   #
   - lane:
       enabled:                          false
-      id:                               home_parallax_banner
+      id:                               banner_home_parallax
       region:                           body-main
       type:                             async
       properties:                       elevated-z0
@@ -375,7 +375,7 @@ lanes:
   #
   - lane:
       enabled:                          false
-      id:                               home_service_panel
+      id:                               panel_home_service
       region:                           body-main
       type:                             async
       properties:                       elevated-z1
@@ -397,7 +397,7 @@ lanes:
   #
   - lane:
       enabled:                          false
-      id:                               home_plan_panel
+      id:                               panel_home_plan
       region:                           body-main
       type:                             async
       properties:                       elevated-z1
@@ -418,7 +418,7 @@ lanes:
   #
   - lane:
       enabled:                          true
-      id:                               home_news_panel
+      id:                               panel_home_news
       region:                           body-main
       type:                             async
       properties:                       elevated-z0

data/lib/starter_web/_data/layouts/news_panel_posts.yml

@@ -103,6 +103,7 @@
 # Layout configuration settings
 #
 lanes:
+
   # ----------------------------------------------------------------------------
   # HEADER region (body-header)
   #   The header region contains the 'master' header displayed on all pages.

data/lib/starter_web/_data/layouts/page.yml

@@ -103,6 +103,7 @@
 # Layout configuration settings
 #
 lanes:
+
   # ----------------------------------------------------------------------------
   # HEADER region (body-header)
   #   The header region contains the 'master' header displayed on all pages.
@@ -212,5 +213,5 @@ lanes:
       path:                             layouts
       file:                             content_generator_page.html
 
-# ------------------------------------------------------------------------------
+# ----------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/layouts/post.yml

@@ -103,6 +103,7 @@
 # Layout configuration settings
 #
 lanes:
+
   # ----------------------------------------------------------------------------
   # HEADER region (body-header)
   #   The header region contains the 'master' header displayed on all pages.

data/lib/starter_web/_data/layouts/raw.yml

@@ -103,6 +103,7 @@
 # Layout configuration settings
 #
 lanes:
+
   # ----------------------------------------------------------------------------
   # HEADER region (body-header)
   #   The header region contains the 'master' header displayed on all pages.