j1-template 2023.2.7 → 2023.3.0

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

@@ -27,80 +27,153 @@ description:
 # User settings
 #
 settings:
+  enabled:                              true
 
   google:
-    publisherID:                        '<your-publisher-id>'
+    publisherID:                        pub-123456789012345                     # fake for testing (localhost) ONLY!
+#   publisherID:                        <your-publisher-id>
 
-  # ----------------------------------------------------------------------------
-  # Ad settings
-  # ----------------------------------------------------------------------------
+    autoHideOnUnfilled:                 false
+    addBorderOnUnfilled:                true
+
+    # --------------------------------------------------------------------------
+    # Container settings
+    #
+    #   enabled
+    #   ------------------------------------------------------------------------
+    #   Enables or disables the ad unit (container). If an container is
+    #   disabled, this unit get NOT initialized for ads on any page.
+    #
+    #   values:                       true|false
+    #   default:                      true
+    #
+    #   id
+    #   ------------------------------------------------------------------------
+    #   Enables or disables the ad unit (container). If an container is
+    #   disabled, this unit get NOT initialized for ads on any page.
+    #
+    #   values:                       string
+    #   default:                      none
+    #
+    #   placement (currently NOT supported)
+    #   ------------------------------------------------------------------------
+    #   Defines the placements of the unit container specified. For default
+    #   (manual), all ad units are placed on (home/content) pages manually
+    #   by adding the <ins>-code.
+    #
+    #   values:                       manual|auto|content-top|content-bottom
+    #   default:                      manual
+    #
+    # --------------------------------------------------------------------------
+
+    # --------------------------------------------------------------------------
+    # Ad Properties
+    #
+    #   styles
+    #   ------------------------------------------------------------------------
+    #   Defines the CSS style|s
+    #
+    #   values:                       string
+    #   default:                      display: block
+    #
+    #   publisherID
+    #   ------------------------------------------------------------------------
+    #   Defines the publisher id used for an advertising
+    #
+    #   values:                       ca-pub-number|pub-number
+    #   default:                      none
+    #
+    #   slot
+    #   ------------------------------------------------------------------------
+    #   Defines the slot id
+    #
+    #   values:                       number
+    #   default:                      none
+    #
+    #   format
+    #   ------------------------------------------------------------------------
+    #   Defines the (auto)-format settings
+    #
+    #   values:                       string
+    #   default:                      auto
+    #
+    #   responsive
+    #   ------------------------------------------------------------------------
+    #   Enables|Disables responsive display if pages changes in width or height
+    #
+    #   values:                       boolean
+    #   default:                      true
+    #
+    #   test
+    #   ------------------------------------------------------------------------
+    #   For testing only. If ad-test is enabled (on), clicks and impressions
+    #   NOT recorded by the service and advertisers are NOT charged.
+    #
+    #   values:                       on|off
+    #   default:                      off
+    #
+    # --------------------------------------------------------------------------
+
+    # --------------------------------------------------------------------------
+    # All advertising container/ad available
+    # --------------------------------------------------------------------------
     ads:
-      # ------------------------------------------------------------------------
-      # Attributes
-      #
-      #   enabled
-      #   ----------------------------------------------------------------------
-      #   Enables or disables an ad unit (container). If an container is
-      #   disabled, this unit get NOT initialized for ads on any page.
-      #
-      #   values:                       [true|false]
-      #   default:                      true
-      #
-      #   placement (currently NOT supported)
-      #   ----------------------------------------------------------------------
-      #   Defines the placements of the unit container specified. For default
-      #   (manual), all ad units are placed on (home/content) pages manually
-      #   by adding the <ins>-code.
-      #
-      #   values:                       [manual|auto|content-top|content-bottom]
-      #   default:                      manual
-      #
-      #   adSlot (currently NOT supported)
-      #   ----------------------------------------------------------------------
-      #   Defines the slot-id of the unit container specified.
-      #
-      #   values:                       string
-      #   default:                      none
-      #
-      #   adTest (currently NOT supported)
-      #   ------------------------------------------------------------------------
-      #   For testing only. If adTest is enabled (true), clicks and impressions
-      #   aren't recorded by the ad service and advertisers aren't charged.
-      #
-      #   values:                       [true|false]
-      #   default:                      false
-      #
-      # --------------------------------------------------------------------------
 
       # ------------------------------------------------------------------------
