j1-template 2023.3.0 → 2023.3.2

data/lib/starter_web/_data/modules/defaults/blog_navigator.yml

@@ -229,9 +229,9 @@ defaults:
         description: >
                                         All articles are reverse ordered by date. The current articles are displayed
                                         first. From the FAB button <a href="#" class="btn-fab-floating btn-small bg-primary">
-                                        <i class="mdi mdi-plus"></i>FAB button</a> you can reach a table of contents
+                                        <i class="mdib mdib-plus"></i>FAB button</a> you can reach a table of contents
                                         <a href="#" class="btn-fab-floating btn-small bg-primary">
-                                        <i class="mdi mdi-wrap mdi-"></i>open_mmenu_toc</a> of all available articles
+                                        <i class="mdib mdib-wrap"></i>open_mmenu_toc</a> of all available articles
                                         in the same order. To preview older posts, use the button <b>Older</b> from
                                         the Preview Bar. For newer posts use the button <b>Newer</b> for more recent
                                         articles.
@@ -241,9 +241,9 @@ defaults:
                                         Alle Artikel sind in umgekehrter Reihenfolge ihres Erscheinens gruppiert.
                                         Aktuellere Beiträge werden zuerst angezeigt. Über den FAB-Button
                                         <a href="#" class="btn-fab-floating btn-small bg-primary">
-                                        <i class="mdi mdi-plus"></i>FAB button</a> erreichen Sie ein
+                                        <i class="mdib mdib-plus"></i>FAB button</a> erreichen Sie ein
                                         Inhaltsverzeichnis <a href="#" class="btn-fab-floating btn-small bg-primary">
-                                        <i class="mdi mdi-wrap mdi-"></i>open_mmenu_toc</a> über alle verfübaren Artikel
+                                        <i class="mdib mdib-wrap"></i>open_mmenu_toc</a> über alle verfübaren Artikel
                                         in gleicher Reihenfolge. Zur Anzeige älterer Artikel, verwenden Sie die Schältfläche
                                         <b>Ältere</b>. Für jüngere Posts klicken Sie auf die Schältfläche
                                         <b>Neuere</b>.
@@ -259,10 +259,10 @@ defaults:
                                         Below, find articles available this site sorted from the youngest
                                         to the oldest. From the FAB button <button type="button" class="btn-fab-floating
                                         btn-small bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-plus"></i></button> you can reach a
+                                        <i class="mdib mdib-plus"></i></button> you can reach a
                                         table of contents <button type="button" class="btn-fab-floating btn-small
                                         bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-wrap"></i></button> of all available
+                                        <i class="mdib mdib-wrap"></i></button> of all available
                                         articles in the same order.
                                         <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
@@ -276,9 +276,9 @@ defaults:
                                         Blog-Beiträge. Die Artikel sind in umgekehrter Reihenfolge ihres Erscheinens
                                         gruppiert. Aktuellere Beiträge werden zuerst angezeigt. Über den FAB-Button
                                         <button type="button" class="btn-fab-floating btn-small bg-primary raised-z5"
-                                        aria-label="fab-button"> <i class="mdi mdi-plus"></i></button> erreichen Sie ein
+                                        aria-label="fab-button"> <i class="mdib mdib-plus"></i></button> erreichen Sie ein
                                         Inhaltsverzeichnis <button type="button" class="btn-fab-floating btn-small bg-primary
-                                        raised-z5" aria-label="fab-button"> <i class="mdi mdi-wrap"></i></button>
+                                        raised-z5" aria-label="fab-button"> <i class="mdib mdib-wrap"></i></button>
                                         über alle verfübaren Artikel in gleicher Reihenfolge.
                                         <br><br>
                                         In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur
@@ -297,10 +297,10 @@ defaults:
                                         of the blog posts. The articles are grouped by <b>category</b>.
                                         From the FAB button <button type="button" class="btn-fab-floating
                                         btn-small bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-plus"></i></button> you can reach a
