j1-template 2022.4.7 → 2022.4.10

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

@@ -51,16 +51,23 @@ defaults:
 
   title_size:                           3em
   title_color:                          rgba(255, 255, 255, 0.8)                # rgba_lighten_800
-  title_animate:                        bounceInDown                            # fadeInDown fadeInLeft
+  title_animate:                        animate__bounceInDown                            # fadeInDown fadeInLeft
   title_align:                          left
 
   tagline_size:                         1.5em
   tagline_color:                        rgba(255, 255, 255, 0.8)                # rgba_lighten_800
-  tagline_animate:                      fadeInRight
+  tagline_animate:                      animate__fadeInRight
   tagline_align:                        left
 
-  background_color_1:                   "#000"                                  # black
-  background_color_2:                   "#78909C"                               # md-bluegray-400
+  # gradient effect (all image color typas)
+  #
+# background_color_1:                   "#000"                                  # black
+# background_color_2:                   "#78909C"                               # md-bluegray-400
+
+  # duo-color effect, base color 'blue' (requires gray-scaled images)
+  #
+  background_color_1:                   "#0D47A1"                               # md-blue-900
+  background_color_2:                   "#0D47A1"                               # md-blue-900
 
   action_enabled:                       false
   action_url:                           "#void"
@@ -73,7 +80,7 @@ defaults:
   logo_url:                             /assets/images/modules/icons/j1/j1-512x512.png
   logo_alt:                             Jekyll-One-Template
   logo_height:                          196
-  logo_animate:                         slideInDown
+  logo_animate:                         animate__slideInDown
 
   # ----------------------------------------------------------------------------
   # Global settings for image-based attics only

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

@@ -165,7 +165,7 @@ defaults:
 
   alwaysShowNavOnTouchDevices:          false
   albumLabel:                           Image %1 of %2
-  disableScrolling:                     false
+  disableScrolling:                     true
   fadeDuration:                         600
   fitImagesInViewport:                  true
   imageFadeDuration:                    600

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

