j1-template 2024.3.23 → 2024.3.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6141ac199fa5a1b26bf95b79ce6331ab0540d21bf798dc4dd24ba20681e0cf7a
-  data.tar.gz: a0a0f968cfb9e35d625f8053565664ebd6a3c21877d13e0b605867689506084e
+  metadata.gz: f22308fcb998cfd2f6ed58d92117d173c953387390374939ebe493319f6c9e41
+  data.tar.gz: 1569a3cf321d093c6b1fe8bd9136164d97e1ec61c17aff2a55fa4a1deee31a8c
 SHA512:
-  metadata.gz: fc3395b6e8c711907410661fe0905ac981a38435433a24039fa3c58a2d794e34cc076854a7b90399abe0a5dc6443ca54304b181d53f05e2922f1c58827e4f0bc
-  data.tar.gz: 23cd6e32cc93dc356a6321e9a98d332d46f818ee531c9098fbcea273bbbf5845d69ae09292faaf19548c1065da4817a28db0eef7125d163258d6dd515a77fa98
+  metadata.gz: b04371318c4b6f4748b72bdb8280a192bcfc65a3572901ec72595e21b35c60c058b5e2e2d38eda42c949bdd202c4fa1e70d122de0ac34a04b9a72880147e83ff
+  data.tar.gz: ad1568e697edd347915c33025144c67dd067d62450b33821a0cfc516436bb9c61e358739f051d4f82d85c5e6b8734c26b3edb3b176b67a569f8b26e442ae657e

data/assets/data/gallery_app.html

@@ -7,7 +7,7 @@ exclude_from_search:                    true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/data/galleries.html
+ # ~/assets/data/gallery_app.html (1)
  # Liquid procedure to generate the HTML portion for all J1 Galleries
  # configured (Justified Gallery)
  #
@@ -96,8 +96,8 @@ exclude_from_search:                    true
         {% endfor %}
       {% endif %}
 
-      <!-- START Image Galleries -->
-      <div id="{{gallery.id}}">
+    <!-- START Image Galleries -->
+    <div id="{{gallery.id}}">
       {% for image in gallery.images %}
         {% assign caption     = image.caption_text %}
         {% assign description = image.description %}
@@ -133,8 +133,8 @@ exclude_from_search:                    true
         {% endif %}
         {% endif %}
       {% endfor %}
-      </div>
-      <!-- END Image Galleries -->
+    </div>
+    <!-- END Image Galleries -->
     {% endif %}
 
     {% comment %} VIDEO Galleries
@@ -160,11 +160,11 @@ exclude_from_search:                    true
     <div id="{{gallery.id}}" class="gallery justified-gallery">
       {% for video in gallery.videos %}
 
-      {% if video.type == 'youtube' or video.type == 'vimeo' or video.type == 'tiktoc' or video.type == 'wistia' or video.type == 'dailymotion' %}
+      {% if video.type == 'vimeo' or video.type == 'tiktoc' or video.type == 'wistia' or video.type == 'dailymotion' %}
       {% assign description = video.description %}
       {% assign alt         = video.caption_text %}
 
-        <!-- START {{video.type}} video -->
+        <!-- START video type: {{video.type}} -->
         <a
           href="#"
           class="lg-item lg-uno-video-icon speak2me-ignore"
@@ -181,30 +181,72 @@ exclude_from_search:                    true
             alt="{{alt|strip|strip_newlines}}"
             aria-label="{{alt|strip|strip_newlines}}">
 
-        	<span class="big-play-button"></span>
+        	  <span class="big-play-button"></span>
 
         </a>
-        <!-- END {{video.type}} video -->
+        <!-- END video type: {{video.type}} -->
 
       {% elsif video.type == 'html5' %}
       {% assign description = video.description %}
       {% assign alt         = video.caption_text %}
       {% assign video_split = video.source | split: '.' %}
       {% assign extention   = video_split[1] %}
+        <!-- START video type: {{video.type}} -->
+        <a
+          href="#"
+          class="lg-item lg-uno-video-icon speak2me-ignore"
+          data-lg-size="{{video.size}}"
+          data-pinterest-text="{{video.pinterest_prefix}} {{video.name}} at {{video.source}}"
+          data-tweet-text="{{video.tweet_prefix}} {{video.name}} at {{video.source}}"
+          data-src="{{video.source}}"
+          data-poster="{{gallery.image_base_path}}/{{video.poster_image}}"
+          data-sub-html="{{description|strip|strip_newlines}}"
+          data-video='{
+            "source": [{
+               "type":  "video/{{extention}}",
+               "src":   "{{gallery.video_base_path}}/{{video.source}}"
+            }],
+            "tracks": [
+               {% for track in video.tracks %}
+               {
+                 {% for attribute in track %}
+                   {% if attribute[0] == 'track' %} {% continue %} {% endif %}
+                   {{attribute[0] | json}}: {{attribute[1] | json}}{% if forloop.last %}{% else %},{% endif %}
+                 {% endfor %}
+               }{% if forloop.last %}{% else %},{% endif %}
+               {% endfor %}
+            ]
+          }'>
+
+        	<img
+            class="{{gallery.image_styles}}"
+            src="{{gallery.image_base_path}}/{{video.poster_image}}"
+            alt="{{alt|strip|strip_newlines}}"
+            aria-label="{{alt|strip|strip_newlines}}">
+
+        	  <span class="big-play-button"></span>
+
+        </a>
+        <!-- END video type: {{video.type}} -->
 