-      # Google Ad resposive full-width
+      # Ad on slot id "1234567890"
       #
-#     - name:                           display-ad-horizontal-1
-#       ad:
-#         enabled:                      true
-#         placement:                    manual
-#         adSlot:                       xxxx..xxx
-#         adTest:                       false
+      - ad:
+
+        # container settings
+        # ----------------------------------------------------------------------
+        enabled:                        true
+        id:                             ad_1234567890
+
+        # ad properties
+        # ----------------------------------------------------------------------
+        publisherID:                    pub-123456789012345
+        test:                           "on"
+        styles:                         "display: block;"
+        slot:                           1234567890
+        format:                         auto
+        responsive:                     true
 
       # ------------------------------------------------------------------------
-      # Google Ad resposive full-width
+      # Ad on slot id "1234567890" #2
       #
-#     - name:                           display-ad-horizontal-2
-#       ad:
-#         enabled:                      false
-#         placement:                    manual
-#         adSlot:                       xxxx..xxx
-#         adTest:                       false
+      - ad:
+
+        # container settings
+        # ----------------------------------------------------------------------
+        enabled:                        true
+        id:                             ad_1234567890-2
+
+        # ad properties
+        # ----------------------------------------------------------------------
+        publisherID:                    pub-123456789012345
+        test:                           "on"
+        styles:                         "display: block;"
+        slot:                           1234567890
+        format:                         auto
+        responsive:                     true
 
       # ------------------------------------------------------------------------
-      # Google Ad resposive full-width
+      # Ad on slot id "1929248609"
       #
-#     - name:                           in-article-ad-1
-#       ad:
-#         enabled:                      false
-#         placement:                    manual
-#         adSlot:                       xxxx..xxx
-#         adTest:                       false
+      - ad:
+        # container settings
+        # ----------------------------------------------------------------------
+        enabled:                        false
+        id:                             ad_1929248609
+
+        # ad properties
+        # ----------------------------------------------------------------------
+        publisherID:                    <your-publisher-id>
+        test:                           "off"
+        styles:                         "display: block;"
+        slot:                           1929248609
+        format:                         auto
+        responsive:                     true
 
 # ------------------------------------------------------------------------------
 # END config

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

@@ -23,8 +23,8 @@ description:
 # User configuration settings
 #
 settings:
-  enabled:                              true
-  trackingID:                           your-tracking-id
+  enabled:                              false
+  trackingID:                           '<your-tracking-id>'
 
   # ----------------------------------------------------------------------------
   # Provider settings

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

@@ -37,12 +37,6 @@ description:
 # SETTINGS
 #
 settings:
-  enabled:                              true
-
-  # ----------------------------------------------------------------------------
-  # Global properties (all layouts)
-  #
-  debug:                                false
 
   # ----------------------------------------------------------------------------
   # Layout specific properties
@@ -58,6 +52,10 @@ settings:
 
         id:                             attic_home
         layout:                         home
+        title_animate:                  animate__bounceInDown                   # animate__bounceIn | animate__bounceInDown
+        title_animate_duration:         animate__fast                           # false | animate__slow | animate__slower | animate__fast | animate__faster
+        tagline_animate:                animate__fadeInRight
+        tagline_animate_duration:       animate__slow
 
         padding_top:                    600
 
@@ -71,7 +69,6 @@ settings:
         id:                             attic_page
         layout:                         page
 
-        title_animate:                  animate__fadeInDown
         padding_top:                    600
 
     # --------------------------------------------------------------------------

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

@@ -50,7 +50,8 @@ defaults:
   #
   # ----------------------------------------------------------------------------
   #
-  enabled:                              true
+  enabled:                              false
+
   provider:                             google
 
   google:

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

@@ -36,13 +36,13 @@ description:
 # Default configuration settings
 #
 defaults:
-  enabled:                              false
+  enabled:                              true
 
   # ----------------------------------------------------------------------------
   # Global settings for text- and image-based header
   #
   debug:                                false
-  hide_oninit:                          true
+  hide_page_oninit:                     true                                    # hide page on 'init' to optimze LCP (loading images ???)
 
   circuit:                              false
   notranslate:                          true
