j1-template 2023.2.7 → 2023.3.1

data/lib/starter_web/_data/modules/scroller.yml

@@ -29,7 +29,7 @@ settings:
   # SmoothScroll options
   # ----------------------------------------------------------------------------
   smoothscroll:
-    offsetCorrection:                   -10
+    offsetCorrection:                   -9
     offsetCorrectionLocal:              -90
 
   # ----------------------------------------------------------------------------
@@ -43,8 +43,8 @@ settings:
     - scroller:
         enabled:                        true
         type:                           showOnScroll
-        id:                             home_intro_panel
-        container:                      home_intro_panel
+        id:                             panel_home_intro
+        container:                      panel_home_intro
         showDelay:                      1000
         scrollOffset:                   500
 
@@ -54,8 +54,8 @@ settings:
     - scroller:
         enabled:                        false
         type:                           showOnScroll
-        id:                             home_service_panel
-        container:                      home_service_panel
+        id:                             panel_home_service
+        container:                      panel_home_service
         showDelay:                      700
         scrollOffset:                   200
 
@@ -65,8 +65,8 @@ settings:
     - scroller:
         enabled:                        true
         type:                           infiniteScroll
-        id:                             home_news_panel
-        container:                      home_news_panel-scroll-group
+        id:                             preview_content
+        container:                      panel_home_news-scroll-group
         pagePath:                       /assets/data/news_panel_posts/page
         elementScroll:                  true                                    # false = window, true = container
         scrollOffset:                   200
@@ -86,7 +86,7 @@ settings:
     - scroller:
         enabled:                        true
         type:                           infiniteScroll
-        id:                             blog_navigator_preview
+        id:                             preview_content                         # blog_navigator_preview
         container:                      timeline
         pagePath:                       /pages/public/blog/navigator/page
         elementScroll:                  true

data/lib/starter_web/_data/modules/slick.yml

@@ -45,19 +45,19 @@ settings:
   carousels:
 
     # --------------------------------------------------------------------------
-    # COLLECTION Carousel (portfolio)
+    # POST Carousel (Featured Posts)
     #
     - carousel:
       enabled:                          true
 
-      id:                               collection_carousel_portfolio
-      type:                             collection
-      gutters:                          1                                       # [0 .. 5]
-      collection:                       portfolio                               # generate grid elements (articles) for the collection specified
+      id:                               post_carousel_featured
+      type:                             post
+      gutters:                          1                                       # 0 .. 5
+      group:                            Featured                                # generate slides only for group (specified in article/post)
+      image_styles:                     img-fluid img-object--cover
+      image_height:                     300px
       translate_links:                  false                                   # default: false
       link_new_window:                  true                                    # default: false
-      image_styles:                     img-fluid img-object--cover
-      image_height:                     500px
 
       # ------------------------------------------------------------------------
       # Carousel options
@@ -65,11 +65,20 @@ settings:
       options:
         autoplay:                       false
         arrows:                         true
-        dots:                           false
-        slidesToShow:                   3
-        slidesToScroll:                 3
+        dots:                           true
+        slidesToShow:                   2
+        slidesToScroll:                 2
         responsive:                     true                                    # enables reponsive options to generate breakpoint properties for slick()
 
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        true
+        grayscale:                      1
+        contrast:                       1
+        brightness:                     0.4
+
       # ------------------------------------------------------------------------
       # Reponsive options
       #
@@ -92,15 +101,15 @@ settings:
             slidesToScroll:             1
 
     # --------------------------------------------------------------------------
-    # COLLECTION Carousel (biography)
+    # COLLECTION Carousel (portfolio)
     #
     - carousel:
       enabled:                          true
 
-      id:                               collection_carousel_biography
+      id:                               collection_carousel_portfolio
       type:                             collection
       gutters:                          1                                       # [0 .. 5]
