j1-template 2024.3.15 → 2024.3.17

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

@@ -0,0 +1,515 @@
+# ------------------------------------------------------------------------------
+# ~/_data/modules/defaults/swiper.yml
+# Default configuration settings for J1 Swiper module
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023, 2024 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Description
+#
+description:
+  title:                                J1 Swiper
+  scope:                                Default settings
+  location:                             _data/modules/defaults/swiper.yml
+
+# ------------------------------------------------------------------------------
+# Default settings
+#
+defaults:
+
+  # ----------------------------------------------------------------------------
+  # GENERAL slider settings
+  #
+  # enabled
+  # ----------------------------------------------------------------------------
+  #   Enables|Disables the use of a slider
+  #
+  # xhr_data_path
+  # ----------------------------------------------------------------------------
+  #   All data items displayed by a slider are being read from a
+  #   JSON file automatically generated from that configuration.
+  #   AJAX get method is used to supply the slider with respective
+  #   the HTML code at the time the slider is initialized (by the
+  #   J1 Adapter for J1 Owl Sliders).
+  #
+  #   values:                             string
+  #   default:                            /assets/data/carousel.json
+  #
+  # ----------------------------------------------------------------------------
+  enabled:                              false
+
+  # ----------------------------------------------------------------------------
+  # AJAX (JSON)
+  #
+  # The HTML portion of a slider are being read from a HTML file generated
+  # automatically from its configuration for all sliders configured.
+  # AJAX methods are used to supply the needed HTML code at the time
+  # a slider is initialized by the JS adapter.
+  # ----------------------------------------------------------------------------
+  xhr_data_path:                        /assets/data/swiper
+
+  # ----------------------------------------------------------------------------
+  # Theme options
+  # ----------------------------------------------------------------------------
+  theme:                               uno
+
+  # ----------------------------------------------------------------------------
+  # Lightbox options (Slick Lightbox)
+  # ----------------------------------------------------------------------------
+  lightbox:
+    enabled:                            false
+    type:                               slick                                   # only type 'slick' supported
+    caption:                            false
+    useHistoryApi:                      false
+    background:                         rgba(0,0,0,.8)                          # slick lightbox options
+    closeOnEscape:                      true
+    closeOnBackdropClick:               true
+    navigateByKeyboard:                 true
+    destroyTimeout:                     500
+    imageMaxHeight:                     0.9
+    lazy:                               false
+
+  # ----------------------------------------------------------------------------
+  # CSS filter options
+  # ----------------------------------------------------------------------------
+  filters:
+    enabled:                            false
+    grayscale:                          1
+    contrast:                           1
+    brightness:                         1
+
+  # ----------------------------------------------------------------------------
+  # Slider options
+  #
+  # accessibility
+  # ----------------------------------------------------------------------------
+  #   Enables tabbing and arrow key navigation. Unless autoplay: true,
+  #   sets browser focus to current slide (or first of current slide set,
+  #   if multiple slidesToShow) after slide change. For full a11y compliance
+  #   enable focusOnChange in addition to this.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # adaptiveHeight
+  # ----------------------------------------------------------------------------
+  #   Adapts slider height to the current slide.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # appendArrows:
+  # ----------------------------------------------------------------------------
+  #  Change where the navigation arrows are attached (Selector, htmlString,
+  #  Array, Element, jQuery object)
+  #
+  #   values:                             string
+  #   default:                            $(element)
+  #
+  # appendDots
+  # ----------------------------------------------------------------------------
+  #   Change where the navigation dots are attached (Selector, htmlString,
+  #   Array, Element, jQuery object)
+  #
+  #   values:                             string
+  #   default:                            $(element)
+  #
+  # arrows
+  # ----------------------------------------------------------------------------
+  #   Enable Next/Prev arrows.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # asNavFor
+  # ----------------------------------------------------------------------------
+  #   Enables syncing of multiple sliders.
+  #
+  #   values:                             string
+  #   default:                            $(element)
+  #
+  # autoplay
+  # ----------------------------------------------------------------------------
+  #   Enables auto play of slides
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # autoplaySpeed
+  # ----------------------------------------------------------------------------
+  #   Auto play change interval
+  #
+  #   values:                             int
+  #   default:                            3000
+  #
+  # centerMode
+  # ----------------------------------------------------------------------------
+  #   Enables centered view with partial prev/next slides. Use with odd
+  #   numbered slidesToShow counts.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # centerPadding
+  # ----------------------------------------------------------------------------
+  #   Side padding when in center mode (px or %).
+  #
+  #   values:                             string
+  #   default:                            '50px'
+  #
+  # cssEase
+  # ----------------------------------------------------------------------------
+  #   CSS3 easing
+  #
+  #   values:                             string
+  #   default:                            'ease'
+  #
+  # customPaging
+  # ----------------------------------------------------------------------------
+  #   Custom paging template.
+  #
+  #   values:                             function
+  #   default:                            n/a
+  #
+  # dots
+  # ----------------------------------------------------------------------------
+  #   Enable slide indicator dots.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # dotsClass
+  # ----------------------------------------------------------------------------
+  #   Class for slide indicator dots container.
+  #
+  #   values:                             string
+  #   default:                            'slick-dots'
+  #
+  # draggable
+  # ----------------------------------------------------------------------------
+  #   Enables desktop dragging.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # easing
+  # ----------------------------------------------------------------------------
+  #   animate() fallback easing.
+  #
+  #   values:                             string
+  #   default:                            'linear'
+  #
+  # edgeFriction
+  # ----------------------------------------------------------------------------
+  #   Resistance when swiping edges of non-infinite carousels.
+  #
+  #   values:                             integer
+  #   default:                            0.15
+  #
+  # fade
+  # ----------------------------------------------------------------------------
+  #   Enables fading.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # focusOnSelect
+  # ----------------------------------------------------------------------------
+  #   Enable focus on selected element (click).
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # focusOnChange
+  # ----------------------------------------------------------------------------
+  #   Puts focus on slide after change.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # infinite
+  # ----------------------------------------------------------------------------
+  #   Enable Infinite looping.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # initialSlide
+  # ----------------------------------------------------------------------------
+  #   Slide to start on.
+  #
+  #   values:                             integer
+  #   default:                            0
+  #
+  # lazyLoad
+  # ----------------------------------------------------------------------------
+  #   Accepts 'ondemand' or 'progressive' for lazy load technique. 'ondemand'
+  #   will load the image as soon as you slide to it, 'progressive' loads one
+  #   image after the other when the page loads.
+  #
+  #   values:                             string
+  #   default:                            'ondemand'
+  #
+  # mobileFirst
+  # ----------------------------------------------------------------------------
+  #   Responsive settings use mobile first calculation.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # nextArrow
+  # ----------------------------------------------------------------------------
+  #   Allows you to select a node or customize the HTML for the "Next" arrow.
+  #     (html | jQuery selector) | object (DOM node | jQuery object)
+  #     <button type="button" class="slick-next">Next</button>
+  #
+  #   values:                             string
+  #   default:                            selector
+  #
+  # pauseOnDotsHover
+  # ----------------------------------------------------------------------------
+  #   Pauses autoplay when a dot is hovered.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # pauseOnFocus
+  # ----------------------------------------------------------------------------
+  #   Pause autoplay when slider is focussed
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # pauseOnHover
+  # ----------------------------------------------------------------------------
+  #   Pause autoplay on hover.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # prevArrow
+  # ----------------------------------------------------------------------------
+  #   Allows you to select a node or customize the HTML for the "Previous"
+  #   arrow.
+  #     (html | jQuery selector) | object (DOM node | jQuery object)
+  #     <button type="button" class="slick-prev">Previous</button>
+  #
+  #   values:                             string
+  #   default:                            selector
+  #
+  # respondTo
+  # ----------------------------------------------------------------------------
+  #   Width that responsive object responds to. Can be 'window', 'slider' or
+  #   'min' (the smaller of the two).
+  #
+  #   values:                             string
+  #   default:                            'window'
+  #
+  # responsive
+  # ----------------------------------------------------------------------------
+  #   Array of objects containing breakpoints and settings objects.
+  #   Enables settings at given breakpoint. Set settings to "unslick"
+  #   instead of an object to disable slick at a given breakpoint.
+  #
+  #   values:                             array
+  #   default:                            null
+  #
+  # rows
+  # ----------------------------------------------------------------------------
+  #   Setting this to more than 1 initializes grid mode. Use slidesPerRow
+  #   to set how many slides should be in each row.
+  #
+  #   values:                             integer
+  #   default:                            1
+  #
+  # rtl
+  # ----------------------------------------------------------------------------
+  #   Change the slider's direction to become right-to-left.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # slide
+  # ----------------------------------------------------------------------------
+  #   Slide element query.
+  #
+  #   values:                             string
+  #   default:                            ''
+  #
+  # slidesPerRow
+  # ----------------------------------------------------------------------------
+  #   With grid mode initialized via the rows option, this sets how many
+  #   slides are in each grid row.
+  #
+  #   values:                             integer
+  #   default:                            1
+  #
+  # slidesToScroll
+  # ----------------------------------------------------------------------------
+  #   Number of slides to scroll at a time.
+  #
+  #   values:                             integer
+  #   default:                            1
+  #
+  # slidesToShow
+  # ----------------------------------------------------------------------------
+  #   Number of slides to show at a time.
+  #
+  #   values:                             integer
+  #   default:                            1
+  #
+  # speed
+  # ----------------------------------------------------------------------------
+  #   Transition speed.
+  #
+  #   values:                             integer
+  #   default:                            300
+  #
+  # swipe
+  # ----------------------------------------------------------------------------
+  #   Enables touch swipe.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # swipeToSlide
+  # ----------------------------------------------------------------------------
+  #   Swipe to slide irrespective of slidesToScroll.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # touchMove
+  # ----------------------------------------------------------------------------
+  #   Enables slide moving with touch.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # touchThreshold
+  # ----------------------------------------------------------------------------
+  #   To advance slides, the user must swipe a length of
+  #     (1/touchThreshold) * width
+  #   of the slider.
+  #
+  #   values:                             integer
+  #   default:                            5
+  #
+  # useCSS
+  # ----------------------------------------------------------------------------
+  #   Enable/Disable CSS Transitions.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # useTransform
+  # ----------------------------------------------------------------------------
+  #   Enable/Disable CSS Transforms.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # variableWidth
+  # ----------------------------------------------------------------------------
+  #   Disables automatic slide width calculation.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # vertical
+  # ----------------------------------------------------------------------------
+  #   Vertical slide direction.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # verticalSwiping
+  # ----------------------------------------------------------------------------
+  #   Changes swipe direction to vertical.
+  #
+  #   values:                             boolean
+  #   default:                            false
+  #
+  # waitForAnimate
+  # ----------------------------------------------------------------------------
+  #   Ignores requests to advance the slide while animating.
+  #
+  #   values:                             boolean
+  #   default:                            true
+  #
+  # zIndex
+  # ----------------------------------------------------------------------------
+  #   Change the slider's direction to become right-to-left.
+  #
+  #   values:                             integer
+  #   default:                            1000
+  #
+  # ----------------------------------------------------------------------------
+  #
+  accessibility:                        true                                    # slick() may fatl if enabled (true)
+  adaptiveHeight:                       false
+  # appendArrows:                       $(element)                              # currently NOT supported
+  # appendDots:                         $(element)                              # currently NOT supported
+  arrows:                               false
+  # asNavFor:                           $(element)                              # currently NOT supported
+  autoplay:                             false
+  autoplaySpeed:                        3000
+  centerMode:                           false
+  centerPadding:                        '50px'
+  cssEase:                              'ease'
+  # customPaging:                       n/a                                     # currently NOT supported
+  dots:                                 false
+  dotsClass:                            'slick-dots'
+  draggable:                            true
+  easing:                               'linear'
+  edgeFriction:                         0.15
+  fade:                                 false
+  focusOnSelect:                        false
+  focusOnChange:                        false
+  infinite:                             true
+  initialSlide:                         0
+  lazyLoad:                             'ondemand'
+  mobileFirst:                          false
+  # nextArrow:                          selector                                # currently NOT supported
+  pauseOnDotsHover:                     false
+  pauseOnFocus:                         true
+  pauseOnHover:                         true
+  # prevArrow:                          selector                                # currently NOT supported
+  respondTo:                            'window'
+  responsive:                           null
+  rows:                                 1
+  rtl:                                  false
+  slide:                                ''
+  slidesPerRow:                         1
+  slidesToScroll:                       1
+  slidesToShow:                         1
+  speed:                                300
+  swipe:                                true
+  swipeToSlide:                         false
+  touchMove:                            true
+  touchThreshold:                       5
+  useCSS:                               true
+  useTransform:                         true
+  variableWidth:                        false
+  vertical:                             false
+  verticalSwiping:                      false
+  waitForAnimate:                       true
+  zIndex:                               1000
+
+# ------------------------------------------------------------------------------
+# END config
+
+  
+
+
+
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -0,0 +1,107 @@
+# ------------------------------------------------------------------------------
+# ~/_data/modules/defaults/videojs.yml
+# Default configuration settings for J1 VideoJS module
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023, 2024 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Description
+#
+description:
+  title:                                J1 VideoJS
+  scope:                                Default settings
+  location:                             _data/modules/defaults/videojs.yml
+
+# ------------------------------------------------------------------------------
+# Default settings
+#
+defaults:
+
+  # ----------------------------------------------------------------------------
+  # VideoJS settings
+  # ----------------------------------------------------------------------------
+  playbackRates:
+    enabled:                            false
+    values:                             [ 0.25, 0.5, 1, 1.5, 2 ]
+
+  # ----------------------------------------------------------------------------
+  # VideoJS Player (Tech) settings
+  # ----------------------------------------------------------------------------
+  players:
+
+    youtube:
+
+      # players parameters
+      #
+      autoplay:                         0
+      cc_load_policy:                   0                                       # captions are initially hidden
+      controls:                         0
+      disablekb:                        1
+      enablejsapi:                      1    
+      fs:                               0
+      iv_load_policy:                   3                                       # video annotations not shown
+      loop:                             0
+      modestbranding:                   1
+      rel:                              0
+      showinfo:                         0
+
+      # video parameters
+      #
+      default_poster:                   /assets/image/icons/videojs/videojs-poster.png
+      poster:                           maxresdefault.jpg                       # poster taken from YT at highest resolution
+      end:                              true                                    # set end (of a video) allowed
+      start:                            true                                    # set start (of a video) allowed
+
+  # ----------------------------------------------------------------------------
+  # VideoJS Plugin settings
+  # ----------------------------------------------------------------------------
+  plugins:
+
+    autoCaption:
+      enabled:                          false
+
+    hotKeys:
+      enabled:                          false
+
+      seekStep:                         15
+      volumeStep:                       0.1
+      
+      alwaysCaptureHotkeys:             true
+      captureDocumentHotkeys:           false                                   # Capture document keydown events even if the player does not have focus (default: false)
+      hotkeysFocusElementFilter:        'function () { return false }'          # default
+      enableFullscreen:                 true
+      enableHoverScroll:                true
+      enableInactiveFocus:              true
+      enableJogStyle:                   false                                 
+      enableMute:                       true
+      enableModifiersForNumbers:        true
+      enableNumbers:                    false
+      enableVolumeScroll:               true
+      skipInitialFocus:                 false                                   # stops focusing the player on initial Play (default: false)
+
+    skipButtons:
+      enabled:                          false
+      surroundPlayButton:               false
+      
+      backwardIndex:                    1
+      forwardIndex:                     1
+      forward:                          10
+      backward:                         10
+
+    zoomButtons:
+      enabled:                          false
+
+      moveX:                            0
+      moveY:                            0
+      rotate:                           0
+      zoom:                             1
+
+# ------------------------------------------------------------------------------
+# END config

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