@@ -165,7 +165,7 @@ defaults:
   paused:                               false
 
   # preload, controls how many images preload at a time
-  preload:                              2
+  preload:                              5
 
   # preloadSize, controls how many images are preloaded
   # in parallel

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

@@ -0,0 +1,42 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/modules/defaults/iconPicker.yml
+#  Default configuration settings for J1 iconPicker 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 iconPicker
+  scope:                                Default settings
+  location:                             _data/modules/defaults/iconPicker.yml
+
+# ------------------------------------------------------------------------------
+# Default settings
+#
+defaults:
+  enabled:                              false
+  picker_button_id:                     icon_picker
+
+  iconLibraries:                        [
+                                          mdi-icons-light.min.json,
+                                          mdi-icons-regular.min.json,
+                                          font-awesome.min.json
+                                        ]
+
+  iconLibrariesCss:                     [
+                                          https://cdn.jsdelivr.net/npm/@mdi/light-font@0.2.63/css/materialdesignicons-light.min.css,
+                                          https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.2.96/css/materialdesignicons.min.css,
+                                          https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css
+                                        ]
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -85,16 +85,14 @@ defaults:
     fixed:                              true
     style:                              overlay
     color:                              light
-    nav_item_color:                     '#212121'                               # gray-900 rgba-lighten
-    nav_item_color_hover:               '#9E9E9E'                               # gray-500 rgba-lighten-400
+    nav_item_color:                     '#212121'                               # gray-900|rgba-lighten
+    nav_item_color_hover:               '#EEEEEE'                               # gray-200|rgba-lighten-400
+    nav_item_background_image:          'linear-gradient(#afabab, #1c1c1c 40%, #212121);'
     position:                           left
     bottom_line_height:                 1
     bottom_line_color:                  "#EEEEEE"                               # md-grey-200
-    background_color_full:              '#fff'                                  # rgba(0, 0, 0, 0.8) darken-600
-    background_color_collapsed:         '#fff'                                  # default: theme|bg_primary
-    background_color_scrolled:          '#fff'                                 # default: theme|bg_primary
-#   background_color_collapsed:         "#2196F3"                               # default: theme|bg_primary
-#   background_color_scrolled:          "#2196F3"                               # default: theme|bg_primary
+    background_color_full:              'rgba(255, 255, 255, 0.8)'              # rgba(0, 0, 0, 0.8) lighten-800
+    background_color_scrolled:          'var(--bs-primary)'                     # default: theme|bs-primary
 
   # ----------------------------------------------------------------------------
   # NavMenu (Mobile)
@@ -139,7 +137,7 @@ defaults:
     icon_color:                         "#9E9E9E"                               # md-grey
     icon_size:                          mdi-sm
     menu_item_color:                    '#212121'                               # gray-900 rgba-lighten
-    menu_item_color_hover:              '#9E9E9E'                               # gray-500 rgba-lighten-900
+    menu_item_color_hover:              '#EEEEEE'                               # gray-500 rgba-lighten-900
     dropdown_style:                     raised
     dropdown_color:                     '#2196f3'
     dropdown_left:                      12                                      # px
@@ -171,8 +169,8 @@ defaults:
     xhr_data_path:                      /assets/data/quicklinks/index.html
 
     icon_family:                        MDI
-    icon_color:                         '#424242'                               # gray-800
-    icon_color_hover:                   '#9E9E9E'                               # gray-500
+    icon_color:                         '#212121'                               # gray-900
+    icon_color_hover:                   '#757575'                               # gray-600
     icon_size:                          mdi-2x
 
     # Link buttons
@@ -219,9 +217,13 @@ defaults:
     translate_action:                   translate
     translate_label:                    Google Translate
 
-    notebooks_icon:                     notebook
-    notebooks_action:                   nbi-notebooks
-    notebooks_label:                    NBI Notebooks
+    theme_toggler_icon:                 lightbulb-outline
+    theme_toggler_action:               themeToggler
+    theme_toggler_label:                Theme Toggler
+
+#   notebooks_icon:                     notebook
+#   notebooks_action:                   nbi-notebooks
+#   notebooks_label:                    NBI Notebooks
 
     r_text_icon:                        false                                   # format-text
     r_text_action:                      rtext

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