-      collection:                       biography                               # generate grid elements (articles) for the collection specified
+      collection:                       portfolio                               # generate grid elements (articles) for the collection specified
       translate_links:                  false                                   # default: false
       link_new_window:                  true                                    # default: false
       image_styles:                     img-fluid img-object--cover
@@ -112,7 +121,7 @@ settings:
       options:
         autoplay:                       false
         arrows:                         true
-        dots:                           true
+        dots:                           false
         slidesToShow:                   3
         slidesToScroll:                 3
         responsive:                     true                                    # enables reponsive options to generate breakpoint properties for slick()
@@ -139,15 +148,15 @@ settings:
             slidesToScroll:             1
 
     # --------------------------------------------------------------------------
-    # COLLECTION Carousel (fantasy)
+    # COLLECTION Carousel (biography)
     #
     - carousel:
       enabled:                          true
 
-      id:                               collection_carousel_fantasy
+      id:                               collection_carousel_biography
       type:                             collection
-      gutters:                          1                                       # 0 .. 5
-      collection:                       fantasy                                 # generate grid elements (articles) for the collection specified
+      gutters:                          1                                       # [0 .. 5]
+      collection:                       biography                               # generate grid elements (articles) for the collection specified
       translate_links:                  false                                   # default: false
       link_new_window:                  true                                    # default: false
       image_styles:                     img-fluid img-object--cover
@@ -159,11 +168,20 @@ settings:
       options:
         autoplay:                       false
         arrows:                         true
-        dots:                           false
+        dots:                           true
         slidesToShow:                   3
         slidesToScroll:                 3
         responsive:                     true                                    # enables reponsive options to generate breakpoint properties for slick()
 
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        true
+        grayscale:                      1
+        contrast:                       1
+        brightness:                     0.8
+
       # ------------------------------------------------------------------------
       # Reponsive options
       #
@@ -186,15 +204,15 @@ settings:
             slidesToScroll:             1
 
     # --------------------------------------------------------------------------
-    # COLLECTION Carousel (romance)
+    # COLLECTION Carousel (fantasy)
     #
     - carousel:
       enabled:                          true
 
-      id:                               collection_carousel_romance
+      id:                               collection_carousel_fantasy
       type:                             collection
       gutters:                          1                                       # 0 .. 5
-      collection:                       romance                                 # generate grid elements (articles) for the collection specified
+      collection:                       fantasy                                 # generate grid elements (articles) for the collection specified
       translate_links:                  false                                   # default: false
       link_new_window:                  true                                    # default: false
       image_styles:                     img-fluid img-object--cover
@@ -206,7 +224,7 @@ settings:
       options:
         autoplay:                       false
         arrows:                         true
-        dots:                           true
+        dots:                           false
         slidesToShow:                   3
         slidesToScroll:                 3
         responsive:                     true                                    # enables reponsive options to generate breakpoint properties for slick()
@@ -233,76 +251,19 @@ settings:
             slidesToScroll:             1
 
     # --------------------------------------------------------------------------
-    # POST Carousel (Life)
+    # COLLECTION Carousel (romance)
     #
     - carousel:
       enabled:                          true
 
-      id:                               post_carousel_life
-      type:                             post
+      id:                               collection_carousel_romance
+      type:                             collection
       gutters:                          1                                       # 0 .. 5
-      group:                            Life                                    # generate slides only for group (specified in article/post)
-      image_styles:                     img-fluid img-object--cover
-      image_height:                     300px
+      collection:                       romance                                 # generate grid elements (articles) for the collection specified
       translate_links:                  false                                   # default: false
       link_new_window:                  true                                    # default: false