@@ -0,0 +1,235 @@
+# ------------------------------------------------------------------------------
+# ~/_data/modules/defaults/masterslider.yml
+# User configuration for J1 MasterSlider
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2022 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Description
+#
+description:
+  title:                                J1 MasterSlider
+  scope:                                Default settings
+  location:                             _data/modules/defaults/masterslider.yml
+
+# ------------------------------------------------------------------------------
+# Default settings
+#
+defaults:
+
+  xhr_data_path:                        /assets/data/masterslider
+  module_version:                       lite                                    # lite | pro
+  save_slider_config:                   true
+  slider_manager:                       false
+
+  icon_family:                          MDI
+  icon_class:                           false                                   # false | fas | fab (Fontawsesome only)
+  icon_color:                           '#1E88E5'                               # md-blue-600
+  icon_size:                            2x
+
+  skin:                                 default
+  lightbox:
+    enabled:                            false
+    type:                               lb                                      # lb | lg
+
+
+  # ----------------------------------------------------------------------------
+  # DEFAULT  settings
+  # ----------------------------------------------------------------------------
+
+  # ----------------------------------------------------------------------------
+  # Slider controls
+  #
+  # SLIDER control properties
+  #
+  # ----------------------------------------------------------------------------
+  # enabled
+  # ----------------------------------------------------------------------------
+  #   Enables|Disables the use of a notebook. If disabled, no J1 adapter
+  #   setting are generated for this Jupyter Notebook.
+  #
+  #   values:                           boolean (true|false)
+  #   default:                          true
+  #
+  # ----------------------------------------------------------------------------
+  #
+  # id
+  # ----------------------------------------------------------------------------
+  #   The id of a notebook that is used by the Asciidoc extension
+  #   notebook::<id>[] to place the HTML portion for the HTML code
+  #   of an exported Jupyter Notebook.
+  #
+  #   values:                           string
+  #   default:                          no default
+  #
+  # ----------------------------------------------------------------------------
+  #
+  controls:
+
+    arrows:
+      enabled:                          false
+      autohide:                         false
+      overVideo:                        true
+      hideUnder:                        null
+
+    bullets:
+      enabled:                          false
+      autohide:                         false
+      overVideo:                        true
+      dir:                              h
+      hideUnder:                        null
+      align:                            bottom
+      margin:                           10
+
+    thumblist:
+      enabled:                          false
+      width:                            100
+      height:                           80
+      autohide:                         true
+      overVideo:                        true
+      dir:                              h
+      speed:                            17
+      hideUnder:                        null
+      inset:                            false
+      arrows:                           false
+      hover:                            false
+      customClass:                      ''
+      align:                            right
+      type:                             thumbs
+      margin:                           1
+      space:                            1
+      fillMode:                         fill
+
+    scrollbar:
+      enabled:                          false
+      autohide:                         false
+      overVideo:                        true
+      dir:                              h
+      inset:                            false
+      align:                            bottom
+      color:                            '#3D3D3D'
+      hideUnder:                        null
+      margin:                           10
+      width:                            4
+
+    circletimer:
+      enabled:                          false
+      autohide:                         false
+      overVideo:                        true
+      color:                            '#A2A2A2'
+      radius:                           4
+      stroke:                           10
+      hideUnder:                        null
+
+    timebar:
+      enabled:                          false
+      autohide:                         false
+      overVideo:                        true
+      color:                            '#FFFFFF'
+      hideUnder:                        null
+      align:                            bottom
+      inset:                            false
+      margin:                           0
+
+    slideinfo:
+      enabled:                          false
+      autohide:                         false
+      overVideo:                        true
+      insertTo:                         ''
+      size:                             100
+      hideUnder:                        null
+      align:                            bottom
+      inset:                            false
+      margin:                           10
+
+  # ----------------------------------------------------------------------------
+  # Slider options
+  #
+  # SLIDER option properties
+  #
+  # ----------------------------------------------------------------------------
+  # enabled
+  # ----------------------------------------------------------------------------
+  #   Enables|Disables the use of a notebook. If disabled, no J1 adapter
+  #   setting are generated for this Jupyter Notebook.
+  #
+  #   values:                           boolean (true|false)
+  #   default:                          true
+  #
+  # ----------------------------------------------------------------------------
+  #
+  # id
+  # ----------------------------------------------------------------------------
+  #   The id of a notebook that is used by the Asciidoc extension
+  #   notebook::<id>[] to place the HTML portion for the HTML code
+  #   of an exported Jupyter Notebook.
+  #
+  #   values:                           string
+  #   default:                          no default
+  #
+  # ----------------------------------------------------------------------------
+  #
+  options:
+
+    width:                                300
+    height:                               150
+    minHeight:                            0
+    space:                                0
+    start:                                1
+    grabCursor:                           true
+    swipe:                                true
+    mouse:                                true
+    keyboard:                             false
+    layout:                               boxed                                 # default: boxed | fullwidth | fullscreen | fillwidth | autofill | partialview
+    wheel:                                false
+    autoplay:                             false
+    instantStartLayers:                   false
+    mobileBGVideo:                        false
+    loop:                                 false
+    shuffle:                              false
+    preload:                              0
+    heightLimit:                          true
+    autoHeight:                           false
+    smoothHeight:                         true
+    endPause:                             false
+    overPause:                            true
+    fillMode:                             fill                                  # default: fill | fit | stretch | center | tile
+    centerControls:                       true
+    startOnAppear:                        false
+    layersMode:                           center                                # default: center | full
+    autofillTarget:                       ''
+    hideLayers:                           false
+    fullscreenMargin:                     0
+    speed:                                20                                    # default: 17, [0 .. 100]
+    dir:                                  h                                     # default: h | v
+    responsive:                           true
+    tabletWidth:                          768
+    tabletHeight:                         null
+    phoneWidth:                           480
+    phoneHeight:                          null
+    sizingReference:                      window
+    parallaxMode:                         mouse                                 # default: mouse | swipe | mouse:x-only | mouse:y-only
+    filters:                              null
+    view:                                 basic                                 # default: basic | fade | mask | wave | flow | stack | scale | focus | parallaxMask | partialWave | fadeBasic | fadeWave | fadeFlow
+
+  plugins:
+
+    MSScrollParallax:
+      enabled:                            false
+      layers_parallax_depth:              50
+      background_parallax_depth:          40
+      fade_layers:                        false
+
+
+
+
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -89,7 +89,7 @@ defaults:
     position:                           left
     bottom_line_height:                 1
     bottom_line_color:                  "#EEEEEE"                               # md-grey-200