+                                        <i class="mdib mdib-plus"></i></button> you can reach a
                                         table of contents <button type="button" class="btn-fab-floating btn-small
                                         bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-wrap"></i></button> of all available articles
+                                        <i class="mdib mdib-wrap"></i></button> of all available articles
                                         in the same order.
                                         <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
@@ -315,10 +315,10 @@ defaults:
                                         Blog-Beiträge. Die Artikel sind nach <b>Kategorie</b> gruppiert.
                                         Über den FAB-Button
                                         <button type="button" class="btn-fab-floating btn-small bg-primary raised-z5"
-                                        aria-label="fab-button"> <i class="mdi mdi-plus"></i></button>
+                                        aria-label="fab-button"> <i class="mdib mdib-plus"></i></button>
                                         erreichen Sie ein Inhaltsverzeichnis
                                         <button type="button" class="btn-fab-floating btn-small bg-primary
-                                        raised-z5" aria-label="fab-button"> <i class="mdi mdi-wrap"></i></button>
+                                        raised-z5" aria-label="fab-button"> <i class="mdib mdib-wrap"></i></button>
                                         über alle verfübaren Artikel in gleicher Reihenfolge.
                                         <br><br>
                                         In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur
@@ -338,10 +338,10 @@ defaults:
                                         of the blog posts. The articles are grouped by <b>Date</b>.
                                         From the FAB button <button type="button" class="btn-fab-floating
                                         btn-small bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-plus"></i></button> you can reach a
+                                        <i class="mdib mdib-plus"></i></button> you can reach a
                                         table of contents <button type="button" class="btn-fab-floating btn-small
                                         bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-wrap"></i></button> of all available articles
+                                        <i class="mdib mdib-wrap"></i></button> of all available articles
                                         in the same order.
                                         <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
@@ -355,10 +355,10 @@ defaults:
                                         Blog-Beiträge. Die Artikel sind nach <b>Datum</b> gruppiert.
                                         Über den FAB-Button <button type="button" class="btn-fab-floating
                                         btn-small bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-plus"></i></button> erreichen Sie ein
+                                        <i class="mdib mdib-plus"></i></button> erreichen Sie ein
                                         Inhaltsverzeichnis <button type="button" class="btn-fab-floating btn-small
                                         bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-wrap"></i></button> über alle verfübaren Artikel
+                                        <i class="mdib mdib-wrap"></i></button> über alle verfübaren Artikel
                                         in gleicher Reihenfolge.
                                         <br><br>
                                         In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur
@@ -378,10 +378,10 @@ defaults:
                                         of the blog posts. The articles are grouped by <b>Tag</b>.
                                         From the FAB button <button type="button" class="btn-fab-floating
                                         btn-small bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-plus"></i></button> you can reach a
+                                        <i class="mdib mdib-plus"></i></button> you can reach a
                                         table of contents <button type="button" class="btn-fab-floating btn-small
                                         bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-wrap"></i></button> of all available articles
+                                        <i class="mdib mdib-wrap"></i></button> of all available articles
                                         in the same order.
                                         <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
@@ -395,10 +395,10 @@ defaults:
                                         Blog-Beiträge. Die Artikel sind nach <b>Tag</b> gruppiert.
                                         Über den FAB-Button <button type="button" class="btn-fab-floating
                                         btn-small bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-plus"></i></button> erreichen Sie ein
+                                        <i class="mdib mdib-plus"></i></button> erreichen Sie ein
                                         Inhaltsverzeichnis <button type="button" class="btn-fab-floating btn-small
                                         bg-primary raised-z5" aria-label="fab-button">
-                                        <i class="mdi mdi-wrap"></i></button> über alle verfübaren Artikel
+                                        <i class="mdib mdib-wrap"></i></button> über alle verfübaren Artikel
                                         in gleicher Reihenfolge.
                                         <br><br>
                                         In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur

data/lib/starter_web/_data/modules/defaults/fab.yml

@@ -34,9 +34,9 @@ defaults:
   xhr_container_id:                     fab-container
   xhr_data_path:                        /assets/data/fab/index.html
 
