j1-template 2023.10.0 → 2023.10.2

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

@@ -50,7 +50,7 @@ settings:
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    300
+        rowHeight:                    250
         gutters:                      3
 
       # ------------------------------------------------------------------------
@@ -203,6 +203,7 @@ settings:
           file:                       oskars-sylwan_b.jpg
           caption:                    New York City, United States
 
+
     # ==========================================================================
     # Video Galleries
     # ==========================================================================
@@ -215,6 +216,7 @@ settings:
 
       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
@@ -224,7 +226,7 @@ settings:
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    200
+        rowHeight:                    250
         gutters:                      3
 
       # ------------------------------------------------------------------------
@@ -245,9 +247,10 @@ settings:
           animateThumb:               true
           autoplayFirstVideo:         true
           videojs:                    true
-          videojsTheme:               'vjs-theme-uno'
+          videojsTheme:               vjs-theme-uno
 
         videojsOptions:
+          enabled:                    true
           controls:                   true
           muted:                      false
           preload:                    true
@@ -321,6 +324,7 @@ settings:
 
       id:                             jg_video_online_youtube
       type:                           video
+      video:                          youtube
       image_base_path:                /assets/videos/gallery
       thumb_base_path:                /assets/videos/gallery
 
@@ -351,7 +355,19 @@ settings:
           autoplayFirstVideo:         true
           videojs:                    false
 
-        videojsOptions:               {}
+        videojsOptions:
+          enabled:                    false
+
+        playerParams:
+          enabled:                    true
+          autoplay:                   0
+          controls:                   0
+          enablejsapi:                1
+          hl:                         en
+          loop:                       0
+          mute:                       0
+          playsinline:                1
+          wmode:                      opaque
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -374,7 +390,7 @@ settings:
           name:                         Carpool Karaoke Lady Gaga
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=X5Cfi7U4eL4"
+          source:                       "//youtube.com/watch?v=X5Cfi7U4eL4"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -388,13 +404,16 @@ settings:
           caption:
             text:                       "YouTube · Carpool Karaoke Lady Gaga"
 
+          playerParams:
+            enabled:                    false
+
         - video:                        # video 2
           enabled:                      true
 
           name:                         Carpool Karaoke Adele
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=Nck6BZga7TQ"
+          source:                       "//youtube.com/watch?v=Nck6BZga7TQ"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -409,13 +428,16 @@ settings:
           caption:
             text:                       "YouTube · Carpool Karaoke Adele"
 
+          playerParams:
+            enabled:                    false
+
         - video:                        # video 3
           enabled:                      true
 
           name:                         Carpool Karaoke Gwen Stefani
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=F2SXmzk8ve4"
+          source:                       "//youtube.com/watch?v=F2SXmzk8ve4"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -429,13 +451,15 @@ settings:
           caption:
             text:                       "YouTube · Carpool Karaoke Gwen Stefani"
 
+          playerParams:                 false
+
         - video:                        # video 4
           enabled:                      true
 
           name:                         Carpool Karaoke Michelle Obama
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=ln3wAdRAim4"
+          source:                       "//youtube.com/watch?v=ln3wAdRAim4"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -450,6 +474,8 @@ settings:
           caption:
             text:                       "YouTube · Carpool Karaoke Michelle Obama"
 
+          playerParams:
+            enabled:                    false
 
     # --------------------------------------------------------------------------
     # Online VIDEO (YouTube)
@@ -459,6 +485,7 @@ settings:
 
       id:                             jg_video_online_youtube_james_and_adele
       type:                           video
+      video:                          youtube
       image_base_path:                /assets/videos/gallery
       thumb_base_path:                /assets/videos/gallery
 
@@ -467,7 +494,7 @@ settings:
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    200
+        rowHeight:                    250
         gutters:                      3
 
       # ------------------------------------------------------------------------
@@ -489,7 +516,20 @@ settings:
           autoplayFirstVideo:         true
           videojs:                    false
 
-        videojsOptions:               {}
+        videojsOptions:
+          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
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -512,7 +552,7 @@ settings:
           name:                         Carpool Karaoke Lady Gaga
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=Nck6BZga7TQ"
+          source:                       "//youtube.com/watch?v=Nck6BZga7TQ"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -533,7 +573,7 @@ settings:
           name:                         Last Carpool Karaoke
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=nV8UZJNBY6Y"
+          source:                       "//youtube.com/watch?v=nV8UZJNBY6Y"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -547,8 +587,6 @@ settings:
           caption:
             text:                       "YouTube · Last Carpool Karaoke"
 
-
-
     # --------------------------------------------------------------------------
     # Online VIDEO 2 (YouTube)
     #
@@ -557,6 +595,7 @@ settings:
 
       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
 