-    background_color_full:              rgba(0, 0, 0, 0.4)                      # darken-400
+    background_color_full:              rgba(0, 0, 0, 0.8)                      # darken-600
     background_color_collapsed:         "#2196F3"                               # md-blue
     background_color_scrolled:          "#2196F3"                               # md-blue
 
@@ -135,9 +135,11 @@ defaults:
     icon_style:                         mdi                                     # far regular icon
     icon_color:                         "#9E9E9E"                               # md-grey
     icon_size:                          mdi-sm
-    menu_item_color:                    rgba(255, 255, 255, 0.5)                # rgba-lighten
-    menu_item_color_hover:              rgba(255, 255, 255, 0.9)                # rgba-lighten-900
+    menu_item_color:                    rgba(255, 255, 255, 0.9)                # rgba-lighten
+    menu_item_color_hover:              rgba(255, 255, 255, 0.5)                # rgba-lighten-900
     dropdown_style:                     raised
+    dropdown_color:                     '#2196f3'
+    dropdown_left:                      12                                      # px
     dropdown_item_style:                flat
     dropdown_animate:                   false
     dropdown_animate_in:                slideInDown
@@ -149,9 +151,9 @@ defaults:
     dropdown_padding_x:                 18                                      # rem
     dropdown_padding_y:                 10                                      # px
     dropdown_item_color:                "#212121"                               # md-grey-900
-    dropdown_border_color:              "#3f51b5"                               # BS bg-primary
+    dropdown_border_color:              "#2196f3"                               # BS bg-primary
     dropdown_border_top:                0                                       # 3, px
-    dropdown_border_radius:             0                                       # px
+    dropdown_border_radius:             2                                       # px
     dropdown_background_color_hover:    "#ECEFF1"                               # md-bluegrey-50
     dropdown_background_color_active:   "#CFD8DC"                               # md-bluegrey-100
 

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

@@ -157,7 +157,7 @@ defaults:
   contentSelector:                      .js-toc-content
   headingSelector:                      "h2, h3, h4, h5, h6"
   ignoreSelector:                       .notoc
-  collapseDepth:                        4
+  collapseDepth:                        3
   activeLinkColor:                      "#f44336"
   throttleTimeout:                      150
   scrollSmooth:                         true

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

@@ -34,17 +34,19 @@ settings:
     hoverEnabled:                       true
 
   # ----------------------------------------------------------------------------
-  # User defined FAM buttons
+  # User defined FAB buttons
   #
   menus:
 
     # --------------------------------------------------------------------------
-    # FAM for scrolling to the page top position (default)
+    # FAB for scrolling to the page top position (default)
     #
     - name:                             Scroll to top
       enabled:                          true
       id:                               default
       icon:                             chevron-double-up
+      icon_family:                      MDI
+      icon_color:                       md-gray-900
       icon_hover:                       chevron-double-up
       color:                            primary
 
@@ -57,13 +59,15 @@ settings:
           event_handler:                scroll_to_top
 
     # --------------------------------------------------------------------------
-    # FAM for scrolling to the page top position (default)
+    # FAB for scrolling to the page top position (default)
     #
-    - name:                             Default Plus
+    - name:                             Top and Reload
       enabled:                          true
-      id:                               default-plus
+      id:                               top-reload
       icon:                             plus
-      icon_hover:                       plus
+      icon_family:                      MDI
+      icon_color:                       md-gray-900
+      icon_hover:                       chevron-up
       color:                            primary
 
       # ------------------------------------------------------------------------
@@ -73,42 +77,29 @@ settings:
         - item:                         To Top
           enabled:                      true
           id:                           fam_scroll_to_top