@@ -288,7 +288,7 @@ settings:
 
           muted:                        false
           preload:                      true
-#         videoStart:                   ["00:00:30", "00:01:30"]                  # start time (hh:mm:ss) for [video1, video2]
+#         videoStart:                   ["00:00:30", "00:01:30"]                # start time (hh:mm:ss) for [video1, video2]
 
           controls:                     true
           controlBar:
@@ -299,11 +299,19 @@ settings:
             volumePanel:
               inline:                   false
 
-            hotkeysPlugin:
+            hotKeysPlugin:
               enabled:                  true
               options:
                 volumeStep:             0.2
 
+            skipButtonsPlugin:
+              enabled:                  true
+              options:
+                forward:                5
+                backward:               5
+                backwardIndex:          0
+                forwardIndex:           1
+
             zoomPlugin:
               enabled:                  true
               options:
@@ -898,18 +906,26 @@ settings:
             volumePanel:
               inline:                   false
 
-            # hotkeysPlugin:
-            #   enabled:                  true
-            #   options:
-            #     volumeStep:             0.2
-            #
-            # zoomPlugin:
-            #   enabled:                  true
-            #   options:
-            #     moveX:                  0
-            #     moveY:                  0
-            #     rotate:                 0
-            #     zoom:                   1
+          # hotKeysPlugin:
+          #   enabled:                  true
+          #   options:
+          #     volumeStep:             0.2
+          #
+          # skipButtonsPlugin:
+          #   enabled:                  true
+          #   options:
+          #     forward:                5
+          #     backward:               5
+          #     backwardIndex:          0
+          #     forwardIndex:           1
+          # 
+          # zoomPlugin:
+          #   enabled:                  true
+          #   options:
+          #     moveX:                  0
+          #     moveY:                  0
+          #     rotate:                 0
+          #     zoom:                   1
 
       # ------------------------------------------------------------------------
       # CSS filter options