@@ -587,7 +626,20 @@ settings:
           autoplayFirstVideo:         true
           videojs:                    false
 
-        videojsOptions:               {}
+        videojsOptions:
+          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
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -610,7 +662,7 @@ settings:
           name:                         Voice Kids - Constance
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=aQqPgLMgO-I"
+          source:                       "//youtube.com/watch?v=aQqPgLMgO-I"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -631,7 +683,7 @@ settings:
           name:                         Voice Kids - Elisa
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=Bl6tkAgaP1g"
+          source:                       "//youtube.com/watch?v=Bl6tkAgaP1g"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -651,7 +703,7 @@ settings:
           name:                         Voice Kids - Ben
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=GuiOYCv9NTI"
+          source:                       "//youtube.com/watch?v=GuiOYCv9NTI"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -671,7 +723,7 @@ settings:
           name:                         Voice Kids - The Battle
           type:                         youtube
           size:                         "1280-720"
-          source:                       "https//youtube.com/watch?v=1bvE2mgJ22I"
+          source:                       "//youtube.com/watch?v=1bvE2mgJ22I"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -694,6 +746,7 @@ settings:
 
       id:                             jg_video_online_vimeo
       type:                           video
+      video:                          vimeo
       image_base_path:                /assets/videos/gallery
       thumb_base_path:                /assets/videos/gallery
 
@@ -702,7 +755,7 @@ settings:
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    200
+        rowHeight:                    250
         gutters:                      3
 
       # ------------------------------------------------------------------------
@@ -724,7 +777,16 @@ settings:
           autoplayFirstVideo:         true
           videojs:                    false
 
-        videojsOptions:               {}
+        videojsOptions:
+          enabled:                    false
+
+        playerParams:
+          enabled:                    false
+          autoplay:                   0
+          byline:                     0
+          portrait:                   0
+          color:                      CCCCCC
+          muted:                      0
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -747,7 +809,7 @@ settings:
           name:                         Forever 21
           type:                         vimeo
           size:                         "1280-720"
-          source:                       "https//vimeo.com/179528528"
+          source:                       "//vimeo.com/179528528"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -766,7 +828,7 @@ settings:
           name:                         Forever 21
           type:                         vimeo
           size:                         "1280-720"
-          source:                       "https//vimeo.com/202117650"
+          source:                       "//vimeo.com/202117650"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -779,7 +841,6 @@ settings:
           caption:
             text:                       "Vimeo · Forever 21 - Stay Colorful, Babe!"
 
-
     # --------------------------------------------------------------------------
     # Online VIDEO (DailyMotion)
     #
@@ -788,6 +849,7 @@ settings:
 
       id:                             jg_video_online_dailymotion
       type:                           video
+      video:                          dailymotion
       image_base_path:                /assets/videos/gallery/dailymotion
       thumb_base_path:                /assets/videos/gallery/dailymotion
 
@@ -796,7 +858,7 @@ settings:
       # ------------------------------------------------------------------------
       #
       gallery_options:
-        rowHeight:                    200
+        rowHeight:                    250
         gutters:                      3
 
       # ------------------------------------------------------------------------
@@ -818,7 +880,11 @@ settings:
           autoplayFirstVideo:         true
           videojs:                    false
 
-        videojsOptions:               {}
+        videojsOptions:
+          enabled:                    false
+
+        playerParams:
+          enabled:                    false
 
       # ------------------------------------------------------------------------
       # CSS filter options
@@ -841,7 +907,7 @@ settings:
           name:                         SELF Channel
           type:                         dailymotion
           size:                         "1280-720"
-          source:                       "https//dai.ly/x887s09"
+          source:                       "//dai.ly/x887s09"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >
@@ -860,7 +926,7 @@ settings:
           name:                         SELF Channel
           type:                         dailymotion
           size:                         "1280-720"
-          source:                       "https//dai.ly/x87ycik"
+          source:                       "//dai.ly/x87ycik"
           pinterest_prefix:             Pin video
           tweet_prefix:                 Try video
           description: >

data/lib/starter_web/_data/templates/feed.xml

@@ -57,7 +57,7 @@
   <id>{{ page.url | absolute_url | xml_escape }}</id>
   <post_limited>{{ limit_posts }}</post_limited>
   <template_name>J1 Theme</template_name>
-  <template_version>2023.10.0</template_version>
+  <template_version>2023.10.2</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}

data/lib/starter_web/_plugins/asciidoctor/gallery-block.rb