-          color:                        primary
+          color:                        md-green
           event_handler:                scroll_to_top
           icon:                         chevron-double-up
           icon_properties:
 
-        # - item:                         Previous Section
-        #   enabled:                      true
-        #   id:                           fam_previous_section
-        #   color:                        success
-        #   event_handler:                scroll_previous_section
-        #   icon:                         step-backward
-        #   icon_properties:              rotate-90
-        #
-        # - item:                         Next Section
-        #   enabled:                      true
-        #   id:                           fam_next_section
-        #   color:                        success
-        #   event_handler:                scroll_next_section
-        #   icon:                         step-forward
-        #   icon_properties:              rotate-90
-
         - item:                         Reload Page
           enabled:                      true
           id:                           fam_reload_page
           color:                        md-red
           event_handler:                reload_page
           icon:                         reload
+          icon_properties:
 
     # --------------------------------------------------------------------------
-    # FAM to open sidebar-based (Mmenu Drawer) table of contents (toccer)
+    # FAB to open sidebar-based (Mmenu Drawer) table of contents (toccer)
     #
     - name:                             Open TOC
       enabled:                          true
       id:                               open_toc
       icon:                             plus
-      icon_hover:                       plus
+      icon_family:                      MDI
+      icon_color:                       md-gray-900
+      icon_hover:                       chevron-up
       color:                            primary
 
       # ------------------------------------------------------------------------
@@ -118,7 +109,7 @@ settings:
         - item:                         To Top
           enabled:                      true
           id:                           fam_scroll_to_top
-          color:                        primary
+          color:                        md-green
           event_handler:                scroll_to_top
           icon:                         chevron-double-up
           icon_properties:
@@ -126,18 +117,21 @@ settings:
         - item:                         Table of Contents
           enabled:                      true
           id:                           open_mmenu_toc
-          color:                        info
+          color:                        md-green
           event_handler:                open_mmenu_toc
           icon:                         wrap
+          icon_properties:
 
     # --------------------------------------------------------------------------
-    # FAM to open sidebar-based (Mmenu Drawer) table of contents (toccer)
+    # FAB to open sidebar-based (Mmenu Drawer) table of contents (toccer)
     #
     - name:                             Open TOC Reload
       enabled:                          true
       id:                               open_toc_reload
       icon:                             plus
-      icon_hover:                       plus
+      icon_family:                      MDI
+      icon_color:                       md-gray-900
+      icon_hover:                       chevron-up
       color:                            primary
 
       # ------------------------------------------------------------------------
@@ -147,7 +141,7 @@ settings:
         - item:                         To Top
           enabled:                      true
           id:                           fam_scroll_to_top
-          color:                        primary
+          color:                        md-green
           event_handler:                scroll_to_top
           icon:                         chevron-double-up
           icon_properties:
@@ -158,77 +152,26 @@ settings:
           color:                        md-red
           event_handler:                reload_page
           icon:                         reload
-
-        - item:                         Table of Contents
-          enabled:                      true
-          id:                           open_mmenu_toc
-          color:                        info
-          event_handler:                open_mmenu_toc
-          icon:                         wrap
-
-
-
-    # --------------------------------------------------------------------------
-    # FAM for in-page navigation (simplified)
-    #
-    - name:                             in-page control simple
-      enabled:                          true
-      id:                               page_ctrl_simple
-      icon:                             plus
-      icon_hover:                       plus
-      color:                            primary
-
-      # ------------------------------------------------------------------------
-      # MENU items
-      #
-      items:
-
-        - item:                         To Top
-          enabled:                      true
-          id:                           fam_scroll_to_top
-          color:                        primary
-          event_handler:                scroll_to_top
-          icon:                         chevron-double-up
           icon_properties:
 
