j1-template 2024.1.0 → 2024.1.1

data/lib/starter_web/_data/resources.yml

@@ -30,7 +30,7 @@
 #
 # base_url
 # ------------------------------------------------------------------------------
-#   For J1 Theme, all CSS and JS resources are stored as ASSETS
+#   For J1 Theme, all CSS and JS resources are stored as ASSEFFTS
 #   under ~/assets/themes/j1. To shorten the filenames to be configured,
 #   base_url points to the (base) asset path.
 #
@@ -1390,6 +1390,29 @@ resources:
                                         ]
         init_function:                  []
 
+  # ----------------------------------------------------------------------------
+  # TikTok Player, Version v1.0.11
+  #
+  - name:                               TikToc Player
+    resource:
+      enabled:                          true
+
+      id:                               tiktokplayer
+      comment:                          Module TikToc Player
+      region:                           head
+      layout:                           [ all ]
+      required:                         ondemand
+      preload:                          false
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+
+      data:
+        css:                            []
+        files:                          [ modules/tiktocPlayer/js/player.min.js ]
+        js:                             []
+        init_function:                  []
+
   # ----------------------------------------------------------------------------
   # Dailymotion Player, Version v-0.0.3352-rc1 for Dailymotion Video content
   #
@@ -1551,7 +1574,10 @@ resources:
 
       data:
         css:                            []
-        files:                          [ adapter/js/comments.js ]
+        files:                          [
+                                          modules/comments/hyvor/css/themes/uno.css,
+                                          adapter/js/comments.js
+                                        ]
         js:                             []
         init_function:                  [ j1.adapter.comments.init ]
 

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>2024.1.0</template_version>
+  <template_version>2024.1.1</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}

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

