j1-template 2024.3.18 → 2024.3.19

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

@@ -0,0 +1,1002 @@
+# ------------------------------------------------------------------------------
+# ~/_data/modules/gallery_app.yml
+# Application settings for the J1 Gallery App
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023-2025 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 Gallery App
+  scope:                                User App settings
+  location:                             _data/apps/gallery_app.yml
+
+# ------------------------------------------------------------------------------
+# User configuration settings
+#
+settings:
+
+  # ----------------------------------------------------------------------------
+  # GENERAL options
+  # ----------------------------------------------------------------------------
+  #
+  enabled:                              true
+
+  # ----------------------------------------------------------------------------
+  # All galleries available
+  # ----------------------------------------------------------------------------
+  galleries:
+
+    # ==========================================================================
+    # Image Galleries
+    # ==========================================================================
+
+    # --------------------------------------------------------------------------
+    # Old Times
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_old_times
+      type:                             image
+      image_base_path:                  /assets/image/module/swiper/old_times
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      250
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg                                      # lb | lg
+
+      lightGallery:
+        plugins:                        lgFullscreen, lgRotate, lgThumbnail
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+
+      # ------------------------------------------------------------------------
+      # Images
+      #
+      images:
+
+        - image:                        # image
+          file:                         image_01.jpg
+          caption_text:                 GrandPa · 80th Birthday
+          description: >
+                                        <h5>GrandPa</h5>
+                                        <h6>80th Birthday</h6>
+
+        - image:                        # image
+          file:                         image_02.jpg
+          caption_text:                 GrandPa &middot; 80th Birthday
+          description: >
+                                        <h5>GrandPa</h5>
+                                        <h6>80th Birthday</h6>
+
+        - image:                        # image
+          file:                         image_03.jpg
+          caption_text:                 GrandPa &middot; Annual journey
+          description: >
+                                        <h5>GrandPa</h5>
+                                        <h6>Annual journey</h6>
+
+        - image:                        # image
+          file:                         image_04.jpg
+          caption_text:                 GrandPa &middot; Annual journey
+          description: >
+                                        <h5>GrandPa</h5>
+                                        <h6>Annual journey</h6>
+
+    # --------------------------------------------------------------------------
+    # Gallery Mega Cities
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_mega_cities
+      type:                             image
+      image_base_path:                  /assets/image/module/swiper/mega_cities
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      150
+        gutters:                        1
+
+      # ------------------------------------------------------------------------
+      # Lightbox settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgFullscreen, lgRotate, lgThumbnail
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          addClass:                     lg-uno-thumbnails                         # customized thumbnails
+          appendThumbnailsTo:           .lg-outer                                 # required for customized thumbnails
+          animateThumb:                 false                                     # required for customized thumbnails
+          allowMediaOverlap:            true                                      # required for customized thumbnails
+
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       0.8
+        brightness:                     0.4
+
+      # ------------------------------------------------------------------------
+      # Images
+      #
+      images:
+
+        - image:                        # image 1
+          file:                         banter-snaps_b.jpg
+          caption_text:                 Japan &middot; City of Osaka
+          description: >
+                                        <h5>Japan</h5>
+                                        <h6>City of Osaka</h6>
+
+        - image:                        # image 2
+          file:                         denys-nevozhai-1_b.jpg
+          caption_text:                 China &middot; Man posing at the rooftop of Jin Mao Tower Shanghai
+          description: >
+                                        <h5>China</h5>
+                                        <h6>Man posing at the rooftop of Jin Mao Tower Shanghai</h6>
+
+        - image:                        # image 3
+          file:                         gints-gailis_b.jpg
+          caption_text:                 Indonesia &middot; Shangri-La Hotel Jakarta
+          description: >
+                                        <h5>Indonesia</h5>
+                                        <h6>Shangri-La Hotel Jakarta</h6>
+
+        - image:                        # image 4
+          file:                         steven-diaz_b.jpg
+          caption_text:                 Indonesia &middot; Shangri-La Hotel Jakarta
+          description: >
+                                        <h5>Japan</h5>
+                                        <h6>Tokyo seen from World Trade Center Observation Deck</h6>
+
+        - image:                        # image 5
+          file:                         denys-nevozhai-2_b.jpg
+          caption_text:                 China &middot; Young couple over Shenzhen
+          description: >
+                                        <h5>China</h5>
+                                        <h6>Young couple over Shenzhen</h6>
+
+        - image:                        # image 6
+          file:                         johan-mouchet_b.jpg
+          caption_text:                 Australia &middot; The Queen Bee at the Eureka Tower of Melbourne
+          description: >
+                                        <h5>Australia</h5>
+                                        <h6>The Queen Bee at the Eureka Tower of Melbourne</h6>
+
+        - image:                        # image 7
+          file:                         thomas-tucker_b.jpg
+          caption_text:                 Taiwan &middot; Sunset over City of Taipei
+          description: >
+                                        <h5>Taiwan</h5>
+                                        <h6>Sunset over City of Taipei</h6>
+
+        - image:                        # image 8
+          file:                         emmad-mazhari_b.jpg
+          caption_text:                 United States &middot; City of Chicago
+          description: >
+                                        <h5>United States</h5>
+                                        <h6>City of Chicago</h6>
+
+        - image:                        # image 9
+          file:                         federico-rizzarelli_b.jpg
+          caption_text:                 China &middot; City of Shanghai
+          description: >
+                                        <h5>China</h5>
+                                        <h6>City of Shanghai</h6>
+
+        - image:                        # image 10
+          file:                         andreas-brucker_b.jpg
+          caption_text:                 Thailand &middot; City of Bangkok
+          description: >
+                                        <h5>Thailand</h5>
+                                        <h6>City of Bangkok</h6>
+
+        - image:                        # image 11
+          file:                         luca-bravo_b.jpg
+          caption_text:                 Taiwan &middot; Sunset over City of Taipei
+          description: >
+                                        <h5>Taiwan</h5>
+                                        <h6>Sunset over City of Taipei</h6>
+
+        - image:                        # image 12
+          file:                         ethan-brooke_b.jpg
+          caption_text:                 South Korea &middot; Lotte World Tower Seoul
+          description: >
+                                        <h5>South Korea</h5>
+                                        <h6>Lotte World Tower Seoul</h6>
+
+
+    # ==========================================================================
+    # Video Galleries
+    # ==========================================================================
+
+    # --------------------------------------------------------------------------
+    # HTML5 VIDEO
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_video_html5
+      type:                             video
+      video:                            html5
+      video_base_path:                  /assets/video/html5
+      image_base_path:                  /assets/video/poster/html5
+      thumb_base_path:                  /assets/video/poster/html5
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      250
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox|lightGallery settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgThumbnail, lgVideo
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      true
+          videojsTheme:                 vjs-theme-uno
+
+        videojsOptions:
+          enabled:                      true
+
+          muted:                        false
+          preload:                      true
+#         videoStart:                   ["00:00:30", "00:01:30"]                # start time (hh:mm:ss) for [video1, video2]
+
+          controls:                     true
+          controlBar:
+            playbackRates:              [0.25, 0.5, 1, 1.5, 2]
+            remainingTimeDisplay:       true
+            pictureInPictureToggle:     false
+
+            volumePanel:
+              inline:                   false
+
+            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
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       1
+        brightness:                     1
+
+      # ------------------------------------------------------------------------
+      # Video settings
+      # ------------------------------------------------------------------------
+      #
+      videos:
+
+        - video:                        # video 1
+          enabled:                      true
+
+          name:                         Peck Pocketed
+          type:                         html5
+          size:                         1280-720
+          source:                       peck_pocketed.mp4
+          poster_image:                 peck_pocketed.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Peck Pocketed &middot; Student Academy Award winning Cartoon Clip
+          description: >
+                                        <h5>Peck Pocketed by Kevin Herron | Disney Favorite</h5>
+                                        <h6>Student Academy Award winning Cartoon Clip</h6>
+                                        <br>
+          tracks:
+            - track:
+              default:                  true                                    # Indicates that the track is to be enabled if the user's preferences do not indicate that another track would be more appropriate
+              kind:                     captions
+              srclang:                  en                                      # Code for the language of the text track
+              label:                    English                                 # Descriptive text for the track that will used in the user interface (player)
+              src:                      /assets/video/tracks/html5/peck_pocketed/captions/video.vtt
+
+            - track:
+              default:                  true                                    # Indicates that the track is to be enabled if the user's preferences do not indicate that another track would be more appropriate
+              kind:                     chapters
+              srclang:                  en                                      # Code for the language of the text track
+              label:                    Chapters                                # Descriptive text for the track that will used in the user interface (player)
+              src:                      /assets/video/tracks/html5/peck_pocketed/chapters/video.vtt
+
+        - video:                        # video 2
+          enabled:                      true
+
+          name:                         Rollin Wild
+          type:                         html5
+          size:                         1280-720
+          source:                       rolling_wild.mp4
+          poster_image:                 rolling_wild.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Rollin` Wild &middot; Short Funny animated video clip created at the Film Academy
+          description: >
+                                        <h5>Rollin` Wild</h5>
+                                        <h6>Short Funny Animated Clip created at the Film Academy</h6>
+                                        <br>
+
+    # --------------------------------------------------------------------------
+    # Online VIDEO Tylor Swift (YouTube)
+    # See: https://www.youtube.com/playlist?list=PLINj2JJM1jxOxE-4mVaEJCEzO1CiR0Cwm
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_video_online_taylor_swift
+      type:                             video
+      video:                            youtube
+      image_base_path:                  //img.youtube.com/vi
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      250
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox|lightGallery settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgThumbnail, lgVideo
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
+
+        videojsOptions:
+          enabled:                      false
+
+#       See: https://stackoverflow.com/questions/40685142/youtube-autoplay-does-not-work-with-iframe
+        playerParams:
+          enabled:                      true
+          start:                        ["00:00:00", "00:00:00"]                # start time video1, vido2
+          autoplay:                     1                                       # autoplay = 1 only available for YouTube when muted.
+#         controls:                     1                                       # default = 0
+#         enablejsapi:                  1                                       # default = 1
+#         hl:                           en                                      # default = en
+#         loop:                         0                                       # default = 0
+          mute:                         0                                       # default = 1
+#         playsinline:                  1                                       # for mobile|iOS only
+#         wmode:                        opaque                                  # default = opaque
+
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       1
+        brightness:                     1
+
+      # ------------------------------------------------------------------------
+      # Video settings
+      # ------------------------------------------------------------------------
+      #
+      videos:
+
+        - video:                        # video 1
+          enabled:                      true
+
+          name:                         Tylor Swift
+          type:                         youtube
+          size:                         1280-720
+          source:                       //youtube.com/watch?v=q3zqJs7JUCQ
+          poster_image:                 q3zqJs7JUCQ/maxresdefault.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Fortnight (feat. Post Malone) &middot; Official Music Video
+          description: >
+                                        <h5>Tylor Swift</h5>
+                                        <h6>Fortnight (feat. Post Malone) &middot; Official Music Video</h6>
+                                        <br>
+
+        - video:                        # video 2
+          enabled:                      true
+
+          name:                         Tylor Swift
+          type:                         youtube
+          size:                         1280-720
+          source:                       //youtube.com/watch?v=0GQ_QeZxdzo
+          poster_image:                 0GQ_QeZxdzo/maxresdefault.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Fortnight (feat. Post Malone) &middot; Behind the Scenes
+          description: >
+                                        <h5>Tylor Swift</h5>
+                                        <h6>Fortnight (feat. Post Malone) &middot; Behind the Scenes</h6>
+                                        <br>
+
+#         - video:                        # video 2
+#           enabled:                      true
+#
+#           name:                         Tylor Swift
+#           type:                         youtube
+#           size:                         1280-720
+# #         source:                       //youtube.com/watch?v=i8_w_m6HLJ0&list=PLINj2JJM1jxOxE-4mVaEJCEzO1CiR0Cwm
+#           source:                       //youtube.com/watch?v=i8_w_m6HLJ0
+#           pinterest_prefix:             Pin video
+#           tweet_prefix:                 Try video
+#           description: >
+#                                         <h5>Tylor Swift</h5>
+#                                         <h6>I Can Do With a Broken Heart</h6>
+#                                         <br>
+#           caption:
+#             text:                       I Can Do With a Broken Heart &middot; Tylor Swift
+#           poster:
+#             source:                     i8_w_m6HLJ0/maxresdefault.jpg
+# #           source:                     i8_w_m6HLJ0/sddefault.jpg
+#
+# #          playerParams:
+# #            start:                      50                                      # seconds to start
+#
+#
+#
+# #          playerParams:
+# #            start:                      50                                      # seconds to start
+#
+#         - video:                        # video 3
+#           enabled:                      true
+#
+#           name:                         Tylor Swift
+#           type:                         youtube
+#           size:                         1280-720
+#           source:                       //youtube.com/watch?v=RQMz4JDbtmI
+#           pinterest_prefix:             Pin video
+#           tweet_prefix:                 Try video
+#           description: >
+#                                         <h5>Tylor Swift</h5>
+#                                         <h6>The Tortured Poets Department (Official Lyric Video)</h6>
+#                                         <br>
+#           caption:
+#             text:                       The Tortured Poets Department (Official Lyric Video) &middot; Tylor Swift
+#           poster:
+#             source:                     RQMz4JDbtmI/maxresdefault.jpg
+#
+#         - video:                        # video 3
+#           enabled:                      true
+#
+#           name:                         Tylor Swift
+#           type:                         youtube
+#           size:                         1280-720
+#           source:                       //youtube.com/watch?v=wRKXAAV6jh4
+#           pinterest_prefix:             Pin video
+#           tweet_prefix:                 Try video
+#           description: >
+#                                         <h5>Tylor Swift</h5>
+#                                         <h6>My Boy Only Breaks His Favorite Toys (Official Lyric Video)</h6>
+#                                         <br>
+#           caption:
+#             text:                       My Boy Only Breaks His Favorite Toys (Official Lyric Video) &middot; Tylor Swift
+#           poster:
+#             source:                     wRKXAAV6jh4/maxresdefault.jpg
+
+
+    # --------------------------------------------------------------------------
+    # Online VIDEO Carpool Karaoke (YouTube)
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_video_online_youtube_james_and_adele
+      type:                             video
+      video:                            youtube
+      image_base_path:                  //img.youtube.com/vi
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      250
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox|lightGallery settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgThumbnail, lgVideo
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
+
+        videojsOptions:
+          enabled:                      false
+
+#       See: https://stackoverflow.com/questions/40685142/youtube-autoplay-does-not-work-with-iframe
+        playerParams:
+          enabled:                      true
+          start:                        ["00:00:50", "00:00:50"]                # start time video1, vido2
+          autoplay:                     1                                       # autoplay = 1 only available for YouTube when muted.
+#         controls:                     1                                       # default = 0
+#         enablejsapi:                  1                                       # default = 1
+#         hl:                           en                                      # default = en
+#         loop:                         0                                       # default = 0
+          mute:                         0                                       # default = 1
+#         playsinline:                  1                                       # for mobile|iOS only
+#         wmode:                        opaque                                  # default = opaque
+
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       1
+        brightness:                     1
+
+      # ------------------------------------------------------------------------
+      # Video settings
+      # ------------------------------------------------------------------------
+      #
+      videos:
+
+        - video:                        # video 1
+          enabled:                      true
+
+          name:                         Carpool Karaoke James and Adele
+          type:                         youtube
+          size:                         1280-720
+          source:                       //youtube.com/watch?v=Nck6BZga7TQ
+          poster_image:                 Nck6BZga7TQ/mqdefault.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Carpool Karaoke 2015 &middot; James and Adele
+          description: >
+                                        <h5>Carpool Karaoke 2015</h5>
+                                        <h6>
+                                        December 2015 - James is on holidays is about the holidays in
+                                        London and gets Adele off for a ride through the city. On the way
+                                        they sing some of their biggest hits.
+                                        </h6>
+                                        <br>
+          playerParams:
+            start:                      50                                      # seconds to start
+
+        - video:                        # video 2
+          enabled:                      true
+
+          name:                         Last Carpool Karaoke
+          type:                         youtube
+          size:                         1280-720
+          source:                       //youtube.com/watch?v=nV8UZJNBY6Y
+          poster_image:                 nV8UZJNBY6Y/mqdefault.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Carpool Karaoke 2023 &middot; Last Carpool Karaoke
+          description: >
+                                        <h5>Carpool Karaoke 2023</h5>
+                                        <h6>
+                                          April 2023 - Adele wakeup James at home for the last Late Night Show,
+                                          for the last Carpool Caraoke ever.
+                                        </h6>
+                                        <br>
+          playerParams:
+            start:                      50                                      # seconds to start
+
+    # --------------------------------------------------------------------------
+    # Online VIDEO (Vimeo)
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_video_online_vimeo
+      type:                             video
+      video:                            vimeo
+      image_base_path:                  /assets/video/poster/vimeo
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      250
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox|lightGallery settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgThumbnail, lgVideo
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
+
+        videojsOptions:
+          enabled:                      false
+
+        playerParams:
+          enabled:                      false
+          autoplay:                     1
+          byline:                       0
+          portrait:                     0
+          color:                        var(--md-gray-100)
+          muted:                        0
+
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       1
+        brightness:                     1
+
+      # ------------------------------------------------------------------------
+      # Video settings
+      # ------------------------------------------------------------------------
+      #
+      videos:
+
+        - video:                        # video 1
+          enabled:                      true
+
+          name:                         Forever 21
+          type:                         vimeo
+          size:                         1280-720
+          source:                       //vimeo.com/179528528
+          poster_image:                 kick_it_old_school.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Forever 21 &middot; Kick It Old School
+          description: >
+                                        <h5>Forever 21</h5>
+                                        <h6>Kick It Old School</h6>
+                                        <br>
+          playerParams:
+            start:                      50                                      # seconds to start
+
+        - video:                        # video 2
+          enabled:                      true
+
+          name:                         Forever 21
+          type:                         vimeo
+          size:                         1280-720
+          source:                       //vimeo.com/202117650
+          poster_image:                 stay_colorful.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Forever 21 &middot; Stay Colorful, Babe!
+          description: >
+                                        <h5>Forever 21</h5>
+                                        <h6>Stay Colorful, Babe!</h6>
+                                        <br>
+
+    # --------------------------------------------------------------------------
+    # Online VIDEO (Dailymotion)
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_video_online_dailymotion
+      type:                             video
+      video:                            dailymotion
+      image_base_path:                  /assets/video/poster/dailymotion
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      250
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox|lightGallery settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgThumbnail, lgVideo
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
+
+        videojsOptions:
+          enabled:                      false
+
+        playerParams:
+          enabled:                      false
+
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       1
+        brightness:                     1
+
+      # ------------------------------------------------------------------------
+      # Video settings
+      # ------------------------------------------------------------------------
+      #
+      videos:
+
+        - video:                        # video 1
+          enabled:                      true
+
+          name:                         SELF Channel
+          type:                         dailymotion
+          size:                         1280-720
+          source:                       //dai.ly/x887s09
+          poster_image:                 meditation.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 SELF Channel &middot; Morning Energy
+          description: >
+                                        <h5>SELF Channel</h5>
+                                        <h6>Guided Meditation: Morning Energy</h6>
+                                        <br>
+
+        - video:                        # video 2
+          enabled:                      true
+
+          name:                         SELF Channel
+          type:                         dailymotion
+          size:                         1280-720
+          source:                       //dai.ly/x87ycik
+          poster_image:                 pilates.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 SELF Channel &middot; Pilates Core Workout
+          description: >
+                                        <h5>SELF Channel</h5>
+                                        <h6>Beginner Mat Pilates: Core Workout</h6>
+                                        <br>
+
+    # --------------------------------------------------------------------------
+    # HTML5 VIDEO (over VodeoJS)
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_video_html5_videojs
+      type:                             video
+      video:                            html5
+      video_base_path:                  /assets/video/html5
+      image_base_path:                  /assets/video/poster/html5
+      thumb_base_path:                  /assets/video/poster/html5
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      250
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox|lightGallery settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgThumbnail, lgVideo
+
+        options:
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      true
+          videojsTheme:                 vjs-theme-uno
+
+        videojsOptions:
+          enabled:                      true
+
+          muted:                        false
+          preload:                      true
+#         videoStart:                   ["00:00:30", "00:01:30"]                  # start time (hh:mm:ss) for [video1, video2]
+
+          controls:                     true
+          controlBar:
+            playbackRates:              [0.25, 0.5, 1, 1.5, 2]
+            remainingTimeDisplay:       true
+            pictureInPictureToggle:     false
+
+            volumePanel:
+              inline:                   false
+
+          # 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
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       1
+        brightness:                     1
+
+      # ------------------------------------------------------------------------
+      # Video settings
+      # ------------------------------------------------------------------------
+      #
+      videos:
+
+        - video:                        # video 1
+          enabled:                      true
+
+          name:                         Peck Pocketed
+          type:                         html5
+          size:                         1280-720
+          source:                       peck_pocketed.mp4
+          poster_image:                 peck_pocketed.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Peck Pocketed &middot; Student Academy Award winning Cartoon Clip
+          description: >
+                                        <h5>Peck Pocketed by Kevin Herron | Disney Favorite</h5>
+                                        <h6>Student Academy Award winning Cartoon Clip</h6>
+
+        # - video:                        # video 2
+        #   enabled:                      true
+        #
+        #   name:                         Rollin Wild
+        #   type:                         html5
+        #   size:                         1280-720
+        #   source:                       rolling_wild.mp4
+        #   poster_image:                 rolling_wild.jpg
+        #   pinterest_prefix:             Pin video
+        #   tweet_prefix:                 Try video
+        #   caption_text:                 Rollin` Wild &middot; Short Funny animated video clip created at the Film Academy
+        #   description: >
+        #                                 <h5>Rollin` Wild</h5>
+        #                                 <h6>Short Funny Animated Clip created at the Film Academy</h6>
+
+        - video:                        # video 2
+          enabled:                      true
+
+          name:                         Last Carpool Karaoke
+          type:                         youtube
+          size:                         1280-720
+          source:                       //youtube.com/watch?v=nV8UZJNBY6Y
+          poster_image:                 rolling_wild.jpg
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          caption_text:                 Carpool Karaoke 2023 &middot; Last Carpool Karaoke
+          description: >
+                                        <h5>Carpool Karaoke 2023</h5>
+                                        <h6>
+                                          April 2023 - Adele wakeup James at home for the last Late Night Show,
+                                          for the last Carpool Caraoke ever.
+                                        </h6>
+                                        <br>
+          playerParams:
+            start:                      50                                      # seconds to start
+
+# ------------------------------------------------------------------------------
+# END config