@@ -1,50 +1,50 @@
-# ------------------------------------------------------------------------------
-# ~/_plugins/asciidoctor-extensions/gallery-block.rb
-# Asciidoctor extension for J1 Galleries
-#
-# Product/Info:
-# https://jekyll.one
-#
-# Copyright (C) 2023 Juergen Adams
-#
-# J1 Template is licensed under the MIT License.
-# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
-# ------------------------------------------------------------------------------
-require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
-include Asciidoctor
-
-# A block macro that embeds a Gallery block into the output document
-#
-# Usage
-#
-#   gallery::gallery_id[role="additional classes"]
-#
-# Example:
-#
-#   .The gallery title
-#   gallery::jg_live_demo[role="mt-4 mb-5"]
-#
-Asciidoctor::Extensions.register do
-
-  class ImageBlockMacro < Extensions::BlockMacroProcessor
-    use_dsl
-
-    named :gallery
-    name_positional_attributes 'role'
-    default_attrs 'role' => 'mt-4 mb-4'
-
-    def process parent, target, attributes
-      title_html  = (attributes.has_key? 'title') ? %(<div class="gallery-title">#{attributes['title']}</div>\n) : nil
-      html        = %(
-        <div class="#{attributes['role']}">
-          #{title_html}
-          <div id="#{target}_parent" class="gallery"></div>
-        </div>
-      )
-
-      create_pass_block parent, html, attributes, subs: nil
-    end
-  end
-
-  block_macro ImageBlockMacro
-end
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/gallery-block.rb
+# Asciidoctor extension for J1 Galleries
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# A block macro that embeds a Gallery block into the output document
+#
+# Usage
+#
+#   gallery::gallery_id[role="additional classes"]
+#
+# Example:
+#
+#   .The gallery title
+#   gallery::jg_live_demo[role="mt-4 mb-5"]
+#
+Asciidoctor::Extensions.register do
+
+  class ImageBlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+
+    named :gallery
+    name_positional_attributes 'role'
+    default_attrs 'role' => 'mt-4 mb-4'
+
+    def process parent, target, attributes
+      title_html  = (attributes.has_key? 'title') ? %(<div class="gallery-title">#{attributes['title']}</div>\n) : nil
+      html        = %(
+        <div class="#{attributes['role']}">
+          #{title_html}
+          <div id="#{target}_parent" class="gallery"></div>
+        </div>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
+    end
+  end
+
+  block_macro ImageBlockMacro
+end

data/lib/starter_web/_plugins/asciidoctor/gist-block.rb

@@ -1,56 +1,56 @@
-# ------------------------------------------------------------------------------
-# ~/_plugins/asciidoctor-extensions/gist-block.rb
-# Asciidoctor extension for J1 Theme
-#
-# Product/Info:
-# https://jekyll.one
-#
-# Copyright (C) 2023 Juergen Adams
-#
-# J1 Template is licensed under the MIT License.
-# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
-#
-# ------------------------------------------------------------------------------
-require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
-include Asciidoctor
-
-# A block macro that embeds a Gist into the output document
-#
-# Usage
-#
-#   gist::12345[]
-#
-# Example:
-#
-#   .Guard setup to live preview AsciiDoc output
-#   gist::mojavelinux/5546622[]
-#
-Asciidoctor::Extensions.register do
-
-  class GistBlockMacro < Extensions::BlockMacroProcessor
-    use_dsl
-
-    named :gist
-    name_positional_attributes 'role'
-    default_attrs 'role' => 'mt-3 mb-3'
-
-    def process parent, target, attributes
-
-      title_html  = (attributes.has_key? 'title') ? %(<div class="title notranslate">#{attributes['title']}</div>\n) : nil
-      html        = %(
-        <div class="#{attributes['role']}">
-          <div class="openblock gist">
-             #{title_html}
-             <div class="content">
-               <script src="https://gist.github.com/#{target}.js"></script>
-             </div>
-          </div>
-        </div>
-      )
-
-      create_pass_block parent, html, attributes, subs: nil
-    end
-  end
-
-  block_macro GistBlockMacro
-end
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/gist-block.rb
+# Asciidoctor extension for J1 Theme
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+#
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# A block macro that embeds a Gist into the output document
+#
+# Usage
+#
+#   gist::12345[]
+#
+# Example:
+#
+#   .Guard setup to live preview AsciiDoc output
+#   gist::mojavelinux/5546622[]
+#
+Asciidoctor::Extensions.register do
+
+  class GistBlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+
+    named :gist
+    name_positional_attributes 'role'
+    default_attrs 'role' => 'mt-3 mb-3'
+
+    def process parent, target, attributes
+
+      title_html  = (attributes.has_key? 'title') ? %(<div class="title notranslate">#{attributes['title']}</div>\n) : nil
+      html        = %(
+        <div class="#{attributes['role']}">
+          <div class="openblock gist">
+             #{title_html}
+             <div class="content">
+               <script src="https://gist.github.com/#{target}.js"></script>
+             </div>
+          </div>
+        </div>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
+    end
+  end
+
+  block_macro GistBlockMacro
+end