j1-template 2024.0.3 → 2024.1.1

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

@@ -1,5 +1,5 @@
 # ------------------------------------------------------------------------------
-# ~/_data/modules/justifiedGallery.yml
+# ~/_data/modules/gallery.yml
 # User configuration for J1 Justified Gallery (jg)
 #
 # Product/Info:
@@ -38,112 +38,112 @@ settings:
     # Old Times
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_old_times
-      type:                           image
-      image_base_path:                /assets/images/modules/gallery/old_times
-      thumb_base_path:                /assets/images/modules/gallery/old_times
+      id:                               jg_old_times
+      type:                             image
+      image_base_path:                  /assets/images/modules/gallery/old_times
+      thumb_base_path:                  /assets/images/modules/gallery/old_times
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    250
-        gutters:                      3
+        rowHeight:                      250
+        gutters:                        3
 
       # ------------------------------------------------------------------------
       # Lightbox settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg                                        # lb | lg
+        enabled:                        true
+        type:                           lg                                      # lb | lg
 
       lightGallery:
-        plugins:                      lgFullscreen, lgRotate, lgThumbnail
+        plugins:                        lgFullscreen, lgRotate, lgThumbnail
 
         options:
-          licenseKey:                 0000-0000-000-0000
-          download:                   false
-          alignThumbnails:            left
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
 
       # ------------------------------------------------------------------------
       # Images
       #
       images:
 
-        - image:                      # image
-          file:                       image_01.jpg
+        - image:                        # image
+          file:                         image_01.jpg
           description: >
-                                      <h5>GrandPa</h5>
-                                      <h6>80th Birthday</h6>
+                                        <h5>GrandPa</h5>
+                                        <h6>80th Birthday</h6>
           caption:
-            text:                     GrandPa &middot; 80th Birthday
+            text:                       GrandPa &middot; 80th Birthday
 
-        - image:                      # image
-          file:                       image_02.jpg
+        - image:                        # image
+          file:                         image_02.jpg
           description: >
-                                      <h5>GrandPa</h5>
-                                      <h6>80th Birthday</h6>
+                                        <h5>GrandPa</h5>
+                                        <h6>80th Birthday</h6>
           caption:
-            text:                     GrandPa &middot; 80th Birthday
+            text:                       GrandPa &middot; 80th Birthday
 
-        - image:                      # image
-          file:                       image_03.jpg
+        - image:                        # image
+          file:                         image_03.jpg
           description: >
-                                      <h5>GrandPa</h5>
-                                      <h6>Annual journey</h6>
+                                        <h5>GrandPa</h5>
+                                        <h6>Annual journey</h6>
           caption:
-            text:                     GrandPa &middot; Annual journey
+            text:                       GrandPa &middot; Annual journey
 
-        - image:                      # image
-          file:                       image_04.jpg
+        - image:                        # image
+          file:                         image_04.jpg
           description: >
-                                      <h5>GrandPa</h5>
-                                      <h6>Annual journey</h6>
+                                        <h5>GrandPa</h5>
+                                        <h6>Annual journey</h6>
           caption:
-            text:                     GrandPa &middot; Annual journey
+            text:                       GrandPa &middot; Annual journey
 
     # --------------------------------------------------------------------------
     # Gallery Mega Cities
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_mega_cities
-      type:                           image
-      image_base_path:                /assets/images/modules/gallery/mega_cities
-      thumb_base_path:                /assets/images/modules/gallery/mega_cities
+      id:                               jg_mega_cities
+      type:                             image
+      image_base_path:                  /assets/images/modules/gallery/mega_cities
+      thumb_base_path:                  /assets/images/modules/gallery/mega_cities
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    150
-        gutters:                      1
+        rowHeight:                      150
+        gutters:                        1
 
       # ------------------------------------------------------------------------
       # Lightbox settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg
+        enabled:                        true
+        type:                           lg
 
       lightGallery:
-        plugins:                      lgFullscreen, lgRotate, lgThumbnail
+        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
+          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
@@ -159,101 +159,101 @@ settings:
       #
       images:
 
-        - image:                      # image 1
-          file:                       banter-snaps_b.jpg
+        - image:                        # image 1
+          file:                         banter-snaps_b.jpg
           description: >