-
-      # ------------------------------------------------------------------------
-      # Carousel options
-      #
-      options:
-        autoplay:                       false
-        arrows:                         true
-        dots:                           true
-        slidesToShow:                   3
-        slidesToScroll:                 1
-        responsive:                     true                                    # enables reponsive options to generate breakpoint properties for slick()
-
-      # ------------------------------------------------------------------------
-      # Reponsive options
-      #
-      responsive:
-        - breakpoint:
-          settings:
-            breakOn:                    1024
-            slidesToShow:               2
-            slidesToScroll:             2
-        - breakpoint:
-          settings:
-            breakOn:                    600
-            slidesToShow:               1
-            slidesToScroll:             1
-            dots:                       true
-        - breakpoint:
-          settings:
-            breakOn:                    480
-            slidesToShow:               1
-            slidesToScroll:             1
-
-    # --------------------------------------------------------------------------
-    # POST Carousel (Life | Sepia)
-    #
-    - carousel:
-      enabled:                          true
-
-      id:                               post_carousel_life_sepia
-      type:                             post
-      gutters:                          1                                       # 0 .. 5
-      group:                            Life                                    # generate slides only for group (specified in article/post)
       image_styles:                     img-fluid img-object--cover
-      image_height:                     300px
-      translate_links:                  false                                   # default: false
-      link_new_window:                  true                                    # default: false
-
-      # ------------------------------------------------------------------------
-      # CSS filter options
-      #
-      filters:
-        enabled:                        true
-        grayscale:                      0.8
-        contrast:                       0.8
-        brightness:                     0.7
-        sepia:                          1
+      image_height:                     500px
 
       # ------------------------------------------------------------------------
       # Carousel options
@@ -312,7 +273,7 @@ settings:
         arrows:                         true
         dots:                           true
         slidesToShow:                   3
-        slidesToScroll:                 1
+        slidesToScroll:                 3
         responsive:                     true                                    # enables reponsive options to generate breakpoint properties for slick()
 
       # ------------------------------------------------------------------------

data/lib/starter_web/_data/modules/theme_toggler.yml

@@ -0,0 +1,29 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/modules/theme_toggler.yml
+#  User configuration settings for J1 Theme Toggler module
+#
+#  Product/Info:
+#  https://jekyll.one
+#
+#  Copyright (C) 2023 Juergen Adams
+#
+#  J1 Theme is licensed under the MIT License.
+#  See: https://github.com/jekyll-one/J1 Theme/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Description
+#
+description:
+  title:                                J1 Theme Toggler
+  scope:                                User settings
+  location:                             _data/modules/theme_toggler.yml
+
+# ------------------------------------------------------------------------------
+# User configuration settings
+#
+settings:
+  enabled:                              true
+
+# ------------------------------------------------------------------------------
+# END config

data/lib/starter_web/_data/modules/themer.yml

@@ -26,11 +26,5 @@ description:
 settings:
   enabled:                              true
 
-  # ----------------------------------------------------------------------------
-  # Themer options
-  # ----------------------------------------------------------------------------
-  debug:                                false
-  saveToCookie:                         true
-
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/resources.yml

@@ -19,6 +19,7 @@
 # ------------------------------------------------------------------------------
 # RESOURCE configuration settings for SYNCHRONOUS (sync) and
 # ASYNCHRONOUS (async|defer) LOAD for all LAYOUTS and (content) PAGES
+# See: https://javascript.info/script-async-defer
 
 # ------------------------------------------------------------------------------
 # GLOBALS
@@ -1109,7 +1110,7 @@ resources:
       region:                           head
       required:                         ondemand
       preload:                          false
-      script_load:                      async
+      script_load:                      defer
       dependencies:                     false
       pass_init_data:                   true
       data:
@@ -1193,54 +1194,6 @@ resources:
         js:                             [ modules/twemoji/js/picker/twemoji-picker ]
         init_function:                  []
 