-  icon_family:                          MDI
-  icon_color:                           mdi-md-grey
-  icon_size:                            mdi-2x
+  icon_family:                          mdib
+  icon_color:                           md-grey
+  icon_size:                            mdib-2x
   raised:                               5                                       # false | one of [1 .. 10]
   pulsed:                               false                                   # false | one of [1 .. 3]
 

data/lib/starter_web/_data/modules/defaults/iconPicker.yml

@@ -27,8 +27,8 @@ defaults:
   picker_button_id:                     icon_picker
 
   iconLibraries:                        [
+                                          mdi-icons-base.min.json,
                                           mdi-icons-light.min.json,
-                                          mdi-icons-regular.min.json,
                                           font-awesome.min.json
                                         ]
 

data/lib/starter_web/_data/modules/defaults/lazyLoader.yml

@@ -0,0 +1,33 @@
+# ------------------------------------------------------------------------------
+# ~/_data/modules/defaults/lazyLoader.yml
+# Default Configuration of the lazyLoader 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-org/j1-template/blob/main/LICENSE.md
+#
+# ------------------------------------------------------------------------------
+# NOTE:
+#
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Description
+#
+description:
+  title:                                lazyLoader
+  scope:                                Default settings
+  location:                             _data/modules/defaults/lazyLoader.yml
+
+# ------------------------------------------------------------------------------
+# Default settings
+#
+defaults:
+  enabled:                              false
+
+# ------------------------------------------------------------------------------
+# END config

data/lib/starter_web/_data/modules/defaults/lunr.yml

@@ -60,9 +60,9 @@ defaults:
 
     container_id:                       search_modal
     type:                               quicksearch                             # quicksearch | elasticsearch
-    icon_family:                        MDI
+    icon_family:                        mdib
     icon_color:                         "#FFFFFF"                               # md-white
-    icon_size:                          mdi-2x
+    icon_size:                          mdib-2x
     search_icon:                        magnify
     close_icon:                         close
     clear_icon:                         format-clear

data/lib/starter_web/_data/modules/defaults/masterslider.yml

@@ -30,7 +30,7 @@ defaults:
   slider_manager:                       true                                    # use on init script (#ms-slider-manager) to fire sliders configured on page load (recommended)
   slider_manager_load_timeout:          2500                                    # depending on the platform|browser performace, loading the slider manager is delayed
 
-  icon_family:                          MDI
+  icon_family:                          mdib
   icon_class:                           false                                   # false | fas | fab (Fontawsesome only)
   icon_color:                           '#1E88E5'                               # md-blue-600
   icon_size:                            2x

data/lib/starter_web/_data/modules/defaults/navigator.yml

@@ -30,41 +30,41 @@ description:
 defaults:
   enabled:                              true
 
-  # ------------------------------------------------------------------------------
+  # ----------------------------------------------------------------------------
   # Font icon settings
   #
   #   icon_family
-  #   ----------------------------------------------------------------------------
-  #   Set the Icon font (Material Design Icon MDI|FontAwesone FA)
+  #   --------------------------------------------------------------------------
+  #   Set the Icon font (Material Design Icon mdib|FontAwesone FA)
   #
-  #   values:                         familiy (MDI|FA)
-  #   default:                        MDI
+  #   values:                         familiy (mdib|fa)
+  #   default:                        mdib
   #
   #   icon_style
-  #   ----------------------------------------------------------------------------
-  #   Select the style (FA only, for MDI always mdi)
+  #   --------------------------------------------------------------------------
+  #   Select the style (FA only, for mdib always mdi)
   #
   #   values:                         style (mdi|far|fas|fab)
   #   default:                        mdi
   #
   #   icon_color
-  #   ----------------------------------------------------------------------------
+  #   --------------------------------------------------------------------------
   #   Select the icon color used
   #
   #   values:                         color string (all supported MD color names mdi-*)
   #   default:                        no default
   #
   #   icon_size
-  #   ----------------------------------------------------------------------------
+  #   --------------------------------------------------------------------------
   #   Select the icon color used
   #
   #   values:                         size string (all supported size names mdi-*)
   #   default:                        true
   #