@@ -0,0 +1,85 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/audio-block.rb
+# Asciidoctor extension for local HTML5 MP3 Audio
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023, 2024 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# ------------------------------------------------------------------------------
+# A block macro that embeds a local MP3 audio into the output document
+#
+# Usage:
+#
+#   audio::mp3_audio_file[role="CSS classes"]
+#
+# Example:
+#
+#   .Ambient Piano (sound-effect)
+#   audio::/assets/audio/sound-effects/ambient-piano.mp3[role="mt-5 mb-5"]
+#
+# ------------------------------------------------------------------------------
+
+Asciidoctor::Extensions.register do
+
+  class AudioBlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+
+    named :audio
+    name_positional_attributes 'start', 'role'
+    default_attrs 'start' => '00:00:00',
+                  'role' => 'mt-3 mb-3'
+
+    def process parent, target, attributes
+
+      chars         = [('a'..'z'), ('A'..'Z'), ('0'..'9')].map(&:to_a).flatten
+      audio_id      = (0...11).map { chars[rand(chars.length)] }.join
+
+      title_html    = (attributes.has_key? 'title') ? %(<div class="video-title">#{attributes['title']}</div>\n) : nil
+
+      html = %(
+        <div class="audio-player #{attributes['role']}">
+          #{title_html}
+          <audio
+            id="#{audio_id}"
+            controls
+          >
+            <source src="#{target}">
+            Your browser does not support the HTML5 audio element.
+          </audio>
+        </div>
+
+        <script>
+          $(function() {
+            var dependencies_met_page_ready = setInterval (function (options) {
+              var pageState   = $('#no_flicker').css("display");
+              var pageVisible = (pageState == 'block') ? true : false;
+
+              if (j1.getState() === 'finished' && pageVisible) {
+                // 00:05:49
+                var ts = "#{attributes['start']}";
+                var startFromSecond = new Date('1970-01-01T' + ts + 'Z').getTime() / 1000;
+                const audio = document.getElementById("#{audio_id}");
+                //add the time in seconds
+                audio.currentTime = startFromSecond;
+                audio.style.display = 'block';
+                clearInterval(dependencies_met_page_ready);
+              }
+            }, 10);
+          });
+        </script>
+      )
+
+      create_pass_block parent, html, attributes, subs: nil
+    end
+  end
+
+  block_macro AudioBlockMacro
+end

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

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
 # ~/_plugins/asciidoctor-extensions/video-block.rb
-# Asciidoctor extension for local J1 HTML5 Video
+# Asciidoctor extension for local HTML5 Video
 #
 # Product/Info:
 # https://jekyll.one

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

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
 # ~/_plugins/asciidoctor-extensions/video-block.rb
-# Asciidoctor extension for local J1 HTML5 Video
+# Asciidoctor extension for local HTML5 Video
 #
 # Product/Info:
 # https://jekyll.one
@@ -14,16 +14,17 @@ require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
 include Asciidoctor
 
 # ------------------------------------------------------------------------------
-# A block macro that embeds a local video into the output document
+# A block macro that embeds a local video using VideoJS into the output document
 #
 # Usage:
 #
-#   video::video_path[poster="full_image_path" theme="vjs_theme_name" zoom="true|false" role="CSS classes"]
+#   .Title
+#   video::video_path[start="hh:mm:ss" poster="full_image_path" theme="vjs_theme_name" zoom="true|false" role="CSS classes"]
 #
 # Example:
 #
-#   .Video title
-#   video::nV8UZJNBY6Y[poster="/assets/images/icons/videojs/videojs-poster.png" theme="city" role="mt-5 mb-5"]
+#   .MP4 Video, Rolling Wild
+#   videojs::/assets/videos/gallery/html5/video2.mp4[start="00:00:50" poster="/assets/videos/gallery/video1-poster.jpg" role="mt-4 mb-5"]
 #
 # ------------------------------------------------------------------------------
 # See:
@@ -36,9 +37,11 @@ Asciidoctor::Extensions.register do
     use_dsl
 
     named :videojs
-    name_positional_attributes 'poster', 'theme', 'zoom', 'role'
-    default_attrs 'poster' => '/assets/images/icons/videojs/videojs-poster.png',
+    name_positional_attributes 'start', 'poster', 'theme', 'zoom', 'role'
+    default_attrs 'start' => '00:00:00',
+                  'poster' => '/assets/videos/gallery/videojs-poster.png',
                   'theme' => 'uno',
+                  'zoom' => false,
                   'role' => 'mt-3 mb-3'
 
     def process parent, target, attributes
@@ -67,11 +70,34 @@ Asciidoctor::Extensions.register do
                 "src": "#{target}"
               }],
               "controlBar": {
-                "pictureInPictureToggle": false
+                "pictureInPictureToggle": false,
+                "volumePanel": {
+                  "inline": false
+                }
               }
             }'
           > </video>
         </div>
+
+        <script>
+          $(function() {
+            var dependencies_met_page_ready = setInterval (function (options) {
+              var pageState   = $('#no_flicker').css("display");
+              var pageVisible = (pageState == 'block') ? true : false;
+
+              if (j1.getState() === 'finished' && pageVisible) {
+                videojs("#{video_id}").ready(function() {
+                  var videojsPlayer = this;
+                  videojsPlayer.on("play", function() {
+                    var startFromSecond = new Date('1970-01-01T' + "#{attributes['start']}" + 'Z').getTime() / 1000;
+                    videojsPlayer.currentTime(startFromSecond);
+                  });
+                });
+                clearInterval(dependencies_met_page_ready);
+              }
+            }, 10);
+          });
+        </script>
       )
 
       create_pass_block parent, html, attributes, subs: nil

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

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
 # ~/_plugins/asciidoctor-extensions/vimeo-block.rb
-# Asciidoctor extension for J1 Vimeo Video
+# Asciidoctor extension for Vimeo Video
 #
 # Product/Info:
 # https://jekyll.one

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

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
 # ~/_plugins/asciidoctor-extensions/wistia-block.rb