-                                      <h5>Japan</h5>
-                                      <h6>City of Osaka</h6>
+                                        <h5>Japan</h5>
+                                        <h6>City of Osaka</h6>
           caption:
-            text:                     Japan &middot; City of Osaka
+            text:                       Japan &middot; City of Osaka
 
-        - image:                      # image 2
-          file:                       denys-nevozhai-1_b.jpg
+        - image:                        # image 2
+          file:                         denys-nevozhai-1_b.jpg
           description: >
-                                      <h5>China</h5>
-                                      <h6>Man posing at the rooftop of Jin Mao Tower Shanghai</h6>
+                                        <h5>China</h5>
+                                        <h6>Man posing at the rooftop of Jin Mao Tower Shanghai</h6>
           caption:
-            text:                     China &middot; Man posing at the rooftop of Jin Mao Tower Shanghai
+            text:                       China &middot; Man posing at the rooftop of Jin Mao Tower Shanghai
 
-        - image:                      # image 3
-          file:                       gints-gailis_b.jpg
+        - image:                        # image 3
+          file:                         gints-gailis_b.jpg
           description: >
-                                      <h5>Indonesia</h5>
-                                      <h6>Shangri-La Hotel Jakarta</h6>
+                                        <h5>Indonesia</h5>
+                                        <h6>Shangri-La Hotel Jakarta</h6>
           caption:
-            text:                     Indonesia &middot; Shangri-La Hotel Jakarta
+            text:                       Indonesia &middot; Shangri-La Hotel Jakarta
 
-        - image:                      # image 4
-          file:                       steven-diaz_b.jpg
+        - image:                        # image 4
+          file:                         steven-diaz_b.jpg
           description: >
-                                      <h5>Japan</h5>
-                                      <h6>Tokyo seen from World Trade Center Observation Deck</h6>
+                                        <h5>Japan</h5>
+                                        <h6>Tokyo seen from World Trade Center Observation Deck</h6>
           caption:
-            text:                     Japan - Tokyo seen from World Trade Center Observation Deck
+            text:                       Japan - Tokyo seen from World Trade Center Observation Deck
 
-        - image:                      # image 5
-          file:                       denys-nevozhai-2_b.jpg
+        - image:                        # image 5
+          file:                         denys-nevozhai-2_b.jpg
           description: >
-                                      <h5>China</h5>
-                                      <h6>Young couple over Shenzhen</h6>
+                                        <h5>China</h5>
+                                        <h6>Young couple over Shenzhen</h6>
           caption:
-            text:                     China &middot; Young couple over Shenzhen
+            text:                       China &middot; Young couple over Shenzhen
 
-        - image:                      # image 6
-          file:                       johan-mouchet_b.jpg
+        - image:                        # image 6
+          file:                         johan-mouchet_b.jpg
           description: >
-                                      <h5>Australia</h5>
-                                      <h6>The Queen Bee at the Eureka Tower of Melbourne</h6>
+                                        <h5>Australia</h5>
+                                        <h6>The Queen Bee at the Eureka Tower of Melbourne</h6>
           caption:
-            text:                     Australia &middot; The Queen Bee at the Eureka Tower of Melbourne
+            text:                       Australia &middot; The Queen Bee at the Eureka Tower of Melbourne
 
-        - image:                      # image 7
-          file:                       thomas-tucker_b.jpg
+        - image:                        # image 7
+          file:                         thomas-tucker_b.jpg
           description: >
-                                      <h5>Taiwan</h5>
-                                      <h6>Sunset over City of Taipei</h6>
+                                        <h5>Taiwan</h5>
+                                        <h6>Sunset over City of Taipei</h6>
           caption:
-            text:                     Taiwan &middot; Sunset over City of Taipei
+            text:                       Taiwan &middot; Sunset over City of Taipei
 
-        - image:                      # image 8
-          file:                       emmad-mazhari_b.jpg
+        - image:                        # image 8
+          file:                         emmad-mazhari_b.jpg
           description: >
-                                      <h5>United States</h5>
-                                      <h6>City of Chicago</h6>
+                                        <h5>United States</h5>
+                                        <h6>City of Chicago</h6>
           caption:
-            text:                     United States &middot; City of Chicago
+            text:                       United States &middot; City of Chicago
 