-  icon_family:                          MDI
-  icon_style:                           mdi
-  icon_color:                           mdi-grey
-  icon_size:                            mdi-sm
+  icon_family:                          mdib
+  icon_style:                           mdib
+  icon_color:                           mdib-grey
+  icon_size:                            mdib-sm
 
   nav_primary_color:                    "#2196F3"                               # md-blue, general color for navbar and nav-menus
 
@@ -132,10 +132,10 @@ defaults:
     max_height:                         600                                     # px
     menu_font_size:                     larger
     megamenu_font_size:                 small
-    icon_family:                        MDI
-    icon_style:                         mdi                                     # far regular icon
+    icon_family:                        mdib
+    icon_style:                         mdib                                    # far regular icon
     icon_color:                         "#9E9E9E"                               # md-grey
-    icon_size:                          mdi-sm
+    icon_size:                          mdib-sm
     menu_item_color:                    '#212121'                               # gray-900 rgba-lighten
     menu_item_color_hover:              '#EEEEEE'                               # gray-500 rgba-lighten-900
     dropdown_style:                     raised
@@ -168,10 +168,10 @@ defaults:
     xhr_data_element:                   quicklinks
     xhr_data_path:                      /assets/data/quicklinks/index.html
 
-    icon_family:                        MDI
+    icon_family:                        mdib
     icon_color:                         '#212121'                               # gray-900
     icon_color_hover:                   '#757575'                               # gray-600
-    icon_size:                          mdi-2x
+    icon_size:                          mdib-2x
 
     # Link buttons
     # --------------------------------------------------------------------------

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

@@ -155,9 +155,9 @@ defaults:
   reloadPageOnChange:                   false                                   # reload current page, if theme has been changed
   retries:                              30                                      # retry to load theme list from API
   preview_page:                         /pages/public/previewer/current_theme/
-  menu_icon_family:                     MDI
+  menu_icon_family:                     mdib
   menu_icon_color:                      "#9E9E9E"
-  menu_icon_size:                       mdi-sm
+  menu_icon_size:                       mdib-sm
   cssThemeLink:                         bootstrapTheme
   defaultCssFile:                       https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css
   bootswatchApiUrl:                     https://bootswatch.com/api

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

@@ -47,7 +47,7 @@ settings:
       enabled:                          true
       id:                               default
       icon:                             chevron-double-up
-      icon_family:                      MDI
+      icon_family:                      mdib
       icon_color:                       md-gray-900
       icon_hover:                       chevron-double-up
       color:                            primary
@@ -67,7 +67,7 @@ settings:
       enabled:                          true
       id:                               top-reload
       icon:                             plus
-      icon_family:                      MDI
+      icon_family:                      mdib
       icon_color:                       md-gray-900
       icon_hover:                       chevron-up
       color:                            primary
@@ -99,7 +99,7 @@ settings:
       enabled:                          true
       id:                               open_toc
       icon:                             plus
-      icon_family:                      MDI
+      icon_family:                      mdib
       icon_color:                       md-gray-900
       icon_hover:                       chevron-up
       color:                            primary
@@ -131,7 +131,7 @@ settings:
       enabled:                          true
       id:                               open_toc_reload
       icon:                             plus
-      icon_family:                      MDI
+      icon_family:                      mdib
       icon_color:                       md-gray-900
       icon_hover:                       chevron-up
       color:                            primary
@@ -171,7 +171,7 @@ settings:
       enabled:                          true
       id:                               page_ctrl
       icon:                             plus
-      icon_family:                      MDI
+      icon_family:                      mdib
       icon_color:                       md-gray-900
       icon_hover:                       chevron-up
       color:                            primary
@@ -195,7 +195,7 @@ settings:
           color:                        md-green
           event_handler:                scroll_previous_section
           icon:                         step-backward
-          icon_properties:              mdi-rotate-90
+          icon_properties:              mdib-rotate-90
 
         - item:                         Next Section
           enabled:                      true
