RubyGems - j1-template - Versions diffs - 2024.3.24 → 2024.3.25 - Mend

j1-template 2024.3.24 → 2024.3.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

data/assets/data/apps/gallery.html ADDED Viewed

@@ -0,0 +1,342 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+{%- capture cache -%}
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/gallery.html
+ # Liquid procedure to generate the HTML portion for all J1 Galleries Apps
+ # configured (Justified Gallery)
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+ # NOTE: Data loaded dynamically by J1 Gallery module (AJAX)
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    {{variable | debug}}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config     = site.data.j1_config %}
+{% assign modules             = site.data.modules %}
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+{% assign gallery_defaults    = modules.defaults.gallery.defaults %}
+{% assign gallery_settings    = modules.gallery.settings %}
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign gallery_options     = gallery_defaults | merge: gallery_settings %}
+{% assign galleries           = gallery_options.galleries %}
+{% comment %} Configure permalink settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!DOCTYPE {{site.doctype}}>
+<html lang="{{site.language}}">
+  <head>
+    <!-- [INFO   ] [~/assets/data/galleries.html                   ]  [ set meta data (robots) to exclude HTML datafiles from index ] -->
+    <meta name="robots" content="noindex, nofollow">
+    <meta name="gallery" content="module data file">
+  </head>
+  <body>
+  {% comment %} Collect Galleries
+  galleries {{galleries | debug}}
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% for gallery in galleries %} {% if gallery.enabled %}
+    {% comment %} Image Galleries
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if gallery.type == 'image' %}
+      {% comment %} Collect CSS image filters
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% assign css_filters   = gallery_options.filters | merge: gallery.filters %}
+      {% assign image_filters = 'filter:' %}
+      {% if css_filters.enabled %}
+        {% for filter in css_filters %}
+          {% if filter[0] contains 'enabled' %}
+            {% continue %}
+          {% endif %}
+          {% capture image_filters %}{{image_filters}} {{filter[0]}}({{filter[1]}}){% endcapture %}
+        {% endfor %}
+      {% endif %}
+    <!-- START Image Galleries -->
+    <div id="{{gallery.id}}">
+      {% for image in gallery.images %}
+        {% assign caption     = image.caption_text %}
+        {% assign description = image.description %}
+        {% if gallery.lightbox.enabled %}
+        {% if gallery.lightbox.type == 'lb' %}
+        <a
+          href="{{gallery.image_base_path}}/{{image.file}}"
+          data-lightbox="{{gallery.id}}-image-group"
+          data-caption="{{caption|strip|strip_newlines}}"
+          data-title="{{caption|strip|strip_newlines}}">
+             <img
+              id="{{gallery.id}}_{{forloop.index}}"
+              class="{{gallery.image_styles}}"
+              src="{{gallery.image_base_path}}/{{image.file}}"
+              alt="{{caption|strip|strip_newlines}}"
+              aria-label="{{caption|strip|strip_newlines}}"
+              style="{{image_filters}};">
+        </a>
+        {% elsif gallery.lightbox.type == 'lg' %}
+        <a
+          href="{{gallery.image_base_path}}/{{image.file}}"
+          class="lg-item"
+          data-sub-html="{{description|strip|strip_newlines}}">
+          <img
+            id="{{gallery.id}}_{{forloop.index}}"
+            class="{{gallery.image_styles}}"
+            src="{{gallery.image_base_path}}/{{image.file}}"
+            alt="{{caption|strip|strip_newlines}}"
+            aria-label="{{caption|strip|strip_newlines}}"
+            style="{{image_filters}};">
+        </a>
+        {% endif %}
+        {% endif %}
+      {% endfor %}
+    </div>
+    <!-- END Image Galleries -->
+    {% endif %}
+    {% comment %} VIDEO Galleries
+    -------------------------------------------------------------------------- {% endcomment %}
+    {% if gallery.type == 'video' %}
+    {% assign play-button = '/assets/theme/j1/modules/lightGallery/css/themes/uno/icons/play-button.svg' %}
+    {% comment %} Collect CSS image filters
+    -------------------------------------------------------------------------- {% endcomment %}
+    {% assign css_filters   = gallery_options.filters | merge: gallery.filters %}
+    {% assign image_filters = 'filter:' %}
+    {% if css_filters.enabled %}
+      {% for filter in css_filters %}
+        {% if filter[0] contains 'enabled' %}
+          {% continue %}
+        {% endif %}
+        {% capture image_filters %}{{image_filters}} {{filter[0]}}({{filter[1]}}){% endcapture %}
+      {% endfor %}
+    {% endif %}
+    <!-- START Video Galleries -->
+    <div id="{{gallery.id}}" class="gallery justified-gallery">
+      {% for video in gallery.videos %}
+      {% 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.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}}">
+          <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}} -->
+      {% 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}} -->
+      {% 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": [{
+               "type":  "video/youtube",
+               "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 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>
+    <!-- END Video Galleries -->
+    {% endif %}
+  {% endif %} {% endfor %}
+  <!-- [INFO   ] [~/assets/data/galleries.html                   ]  [end collecting all grid items] -->
+  </body>
+</html>
+{%- endcapture -%}
+{% comment %} Beautify|Compress page
+-------------------------------------------------------------------------------- {% endcomment %}
+{%- if production -%}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _END %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _END %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{%- else -%}
+  {{ cache | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{%- endif -%}
+{% comment %} Reset page cache
+-------------------------------------------------------------------------------- {% endcomment %}
+{%- assign cache = false -%}

data/assets/data/{masonry.html → apps/masonry.html} RENAMED Viewed

@@ -456,6 +456,7 @@ exclude_from_search:                    true
               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="{{grid.html5.poster_base_path}}/{{video.poster.source}}"
               data-sub-html="{{video.description|strip|strip_newlines}}"
               data-video='{
@@ -467,17 +468,29 @@ exclude_from_search:                    true
                    {% for attribute in grid.lightGallery.attributes %}
                    {{attribute[0] | json}}:   {{attribute[1] | json}}{% if forloop.last %}{% else %},{% endif %}
                    {% endfor %}
-                }
+                },
+                "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 %}
+                ]
               }'>
-                <div class="lg-uno-video-icon">
-                  <img
-                    id="{{video.name | replace: ' ','_' | replace: '-','_' | downcase}}"
-                    class="{{video.poster.style}}"
-                    src="{{grid.html5.poster_base_path}}/{{video.poster.source}}"
-                    aria-label="{{video.name}}">
-                   <span class="big-play-button"></span>
-                 </div>
+              <div class="lg-uno-video-icon">
+                <img
+                  id="{{video.name | replace: ' ','_' | replace: '-','_' | downcase}}"
+                  class="{{video.poster.style}}"
+                  src="{{grid.html5.poster_base_path}}/{{video.poster.source}}"
+                  aria-label="{{video.name}}">
+                  <span class="big-play-button"></span>
+              </div>
             </a>
             <!-- END {{video.type}} video -->
             <div class="caption">{{video.caption.text}}</div>