-        - image:                      # image 9
-          file:                       federico-rizzarelli_b.jpg
+        - image:                        # image 9
+          file:                         federico-rizzarelli_b.jpg
           description: >
-                                      <h5>China</h5>
-                                      <h6>City of Shanghai</h6>
+                                        <h5>China</h5>
+                                        <h6>City of Shanghai</h6>
           caption:
-            text:                     China &middot; City of Shanghai
+            text:                       China &middot; City of Shanghai
 
-        - image:                      # image 10
-          file:                       andreas-brucker_b.jpg
+        - image:                        # image 10
+          file:                         andreas-brucker_b.jpg
           description: >
-                                      <h5>Thailand</h5>
-                                      <h6>City of Bangkok</h6>
+                                        <h5>Thailand</h5>
+                                        <h6>City of Bangkok</h6>
           caption:
-            text:                     Thailand &middot; City of Bangkok
+            text:                       Thailand &middot; City of Bangkok
 
-        - image:                      # image 11
-          file:                       luca-bravo_b.jpg
+        - image:                        # image 11
+          file:                         luca-bravo_b.jpg
           description: >
-                                      <h5>Taiwan</h5>
-                                      <h6>Sunset over City of Taipei</h6>
+                                        <h5>Taiwan</h5>
+                                        <h6>Sunset over City of Taipei</h6>
           caption:
-            text:                     Taiwan &middot; Sunset over City of Taipei
+            text:                       Taiwan &middot; Sunset over City of Taipei
 
-        - image:                      # image 12
-          file:                       ethan-brooke_b.jpg
+        - image:                        # image 12
+          file:                         ethan-brooke_b.jpg
           description: >
-                                      <h5>South Korea</h5>
-                                      <h6>Lotte World Tower Seoul</h6>
+                                        <h5>South Korea</h5>
+                                        <h6>Lotte World Tower Seoul</h6>
           caption:
-            text:                     South Korea &middot; Lotte World Tower Seoul
+            text:                       South Korea &middot; Lotte World Tower Seoul
 
     # ==========================================================================
     # Video Galleries
@@ -263,59 +263,63 @@ settings:
     # HTML5 VIDEO
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_video_html5
-      type:                           video
-      video:                          html5
-      video_base_path:                /assets/videos/gallery/html5
-      image_base_path:                /assets/videos/gallery
-      thumb_base_path:                /assets/videos/gallery
+      id:                               jg_video_html5
+      type:                             video
+      video:                            html5
+      video_base_path:                  /assets/videos/gallery/html5
+      image_base_path:                  /assets/videos/gallery
+      thumb_base_path:                  /assets/videos/gallery
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    250
-        gutters:                      3
+        rowHeight:                      250
+        gutters:                        3
 
       # ------------------------------------------------------------------------
       # Lightbox|lightGallery settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg
+        enabled:                        true
+        type:                           lg
 
       lightGallery:
-        plugins:                      lgThumbnail, lgVideo
+        plugins:                        lgThumbnail, lgVideo
 
         options:
-          licenseKey:                 0000-0000-000-0000
-          download:                   false
-          alignThumbnails:            left
-          animateThumb:               true
-          autoplayFirstVideo:         true
-          videojs:                    true
-          videojsTheme:               vjs-theme-uno
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      true
+          videojsTheme:                 vjs-theme-uno
 
         videojsOptions:
-          enabled:                    true
-          controls:                   true
-          muted:                      false
-          preload:                    true
-          playbackRates:              [0.25, 0.5, 1, 1.5, 2]
+          enabled:                      true
+
+#         videoStart:                   ["00:00:30", "00:01:30"]                  # start time (hh:mm:ss) for [video1, video2]
+          controls:                     true
+          muted:                        false
+          preload:                      true
+          playbackRates:                [0.25, 0.5, 1, 1.5, 2]
           zoomPlugin:
-            enabled:                  true
+            enabled:                    true
 #           options:
-#             moveX:                  0
-#             moveY:                  0
-#             rotate:                 0
-#             zoom:                   1
+#             moveX:                    0
+#             moveY:                    0
+#             rotate:                   0
+#             zoom:                     1
           controlBar:
-            remainingTimeDisplay:     true
-            pictureInPictureToggle:   false
+            remainingTimeDisplay:       true
+            pictureInPictureToggle:     false
+            volumePanel:
+              inline:                   false
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -350,12 +354,19 @@ settings:
             source:                     video1-poster.jpg
 
           tracks:
-            enabled:                    false
-            src:                        /assets/videos/gallery/html5/video1.subtitles.vtt
-            kind:                       captions
-            srclang:                    en
-            label:                      English
-            default:                    true
+            - 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/videos/vtt/captions/video1.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/videos/vtt/chapters/video1.vtt
 
         - video:                        # video 2
           enabled:                      true
@@ -378,54 +389,55 @@ settings:
     # Online VIDEO (YouTube)
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_video_online_youtube
-      type:                           video
-      video:                          youtube
-      image_base_path:                /assets/videos/gallery
-      thumb_base_path:                /assets/videos/gallery
+      id:                               jg_video_online_youtube
+      type:                             video
+      video:                            youtube
+      image_base_path:                  /assets/videos/gallery
+      thumb_base_path:                  /assets/videos/gallery
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    200
-        gutters:                      3
+        rowHeight:                      200
+        gutters:                        3
 
       # ------------------------------------------------------------------------
       # Lightbox|lightGallery settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg
+        enabled:                        true
+        type:                           lg
 
       lightGallery:
-        plugins:                      lgThumbnail, lgVideo
+        plugins:                        lgThumbnail, lgVideo
 
         options:
-          licenseKey:                 0000-0000-000-0000
-          download:                   false
-          alignThumbnails:            left
-          animateThumb:               true
-          autoplayFirstVideo:         true
-          videojs:                    false
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
 
         videojsOptions:
-          enabled:                    false
+          enabled:                      false
 
         playerParams:
-          enabled:                    true
-          autoplay:                   0
-          controls:                   0
-          enablejsapi:                1
-          hl:                         en
-          loop:                       0
-          mute:                       0
-          playsinline:                1
-          wmode:                      opaque
+          enabled:                      true
+          start:                        ["00:00:50", "00:00:50"]                # start time video1, vido2
+          autoplay:                     0
+          controls:                     0
+          enablejsapi:                  1
+          hl:                           en
+          loop:                         0
+          mute:                         0
+          playsinline:                  1
+          wmode:                        opaque
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -445,6 +457,7 @@ settings:
         - video:                        # video 1
           enabled:                      true
 
+          id:                           X5Cfi7U4eL4
           name:                         Carpool Karaoke Lady Gaga
           type:                         youtube
           size:                         "1280-720"
@@ -487,7 +500,8 @@ settings:
             source:                     video_adele-poster.jpg
 
           playerParams:
-            enabled:                    false
+            enabled:                    true
+            start:                      50
 
         - video:                        # video 3
           enabled:                      true
@@ -539,55 +553,56 @@ settings:
     # Online VIDEO (YouTube)
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_video_online_youtube_james_and_adele
-      type:                           video
-      video:                          youtube
-      image_base_path:                /assets/videos/gallery
-      thumb_base_path:                /assets/videos/gallery
+      id:                               jg_video_online_youtube_james_and_adele
+      type:                             video
+      video:                            youtube
+      image_base_path:                  /assets/videos/gallery
+      thumb_base_path:                  /assets/videos/gallery
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    250
-        gutters:                      3
+        rowHeight:                      250
+        gutters:                        3
 
       # ------------------------------------------------------------------------
       # Lightbox|lightGallery settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg
+        enabled:                        true
+        type:                           lg
 
       lightGallery:
-        plugins:                      lgThumbnail, lgVideo
+        plugins:                        lgThumbnail, lgVideo
 
         options:
-          licenseKey:                 0000-0000-000-0000
-          download:                   false
-          alignThumbnails:            left
-          animateThumb:               true
-          autoplayFirstVideo:         true
-          videojs:                    false
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
 
         videojsOptions:
-          enabled:                    false
+          enabled:                      false
 
 #       See: https://stackoverflow.com/questions/40685142/youtube-autoplay-does-not-work-with-iframe
         playerParams:
-          enabled:                    true
-          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
+          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
@@ -625,6 +640,9 @@ settings:
           poster:
             source:                     video_adele-poster.jpg
 
+          playerParams:
+            start:                      50                                      # seconds to start
+
         - video:                        # video 2
           enabled:                      true
 