-# Asciidoctor extension for J1 Wistia Video
+# Asciidoctor extension for Wistia Video
 #
 # Product/Info:
 # https://jekyll.one

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

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
 # ~/_plugins/asciidoctor-extensions/youtube-block.rb
-# Asciidoctor extension for J1 YouTube Video
+# Asciidoctor extension for YouTube Video
 #
 # Product/Info:
 # https://jekyll.one

data/lib/starter_web/_plugins/index/lunr.rb

@@ -394,6 +394,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2024.1.0'
+    VERSION = '2024.1.1'
   end
 end

data/lib/starter_web/assets/videos/vtt/chapters/video1.vtt

@@ -2,6 +2,10 @@ WEBVTT
 
 NOTE Chapter definitions (id, timespan, name)
 
+0
+00:00:00.000 --> 00:00:00.000
+Start
+
 1
 00:00:08.000 --> 00:01:00.000
 Chapter 1
@@ -13,3 +17,7 @@ Chapter 2
 3
 00:01:30.000 --> 00:02:17.000
 Chapter 3
+
+4
+00:02:18.000 --> 00:02:18.000
+End

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1",
-  "version": "2024.1.0",
+  "version": "2024.1.1",
   "description": "J1 Starter Web",
   "homepage": "https://your.site",
   "author": {

data/lib/starter_web/pages/public/learn/roundtrip/present_images.adoc

@@ -169,13 +169,6 @@ Check what lightGallery can do this by the following example.
 .J1 Gallery + lightGallery
 gallery::jg_old_times[]
 
-[TIP]
-====
-Find more on how the lightGallery module can be used on the
-link:{url-j1-lightgallery-previewer}[lightGallery Preview, {browser-window--new}]
-page.
-====
-
 [role="mt-5"]
 == J1 Carousel
 

data/lib/starter_web/pages/public/learn/roundtrip/present_videos.adoc

@@ -32,6 +32,7 @@ permalink:                              /pages/public/learn/roundtrip/present_vi
 resources:                              [
                                           animate,
                                           lightgallery, gallery, rouge,
+#                                         tiktocplayer,
                                           videojs, vimeoplayer
                                         ]
 resource_options:
@@ -146,19 +147,20 @@ Modern browsers support the video tag `<video>` for the current version of
 HTML. The browsers support a framework for decoding and displaying video
 content.
 
-.Local Video
-video::/assets/videos/gallery/html5/video1.mp4[poster="/assets/videos/gallery/video1-poster.1920.jpg" role="mt-4 mb-5"]
+.MP4 Video, Peck Pocketed
+video::/assets/videos/gallery/html5/video1.mp4[poster="/assets/videos/gallery/video1-poster.jpg" role="mt-4 mb-5"]
 
 [role="mt-4"]
 === VideoJS Player
 
 VideoJS is an Open Source JavaScript framework and library for building
 custom video players for the web. It provides a flexible and customizable
-platform for displaying and controlling video content on websites and web
-applications.
+platform for displaying and controlling MPEG 4 video content on websites
+and web applications.
 
-.Local Video
-videojs::/assets/videos/gallery/html5/video1.mp4[poster="/assets/videos/gallery/video1-poster.1920.jpg" role="mt-4 mb-5"]
+.MP4 Video, Rolling Wild
+// videojs::/assets/videos/gallery/html5/video2.mp4[start="00:00:50" poster="/assets/videos/gallery/video2-poster.jpg" role="mt-4 mb-5"]
+videojs::/assets/videos/gallery/html5/video2.mp4[poster="/assets/videos/gallery/video2-poster.jpg" role="mt-4 mb-5"]
 
 
 [role="mt-5"]
@@ -221,11 +223,19 @@ Find below examples of video galleries of locally stored (MP4) video resources
 and video content provided online via YouTube.
 
 [role="mt-4"]
-=== Local Video
+=== MP4 Video
 
 Videos created by a digicam or a mobile can be played by J1 Template using
 the lightGallery integration. Present videos you have made at it's best.
 
+[NOTE]
+====
+The current file size of Local Video is *limited* to *50MB* (Git LFS limit).
+Using a modern MP4 Encoder (H264|H265 compression), a video will have a
+playing time of around ~*3-5 minutes* for HD 1080p (1920x1080) or
+up to ~*10 minutes* for HD 720p (1280x720) resolution.
+====
+
 .MP4 Videos
 gallery::jg_video_html5[role="mt-4 mb-4"]
 
@@ -253,6 +263,13 @@ _James Corden_ of *The Late Late Show* at CBS, Los Angeles.
 .Carpool Karaoke
 gallery::jg_video_online_youtube_james_and_adele[role="mb-5"]
 
+// [role="mt-4"]
+// === TikToc Video
+//
+// Bla ...
+//
+// .TikToc Videos
+// gallery::jg_video_online_tiktoc[role="mb-5"]
 
 [role="mt-4"]
 === Vimeo Video

data/lib/starter_web/pages/public/learn/where_to_go.adoc

@@ -23,10 +23,14 @@ image:
   width:                                1920
   height:                               1280
 
+comments:                               false
 regenerate:                             false
 permalink:                              /pages/public/learn/where_to_go/
 
-resources:                              [ animate, rouge ]
+resources:                              [
+                                          animate, comments,
+                                          rouge
+                                        ]
 resource_options:
   - attic:
       slides:

data/lib/starter_web/pages/public/legal/en/100_copyright.adoc

@@ -21,9 +21,9 @@ robots:
   follow:                               true
 
 image:
-  path:                                 /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+  path:                                 /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
   width:                                1920
-  height:                               1280
+  height:                               1200
 
 sitemap:                                false
 exclude_from_search:                    true
@@ -33,9 +33,16 @@ permalink:                              /pages/public/legal/en/copyright/
 resources:                              [ animate, rouge ]
 resource_options:
   - attic:
+      padding_top:                      630
+#     padding_bottom:                   100
+#     margin_bottom:                    180
       slides:
-        - url:                          /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
-          alt:                          J1 Starter Mockup
+        - url:                          /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
+          alt:                          IFONNX Toys
+          badge:
+            type:                       unsplash
+            author:                     IFONNX Toys
+            href:                       https://unsplash.com/de/@danroc0414
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/legal/en/200_impress.adoc

@@ -6,12 +6,10 @@ date:                                   2020-10-23
 #last_modified:                         2023-01-01
 
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
-                                        The content and works published on this website are governed by the copyright
-                                        laws of Germany. Any duplication, processing, distribution, or any form of
-                                        utilization beyond the scope of copyright law shall require the prior written
-                                        consent of the author or authors in question.
+                                        Required information about the content responsible
+                                        persons in accordance of the Germany laws based on
+                                        § 18 section 1 MStV regarding Information obligations
+                                        and rights to information
 
 categories:                             [ Site ]
 tags:                                   [ Impress ]
@@ -21,9 +19,9 @@ robots:
   follow:                               false
 
 image:
-  path:                                 /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+  path:                                 /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
   width:                                1920
-  height:                               1280
+  height:                               1200
 
 sitemap:                                false
 exclude_from_search:                    true
@@ -36,9 +34,17 @@ permalink:                              /pages/public/legal/en/impress/
 resources:                              [ animate, rouge ]
 resource_options:
   - attic:
+      padding_top:                      630
+#     padding_bottom:                   100
+#     margin_bottom:                    180
       slides:
-        - url:                          /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
-          alt:                          J1 Starter Mockup
+        - url:                          /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
+          alt:                          IFONNX Toys
+          badge:
+            type:                       unsplash
+            author:                     IFONNX Toys
+            href:                       https://unsplash.com/de/@danroc0414
+
 ---
 
 // Page Initializer
@@ -82,10 +88,9 @@ endif::[]
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 [role="dropcap"]
-The content and works published on this website are governed by the copyright
-laws of Germany. Any duplication, processing, distribution, or any form of
-utilization beyond the scope of copyright law shall require the prior written
-consent of the author or authors in question.
+Find below the required information about the content responsible persons in
+accordance of the German Laws with section 18 of paragraph 1 MStV regarding
+information obligations and rights to information.
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------

data/lib/starter_web/pages/public/legal/en/300_privacy.adoc

@@ -6,8 +6,6 @@ date:                                   2023-01-01
 #last_modified:                         2023-01-01
 
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
                                         The operators of this website take the protection of your personal data
                                         seriously. We treat your data confidentially and protect your data privacy to
                                         the General Data Protection Regulation (GDPR) of the European Union.
@@ -20,9 +18,9 @@ robots:
   follow:                               true
 
 image:
-  path:                                 /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+  path:                                 /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
   width:                                1920
-  height:                               1280
+  height:                               1200
 
 sitemap:                                false
 exclude_from_search:                    true
@@ -32,9 +30,16 @@ permalink:                              /pages/public/legal/en/privacy/
 resources:                              [ animate, rouge ]
 resource_options:
   - attic:
+      padding_top:                      600
+#     padding_bottom:                   100
+#     margin_bottom:                    180
       slides:
-        - url:                          /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
-          alt:                          J1 Starter Mockup
+        - url:                          /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
+          alt:                          IFONNX Toys
+          badge:
+            type:                       unsplash
+            author:                     IFONNX Toys
+            href:                       https://unsplash.com/de/@danroc0414
 ---
 
 // Page Initializer
@@ -151,11 +156,12 @@ functions of your browser.
 
 ++++
 <div class="mt-4 mb-4 d-grid gap-2">
-  <a  href="javascript:j1.cookieConsent.showDialog()"
-      class="btn btn-info btn-flex btn-lg"
-      aria-label="Cookie Consent">
-      <i class="mdi mdi-cookie mdi-2x mr-2"></i>
-      Your settings
+  <a href="#"
+     onclick="j1.cookieConsent.showDialog(); return false;"
+     class="btn btn-info btn-flex btn-lg"
+     aria-label="Cookie Consent">
+     <i class="mdi mdi-cookie mdi-2x mr-2"></i>
+      Ihre Einstellungen
   </a>
 </div>
 ++++
@@ -591,5 +597,4 @@ to use the full functionality of this website in this case.
 ====
 endif::[]
 
-
 [role="mb-7"]

data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc

@@ -6,8 +6,6 @@ date:                                   2021-03-30
 #last_modified:                         2023-01-01
 
 description: >
-                                        J1 Template is a Bootstrap V5 website template for the static
-                                        site generator Jekyll.
                                         We love comments and appreciate the time that our visitors
                                         spend to share ideas and give feedback. Thank you to everyone
                                         who comments at this site.
@@ -20,9 +18,9 @@ robots:
   follow:                               true
 
 image:
-  path:                                 /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
+  path:                                 /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
   width:                                1920
-  height:                               1280
+  height:                               1200
 
 sitemap:                                false
 exclude_from_search:                    true
@@ -32,9 +30,17 @@ permalink:                              /pages/public/legal/en/comment_policy/
 resources:                              [ animate, rouge ]
 resource_options:
   - attic:
+      padding_top:                      630
+#     padding_bottom:                   100
+#     margin_bottom:                    180
       slides:
-        - url:                          /assets/images/modules/attics/1920x1280/j1-starter-mockup-1.jpg
-          alt:                          J1 Starter Mockup
+        - url:                          /assets/images/modules/attics/1920x1280/ifonnx-toys.jpg
+          alt:                          IFONNX Toys
+          badge:
+            type:                       unsplash
+            author:                     IFONNX Toys
+            href:                       https://unsplash.com/de/@danroc0414
+
 ---
 
 // Page Initializer