-        <!-- START {{video.type}} video -->
+      {% elsif video.type == 'youtube' %}
+      {% assign description = video.description %}
+      {% assign alt         = video.caption_text %}
+        {% if video.api == 'videojs' %}
+        <!-- START video api: {{video.api}} -->
         <a
           href="#"
           class="lg-item lg-uno-video-icon speak2me-ignore"
           data-lg-size="{{video.size}}"
           data-pinterest-text="{{video.pinterest_prefix}} {{video.name}} at {{video.source}}"
           data-tweet-text="{{video.tweet_prefix}} {{video.name}} at {{video.source}}"
+          data-src="{{video.source}}"
           data-poster="{{gallery.image_base_path}}/{{video.poster_image}}"
           data-sub-html="{{description|strip|strip_newlines}}"
           data-video='{
             "source": [{
-               "src":   "{{gallery.video_base_path}}/{{video.source}}",
-               "type":  "video/{{extention}}"
+               "type":  "video/youtube",
+               "src":   "{{gallery.video_base_path}}/{{video.source}}"
             }],
             "tracks": [
                {% for track in video.tracks %}
@@ -224,10 +266,56 @@ exclude_from_search:                    true
             alt="{{alt|strip|strip_newlines}}"
             aria-label="{{alt|strip|strip_newlines}}">
 
-        	<span class="big-play-button"></span>
+        	  <span class="big-play-button"></span>
 
         </a>
-        <!-- START {{video.type}} video -->
+        <!-- END video api: {{video.api}} -->
+        {% elsif video.api == 'iframe' %}
+        <!-- START video api: {{video.api}} -->
+        <a
+          href="#"
+          class="lg-item lg-uno-video-icon speak2me-ignore"
+          data-lg-size="{{video.size}}"
+          data-pinterest-text="{{video.pinterest_prefix}} {{video.name}} at {{video.source}}"
+          data-tweet-text="{{video.tweet_prefix}} {{video.name}} at {{video.source}}"
+          data-src="{{video.source}}"
+          data-poster="{{gallery.image_base_path}}/{{video.poster_image}}"
+          data-sub-html="{{description|strip|strip_newlines}}">
+
+          <img
+            class="{{gallery.image_styles}}"
+            src="{{gallery.image_base_path}}/{{video.poster_image}}"
+            alt="{{alt|strip|strip_newlines}}"
+            aria-label="{{alt|strip|strip_newlines}}">
+
+        	  <span class="big-play-button"></span>
+
+        </a>
+        <!-- END video api: {{video.api}} -->
+        {% else %}
+        <!-- START video api: {{video.api}} (fallback) -->
+        <a
+          href="#"
+          class="lg-item lg-uno-video-icon speak2me-ignore"
+          data-lg-size="{{video.size}}"
+          data-pinterest-text="{{video.pinterest_prefix}} {{video.name}} at {{video.source}}"
+          data-tweet-text="{{video.tweet_prefix}} {{video.name}} at {{video.source}}"
+          data-src="{{video.source}}"
+          data-poster="{{gallery.image_base_path}}/{{video.poster_image}}"
+          data-sub-html="{{description|strip|strip_newlines}}">
+
+          <img
+            class="{{gallery.image_styles}}"
+            src="{{gallery.image_base_path}}/{{video.poster_image}}"
+            alt="{{alt|strip|strip_newlines}}"
+            aria-label="{{alt|strip|strip_newlines}}">
+
+        	  <span class="big-play-button"></span>
+
+        </a>
+        <!-- END video api: {{video.api}} (fallback) -->
+        {% endif %}
+        <!-- END video type: {{video.type}}  -->
 
       {% endif %} {% endfor %}
     </div>

data/assets/theme/j1/adapter/js/gallery.js

@@ -6,7 +6,7 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/theme/j1/adapter/js/gallery.js
+ # ~/assets/theme/j1/adapter/js/gallery.js (1)
  # Liquid template to create the J1 Adapter for J1 Gallery
  #
  # Product/Info:
@@ -54,7 +54,7 @@ regenerate:                             true
 
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/theme/j1/adapter/js/gallery.js
+ # ~/assets/theme/j1/adapter/js/gallery.js (1)
  # JS Adapter for J1 Gallery
  #
  # Product/Info:
@@ -270,6 +270,17 @@ j1.adapter.gallery = ((j1, window) => {
                     {{option[0] | json}}: {{option[1] | json}},
                     {% endfor %}
                     "origin": "origin"
+                  },
+                  {% endif %}
+
+                  {% if gallery.video == 'youtube' and gallery.lightGallery.videojsOptions.enabled %}
+                  "videojsOptions": {
+                    {% for option in gallery.lightGallery.videojsOptions %}
+                    {% if option[0] contains "enabled" %}
+                    {% continue %}
+                    {% endif %}
+                    {{option[0] | json}}: {{option[1] | json}},
+                    {% endfor %}
                   }
                   {% endif %}
 

data/assets/theme/j1/core/css/themes/unolight/bootstrap.css

@@ -13988,6 +13988,19 @@ textarea.form-control-lg {
  # NOTE: This is the (SASS) entry point for all Bootstrap Overloads
  # -----------------------------------------------------------------------------
 */
+/*
+ # -----------------------------------------------------------------------------
+ # ~/scss/theme_uno/bootstrap/_root.scss
+ # Add MD colors
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023-2025 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+*/
 :root {
   --md-red: #F44336;
   --md-red-50: #FFEBEE;
@@ -16217,6 +16230,22 @@ table.tableblock > .title {
   padding-left: 5px !important;
 }
 
+.table {
+  --bs-table-bg: var(--md-gray-50);
+}
+
+.table th {
+  background-color: var(--md-gray-300);
+}
+
+.table-striped {
+  --bs-table-striped-bg: var(--md-gray-50);
+}
+
+.table-striped > tbody > tr:nth-of-type(even) {
+  --bs-table-accent-bg: var(--md-gray-200);
+}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/bootstrap/_tooltip.scss