@@ -0,0 +1,42 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/modules/defaults/theme_toggler.yml
+#  Default 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:                                Default settings
+  location:                             _data/modules/defaults/theme_toggler.yml
+
+# ------------------------------------------------------------------------------
+# Default settings
+#
+defaults:
+  enabled:                              false
+
+  # ----------------------------------------------------------------------------
+  # Toggler options
+  # ----------------------------------------------------------------------------
+  themes:
+
+    light:
+      name:                           UnoLight
+      css_file:                       /assets/themes/j1/core/css/themes/unolight/bootstrap.css
+
+    dark:
+      name:                           UnoDark
+      css_file:                       /assets/themes/j1/core/css/themes/unodark/bootstrap.css
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -0,0 +1,64 @@
+# ------------------------------------------------------------------------------
+#  ~/_data/modules/iconPicker.yml
+#  User configuration settings for J1 iconPicker 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 iconPicker
+  scope:                                User settings
+  location:                             _data/modules/iconPicker.yml
+
+# ------------------------------------------------------------------------------
+# User configuration settings
+#
+settings:
+  enabled:                              true
+
+  pickers:
+
+    # --------------------------------------------------------------------------
+    # MDIL Picker
+    #
+    - picker:
+      enabled:                          true
+
+      id:                               mdil
+      picker_button_id:                 icon_picker_mdil
+      iconLibraries:                    [ mdi-icons-light.min.json ]
+      iconLibrariesCss:                 [ https://cdn.jsdelivr.net/npm/@mdi/light-font@0.2.63/css/materialdesignicons-light.min.css ]
+
+    # --------------------------------------------------------------------------
+    # MDI Picker
+    #
+    - picker:
+      enabled:                          true
+
+      id:                               mdi
+      picker_button_id:                 icon_picker_md
+      iconLibraries:                    [ mdi-icons-regular.min.json ]
+      iconLibrariesCss:                 [ https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.2.96/css/materialdesignicons.min.css ]
+
+    # --------------------------------------------------------------------------
+    # FontAwesome Picker
+    #
+    - picker:
+      enabled:                          true
+
+      id:                               fontawsome
+      picker_button_id:                 icon_picker_fa
+      iconLibraries:                    [ font-awesome.min.json ]
+      iconLibrariesCss:                 [ https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css ]
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -26,7 +26,7 @@ settings:
   enabled:                              true
 
   # ----------------------------------------------------------------------------
-  # Grid and Masonry API option settings
+  # All grids available
   # ----------------------------------------------------------------------------
   grids:
 

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

@@ -1042,7 +1042,7 @@ settings:
                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
                                         sed diam nonummy nibh euismod tincidunt.
 
-            description_color:          '#9E9E9E'                               # md-gray-500
+            description_color:          '#616161'                               # md-gray-700
             description_animated:       false
 
         # slide 3
@@ -1069,7 +1069,7 @@ settings:
                                         sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                         Ut enim ad minim veniam.
 
-            description_color:          '#9E9E9E'                               # md-gray-500
+            description_color:          '#616161'                               # md-gray-700
             description_animated:       false
 
         # slide 4
@@ -1095,7 +1095,7 @@ settings:
                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
                                         sed diam nonummy nibh euismod tincidunt.
 
-            description_color:          '#9E9E9E'                               # md-gray-500
+            description_color:          '#616161'                               # md-gray-700
             description_animated:       false
 
         # slide 5
@@ -1121,7 +1121,7 @@ settings:
                                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
                                         sed diam nonummy nibh euismod tincidunt.
 
-            description_color:          '#9E9E9E'                               # md-gray-500
+            description_color:          '#616161'                               # md-gray-700
             description_animated:       false
 
         # slide 6
@@ -1147,7 +1147,7 @@ settings:
                                         Lorem ipsum dolor sit amet, consec tetuer adipiscing elit,
                                         sed diam nonummy nibh euismod tincidunt.
 
-            description_color:          '#9E9E9E'                               # md-gray-500
+            description_color:          '#616161'                               # md-gray-700
             description_animated:       false
 
 # ------------------------------------------------------------------------------