-  # ----------------------------------------------------------------------------
-  # MDI Previewer, preview page (UI) for MDI icons
-  #
-  # See: https://materialdesignicons.com/
-  #
-  - name:                               MDI Previewer
-    resource:
-      enabled:                          true
-
-      id:                               mdi_previewer
-      comment:                          Module MDI Previewer
-      layout:                           [ page ]
-      region:                           head
-      required:                         ondemand
-      preload:                          false
-      script_load:                      defer
-      dependencies:                     false
-      pass_init_data:                   false
-      data:
-        css:                            [ modules/mdiPreviewer/css/previewer ]
-        files:                          []
-        js:                             [ modules/mdiPreviewer/js/previewer ]
-        init_function:                  []
-
-  # ----------------------------------------------------------------------------
-  # MDIl Previewer, preview page (UI) for MDI icons (light)
-  #
-  # See: https://materialdesignicons.com/cdn/light/0.2.63/
-  #
-  - name:                               MDIL Previewer
-    resource:
-      enabled:                          true
-
-      id:                               mdil_previewer
-      comment:                          Module MDIL Previewer
-      layout:                           [ page ]
-      region:                           head
-      required:                         ondemand
-      preload:                          false
-      script_load:                      defer
-      dependencies:                     false
-      pass_init_data:                   false
-      data:
-        css:                            [ modules/mdilPreviewer/css/previewer ]
-        files:                          []
-        js:                             [ modules/mdilPreviewer/js/previewer ]
-        init_function:                  []
-
   # ----------------------------------------------------------------------------
   # Iconify Framework, JS API to use Iconify icons
   #
@@ -1688,13 +1641,13 @@ resources:
       layout:                           [ all ]
       required:                         ondemand
       preload:                          false
-      script_load:                      async
+      script_load:                      defer
       dependencies:                     false
-      pass_init_data:                   false
+      pass_init_data:                   true
       data:
         css:                            []
         files:                          [
-                                          modules/advertising/js/google/adInitializer.js,
+#                                         modules/advertising/js/adInitializer.js,
                                           adapter/js/advertising.js
                                         ]
         js:                             []
@@ -1713,7 +1666,7 @@ resources:
       layout:                           [ all ]
       required:                         ondemand
       preload:                          false
-      script_load:                      async
+      script_load:                      defer
       dependencies:                     false
       pass_init_data:                   true
       data:
@@ -1991,5 +1944,53 @@ resources:
         js:                             [ modules/masonry/js/masonry.pkgd ]
         init_function:                  [ j1.adapter.masonry.init ]
 
+  # ----------------------------------------------------------------------------
+  # Icon Picker
+  # Configurable Font Icon Picker (based on universal-icon-picker)
+  #
+  # See: https://github.com/migliori/universal-icon-picker
+  #
+  - name:                               IconPicker
+    resource:
+      enabled:                          true
+
+      id:                               iconpicker
+      comment:                          Module IconPicker
+      region:                           head
+      layout:                           [ all ]
+      required:                         ondemand
+      preload:                          false
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            [ modules/iconPicker/css/universal-icon-picker ]
+        files:                          [ adapter/js/iconPicker.js ]
+        js:                             [ modules/iconPicker/js/universal-icon-picker ]
+        init_function:                  [ j1.adapter.iconPicker.init ]
+
+  # ----------------------------------------------------------------------------
+  # Theme Toggler
+  # Configurable JS Toggler to switch between themes
+  #
+  - name:                               Theme Toggler
+    resource:
+      enabled:                          true
+
+      id:                               theme_toggler
+      comment:                          Module Theme Toggler
+      region:                           head
+      layout:                           [ all ]
+      required:                         always
+      preload:                          false
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            []
+        files:                          [ adapter/js/themeToggler.js ]
+        js:                             []
+        init_function:                  [ j1.adapter.themeToggler.init ]
+
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/templates/feed.xml

@@ -57,7 +57,7 @@
   <id>{{ page.url | absolute_url | xml_escape }}</id>
   <post_limited>{{ limit_posts }}</post_limited>
   <template_name>J1 Theme</template_name>
-  <template_version>2023.2.7</template_version>
+  <template_version>2023.3.1</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}