@@ -645,59 +663,62 @@ settings:
           poster:
             source:                     video_adele_last_carpool_caraoke_poster.jpg
 
+          playerParams:
+            start:                      50                                      # seconds to start
+
     # --------------------------------------------------------------------------
     # Online VIDEO 2 (YouTube)
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_video_online_youtube_voice_kids
-      type:                           video
-      video:                          youtube
-      image_base_path:                /assets/videos/gallery/voice_kids_de_2021
-      thumb_base_path:                /assets/videos/gallery/voice_kids_de_2021
+      id:                               jg_video_online_youtube_voice_kids
+      type:                             video
+      video:                            youtube
+      image_base_path:                  /assets/videos/gallery/voice_kids_de_2021
+      thumb_base_path:                  /assets/videos/gallery/voice_kids_de_2021
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    200
-        gutters:                      3
+        rowHeight:                      200
+        gutters:                        3
 
       # ------------------------------------------------------------------------
       # Lightbox|lightGallery settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg
+        enabled:                        true
+        type:                           lg
 
       lightGallery:
-        plugins:                      lgThumbnail, lgVideo
+        plugins:                        lgThumbnail, lgVideo
 
         options:
-          licenseKey:                 0000-0000-000-0000
-          download:                   false
-          alignThumbnails:            left
-          animateThumb:               true
-          autoplayFirstVideo:         true
-          videojs:                    false
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
 
         videojsOptions:
-          enabled:                    false
+          enabled:                      false
 
 #       See: https://stackoverflow.com/questions/40685142/youtube-autoplay-does-not-work-with-iframe
         playerParams:
-          enabled:                    true
-          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
+          enabled:                      true
+          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
@@ -808,51 +829,51 @@ settings:
     # Online VIDEO 3 (Vimeo)
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_video_online_vimeo
-      type:                           video
-      video:                          vimeo
-      image_base_path:                /assets/videos/gallery
-      thumb_base_path:                /assets/videos/gallery
+      id:                               jg_video_online_vimeo
+      type:                             video
+      video:                            vimeo
+      image_base_path:                  /assets/videos/gallery
+      thumb_base_path:                  /assets/videos/gallery
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    250
-        gutters:                      3
+        rowHeight:                      250
+        gutters:                        3
 
       # ------------------------------------------------------------------------
       # Lightbox|lightGallery settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg
+        enabled:                        true
+        type:                           lg
 
       lightGallery:
-        plugins:                      lgThumbnail, lgVideo
+        plugins:                        lgThumbnail, lgVideo
 
         options:
-          licenseKey:                 0000-0000-000-0000
-          download:                   false
-          alignThumbnails:            left
-          animateThumb:               true
-          autoplayFirstVideo:         true
-          videojs:                    false
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
 
         videojsOptions:
-          enabled:                    false
+          enabled:                      false
 
         playerParams:
-          enabled:                    false
-          autoplay:                   0
-          byline:                     0
-          portrait:                   0
-          color:                      CCCCCC
-          muted:                      0
+          enabled:                      false
+          autoplay:                     0
+          byline:                       0
+          portrait:                     0
+          color:                        CCCCCC
+          muted:                        0
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -890,6 +911,9 @@ settings:
           poster:
             source:                     kick-it-old-school-poster.jpg
 
+          playerParams:
+            start:                      50                                      # seconds to start
+
         - video:                        # video 2
           enabled:                      true
 
@@ -915,46 +939,46 @@ settings:
     # Online VIDEO (DailyMotion)
     #
     - gallery:
-      enabled:                        true
+      enabled:                          true
 
-      id:                             jg_video_online_dailymotion
-      type:                           video
-      video:                          dailymotion
-      image_base_path:                /assets/videos/gallery/dailymotion
-      thumb_base_path:                /assets/videos/gallery/dailymotion
+      id:                               jg_video_online_dailymotion
+      type:                             video
+      video:                            dailymotion
+      image_base_path:                  /assets/videos/gallery/dailymotion
+      thumb_base_path:                  /assets/videos/gallery/dailymotion
 
       # ------------------------------------------------------------------------
       # Justified Gallery settings
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    250
-        gutters:                      3
+        rowHeight:                      250
+        gutters:                        3
 
       # ------------------------------------------------------------------------
       # Lightbox|lightGallery settings
       # ------------------------------------------------------------------------
       #
       lightbox:
-        enabled:                      true
-        type:                         lg
+        enabled:                        true
+        type:                           lg
 
       lightGallery:
-        plugins:                      lgThumbnail, lgVideo
+        plugins:                        lgThumbnail, lgVideo
 
         options:
-          licenseKey:                 0000-0000-000-0000
-          download:                   false
-          alignThumbnails:            left
-          animateThumb:               true
-          autoplayFirstVideo:         true
-          videojs:                    false
+          licenseKey:                   0000-0000-000-0000
+          download:                     false
+          alignThumbnails:              left
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
 
         videojsOptions:
-          enabled:                    false
+          enabled:                      false
 
         playerParams:
-          enabled:                    false
+          enabled:                      false
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -1012,3 +1036,136 @@ settings:
             text:                       "SELF Channel &middot; Pilates Core Workout"
           poster:
             source:                     pilates.jpg
+
+    # --------------------------------------------------------------------------
+    # Online VIDEO (TikTok)
+    #
+    - gallery:
+      enabled:                          true
+
+      id:                               jg_video_online_tiktoc
+      type:                             video
+      video:                            tiktoc
+      image_base_path:                  /assets/videos/gallery
+      thumb_base_path:                  /assets/videos/gallery
+
+      # ------------------------------------------------------------------------
+      # Justified Gallery settings
+      # ------------------------------------------------------------------------
+      #
+      gallery_options:
+        rowHeight:                      480
+        gutters:                        3
+
+      # ------------------------------------------------------------------------
+      # Lightbox|lightGallery settings
+      # ------------------------------------------------------------------------
+      #
+      lightbox:
+        enabled:                        true
+        type:                           lg
+
+      lightGallery:
+        plugins:                        lgThumbnail, lgVideo
+
+        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
+
+          animateThumb:                 true
+          autoplayFirstVideo:           true
+          videojs:                      false
+
+        videojsOptions:
+          enabled:                      false
+
+        playerParams:
+          enabled:                      false
+          autoplay:                     0
+          muted:                        0
+
+      # ------------------------------------------------------------------------
+      # CSS filter options
+      #
+      filters:
+        enabled:                        false
+        grayscale:                      0
+        contrast:                       1
+        brightness:                     1
+
+      # ------------------------------------------------------------------------
+      # Video settings
+      # ------------------------------------------------------------------------
+      #
+      videos:
+
+        - video:                        # video 1
+          enabled:                      true
+
+          name:                         Gesund
+          type:                         tiktoc
+          size:                         "300-575"
+          source:                       "//tiktok.com/embed/6901614235709869314"
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          description: >
+                                        <h5>
+                                          Gianna Bacio
+                                        </h5>
+                                        <h6>
+                                          Warum 2x wöchentlich Sex gesund ist
+                                        </h6>
+          caption:
+            text:                       "Gianna Bacio &middot; Warum 2x wöchentlich Sex gesund ist"
+          poster:
+            source:                     gianna_1.jpg
+
+        - video:                        # video 2
+          enabled:                      true
+
+          name:                         Vergesslichkeit
+          type:                         tiktoc
+          size:                         "300-575"
+          source:                       "//tiktok.com/embed/6938375143181913349"
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          description: >
+                                        <h5>
+                                          Gianna Bacio
+                                        </h5>
+                                        <h6>
+                                          Sex hilft gegen Vergesslichkeit?!
+                                        </h6>
+          caption:
+            text:                       "Gianna Bacio &middot; Sex hilft gegen Vergesslichkeit?!"
+          poster:
+            source:                     gianna_2.jpg
+
+        - video:                        # video 3
+          enabled:                      true
+
+          name:                         Denken
+          type:                         tiktoc
+          size:                         "300-575"
+          source:                       "//tiktok.com/embed/6919457437510569218"
+          pinterest_prefix:             Pin video
+          tweet_prefix:                 Try video
+          description: >
+                                        <h5>
+                                          Gianna Bacio
+                                        </h5>
+                                        <h6>
+                                          Daran denken die Meisten beim Sex!
+                                        </h6>
+          caption:
+            text:                       "Gianna Bacio &middot; Daran denken die Meisten beim Sex!"
+          poster:
+            source:                     gianna_3.jpg
+
+# ------------------------------------------------------------------------------
+# END config