-        - item:                         Previous Section
-          enabled:                      true
-          id:                           fam_previous_section
-          color:                        success
-          event_handler:                scroll_previous_section
-          icon:                         step-backward
-          icon_properties:              rotate-90
-
-        - item:                         Next Section
-          enabled:                      true
-          id:                           fam_next_section
-          color:                        success
-          event_handler:                scroll_next_section
-          icon:                         step-forward
-          icon_properties:              rotate-90
-
-        - item:                         Reload Page
-          enabled:                      true
-          id:                           fam_reload_page
-          color:                        md-red
-          event_handler:                reload_page
-          icon:                         reload
-
         - item:                         Table of Contents
           enabled:                      true
           id:                           open_mmenu_toc
-          color:                        info
+          color:                        md-green
           event_handler:                open_mmenu_toc
           icon:                         wrap
+          icon_properties:
 
     # --------------------------------------------------------------------------
-    # FAM for in-page navigation
+    # FAB for in-page navigation
     #
-    - name:                             in-page control
+    - name:                             page control
       enabled:                          true
       id:                               page_ctrl
       icon:                             plus
-      icon_hover:                       plus
+      icon_family:                      MDI
+      icon_color:                       md-gray-900
+      icon_hover:                       chevron-up
       color:                            primary
 
       # ------------------------------------------------------------------------
@@ -239,7 +182,7 @@ settings:
         - item:                         To Top
           enabled:                      true
           id:                           fam_scroll_to_top
-          color:                        primary
+          color:                        md-green
           event_handler:                scroll_to_top
           icon:                         chevron-double-up
           icon_properties:
@@ -247,26 +190,18 @@ settings:
         - item:                         Previous Section
           enabled:                      true
           id:                           fam_previous_section
-          color:                        success
+          color:                        md-green
           event_handler:                scroll_previous_section
           icon:                         step-backward
-          icon_properties:              rotate-90
+          icon_properties:              mdi-rotate-90
 
         - item:                         Next Section
           enabled:                      true
           id:                           fam_next_section
-          color:                        success
+          color:                        md-green
           event_handler:                scroll_next_section
           icon:                         step-forward
-          icon_properties:              rotate-90
-
-        # - item:                         To bottom
-        #   enabled:                      true
-        #   id:                           fam_scroll_to_bottom
-        #   color:                        info
-        #   event_handler:                scroll_to_bottom
-        #   icon:                         step-forward-2
-        #   icon_properties:              rotate-90
+          icon_properties:              mdi-rotate-90
 
         - item:                         Reload Page
           enabled:                      true
@@ -274,29 +209,15 @@ settings:
           color:                        md-red
           event_handler:                reload_page
           icon:                         reload
+          icon_properties:
 
         - item:                         Table of Contents
           enabled:                      true
           id:                           open_mmenu_toc
-          color:                        info
+          color:                        md-green
           event_handler:                open_mmenu_toc
           icon:                         wrap
-
-      # - item:                         Leave a Comment
-      #   enabled:                      false
-      #   id:                           fam_scroll_to_comments
-      #   properties:
-      #   event_handler:                scroll_to_comments
-      #   icon:                         comment
-      #   icon_properties:
-      #
-      # - item:                         Tester
-      #   enabled:                      false
-      #   id:                           fam_test
-      #   properties:
-      #   event_handler:                alert_me
-      #   icon:                         alert
-      #   icon_properties:
+          icon_properties:
 
 # ------------------------------------------------------------------------------
 # END config

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

@@ -32,6 +32,8 @@ settings:
   # screen, and dimming out the rest of the web page. Enables gallery views
   # for individual images, images sets and images are part of a carousel
   # (e.g. Owl Carousel).
+  #
+  # See: https://lokeshdhakar.com/projects/lightbox2/#options
 
   # GENERAL settings
   # ------------------------------------------------------------------------------
@@ -165,13 +167,13 @@ settings:
 
   alwaysShowNavOnTouchDevices:          false
   albumLabel:                           Image %1 of %2
-  disableScrolling:                     false
+  disableScrolling:                     true
   fadeDuration:                         600
   fitImagesInViewport:                  true
   imageFadeDuration:                    600
   maxWidth:
   maxHeight:
-  positionFromTop:                      50
+  positionFromTop:                      120
   resizeDuration:                       250
   showImageNumberLabel:                 true
   wrapAround:                           true