@@ -203,7 +203,7 @@ settings:
           color:                        md-green
           event_handler:                scroll_next_section
           icon:                         step-forward
-          icon_properties:              mdi-rotate-90
+          icon_properties:              mdib-rotate-90
 
         - item:                         Reload Page
           enabled:                      true

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

@@ -28,7 +28,7 @@ settings:
   pickers:
 
     # --------------------------------------------------------------------------
-    # MDIL Picker
+    # mdibL Picker
     #
     - picker:
       enabled:                          true
@@ -39,14 +39,14 @@ settings:
       iconLibrariesCss:                 [ https://cdn.jsdelivr.net/npm/@mdi/light-font@0.2.63/css/materialdesignicons-light.min.css ]
 
     # --------------------------------------------------------------------------
-    # MDI Picker
+    # mdib Picker
     #
     - picker:
       enabled:                          true
 
       id:                               mdi
       picker_button_id:                 icon_picker_md
-      iconLibraries:                    [ mdi-icons-regular.min.json ]
+      iconLibraries:                    [ mdi-icons-base.min.json ]
       iconLibrariesCss:                 [ https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.2.96/css/materialdesignicons.min.css ]
 
     # --------------------------------------------------------------------------

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

@@ -0,0 +1,93 @@
+# ------------------------------------------------------------------------------
+# ~/_data/modules/lazyLoader.yml
+# User Configuration of the lazyLoader 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-org/j1-template/blob/main/LICENSE.md
+#
+# ------------------------------------------------------------------------------
+# NOTE:
+#
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Description
+#
+description:
+  title:                                lazyLoader
+  scope:                                User settings
+  location:                             _data/modules/lazyLoader.yml
+
+# ------------------------------------------------------------------------------
+# User settings
+#
+settings:
+  enabled:                              true
+
+  # ----------------------------------------------------------------------------
+  # Loader settings
+  # ----------------------------------------------------------------------------
+  loaders:
+
+    # --------------------------------------------------------------------------
+    # MDI Light Icon CSS
+    #
+    - loader:
+      enabled:                          true
+
+      src:                              /assets/themes/j1/core/css/icon-fonts/mdil.min.css
+      selector:                         '.mdil'
+      rootMargin:                       '150px 0px'
+      description:                      MDI Icons (light)
+
+    # --------------------------------------------------------------------------
+    # MDI Regular Icon CSS
+    #
+    - loader:
+      enabled:                          true
+
+      src:                              /assets/themes/j1/core/css/icon-fonts/mdi.min.css
+      selector:                         '.mdi'
+      rootMargin:                       '150px 0px'
+      description:                      MDI Icon CSS (regular)
+
+    # --------------------------------------------------------------------------
+    # FontAwesone (FA) Icon CSS
+    #
+    - loader:
+      enabled:                          true
+
+      src:                              /assets/themes/j1/core/css/icon-fonts/fontawesome.min.css
+      selector:                         '.mdi'
+      rootMargin:                       '150px 0px'
+      description:                      FA Icon CSS
+
+    # --------------------------------------------------------------------------
+    # countryFlag Icon CSS
+    #
+    - loader:
+      enabled:                          true
+
+      src:                              /assets/themes/j1/core/country-flags/css/theme/uno.min.css
+      selector:                         '.flag-icon'
+      rootMargin:                       '150px 0px'
+      description:                      CountryFlag Icon CSS
+
+    # --------------------------------------------------------------------------
+    # rTable CSS
+    #
+    - loader:
+      enabled:                          true
+
+      src:                              /assets/themes/j1/modules/rtable/css/theme/uno/rtable.min.css
+      selector:                         '.rtable'
+      rootMargin:                       '150px 0px'
+      description:                      rTable CSS
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -99,8 +99,8 @@ settings:
       image_height:                     470px
       image_width:                      400px
       translate_titles:                 false                                   # default: false
-      preview:                          false
-      gutters:                          false
+      preview:                          true
+      gutters:                          true
 
       # ------------------------------------------------------------------------
       # Masonry options