RubyGems - j1-template - Versions diffs - 2024.3.15 → 2024.3.17 - Mend

j1-template 2024.3.15 → 2024.3.17

Files changed (211) hide show

data/assets/data/swiper.html ADDED Viewed

@@ -0,0 +1,313 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+{%- capture cache -%}
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/swiper.html
+ # Liquid procedure to generate the HTML portion for all SwiperJS Slidetrs
+ # configured
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+ # NOTE: Data loaded dynamically by J1 Master Slider 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 swiper_defaults   = modules.defaults.slick.defaults %}
+{% assign swiper_settings   = modules.slick.settings %}
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign swiper_options    = swiper_defaults | merge: swiper_settings %}
+{% assign swipers           = swiper_settings.swipers %}
+{% 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/slick.html                      ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+    <meta name="robots" content="noindex, nofollow">
+    <meta name="swiper slider" content="module data file">
+  </head>
+  <body>
+    <!-- [INFO   ] [~/assets/data/swiper.html                      ]   [collect all carousel items] -->
+    {% for swiper in swipers %}
+      {% if swiper.enabled %}
+      {% comment %} Set Swiper defaults
+      {% assign swiper.lightbox.enabled  = false %}
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% comment %} Generate HTML portion for all sliders (enabled)
+      -------------------------------------------------------------------------- {% endcomment %}
+        {% comment %} Collect Collection Swipers
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% if swiper.type == 'collection' %}
+          {% comment %} Set Collection data
+          ---------------------------------------------------------------------- {% endcomment %}
+          {% assign collection_name  = swiper.collection %}
+          {% comment %} Collect Collection documents
+          ---------------------------------------------------------------------- {% endcomment %}
+          {% for collection in site.collections %}
+            {% if collection.label contains collection_name %}
+              {% assign articles     = collection.docs %}
+              {% assign num_articles = collection.docs | size | minus:4 %}
+              {% break %}
+            {% endif %}
+          {% endfor %}
+          <!-- Articles -->
+          <div id="{{swiper.id}}" class="{{swiper.id | replace: '_','-' }}">
+            {% for article in articles %}
+              {% if swiper.translate_links %}
+                {% assign translate = "" %}
+              {% else %}
+                {% assign translate = "notranslate" %}
+              {% endif %}
+              {% if swiper.link_new_window %}
+                {% assign target = "_blank" %}
+              {% else %}
+                {% assign target = "" %}
+              {% endif %}
+              {% comment %} Collect CSS image filters
+              ------------------------------------------------------------------ {% endcomment %}
+              {% assign css_filters   = swiper_defaults.filters | merge: swiper.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 %}
+              <!-- Article slide -->
+              <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 pr-{{swiper.gutters}}">
+                <div id="{{article.title | downcase | replace: ' ' ,'_'}}" class="card bottom">
+                  <img class="{{swiper.image_styles}}" src="{{article.image.path}}" alt="{{article.title}}" style="{{image_filters}}; height: {{swiper.image_height}};">
+                  <!-- Article link (caption) -->
+                  <div class="caption">
+                    <a class="article-link {{translate}}"
+                       href="{{article.url}}"
+                       target="{{target}}">
+                       {{article.tags[0]}}&nbsp;&middot;&nbsp;{{article.title}}
+                    </a>
+                  </div>
+                  <!-- /Article link -->
+                </div>
+              </div>
+              <!-- /Article slide -->
+            {% endfor %}
+          </div>
+          <!-- /Articles -->
+        {% endif %}
+        {% comment %} Collect Post Swipers
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% if swiper.type == 'post' %}
+          <!-- Posts -->
+          <div id="{{swiper.id}}" class="{{swiper.id | replace: '_','-' }}">
+            {% for post in site.posts %}
+            {% if post.group contains swiper.group %}
+            {% if swiper.translate_links %}
+              {% assign translate = "" %}
+            {% else %}
+              {% assign translate = "notranslate" %}
+            {% endif %}
+            {% if swiper.link_new_window %}
+              {% assign target = "_blank" %}
+            {% else %}
+              {% assign target = "" %}
+            {% endif %}
+            {% comment %} Collect CSS image filters
+            -------------------------------------------------------------------- {% endcomment %}
+            {% assign css_filters   = swiper_defaults.filters | merge: swiper.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 %}
+            <!-- Collect data only if group matches -->
+            <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 pr-{{swiper.gutters}}">
+              <article class="card bg-dark text-center text-white border-0 rounded-0 bottom">
+                <!--  class="card-img {{swiper.image_styles}}" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5); height: {{swiper.image_height}}; witdth: {{swiper.image_witdth}}" -->
+                <img class="card-img {{swiper.image_styles}}" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="{{image_filters}}; height: {{swiper.image_height}};">
+                <div class="card-img-overlay">
+                  <div class="card-content mt-4">
+                    {% if post %}
+                      {% assign categories = post.categories %}
+                    {% else %}
+                      {% assign categories = page.categories %}
+                    {% endif %}
+                    {% comment %} categories: {{categories | debug}}
+                    ------------------------------------------------------------ {% endcomment %}
+                    {% for category in categories %}
+                    {% if category contains post.group %}
+                    <a class="d-block text-white text-uppercase link-no-decoration {{translate}}"
+                       href="/pages/public/blog/navigator/archive/categoryview/#{{category | slugify}}"
+                       target="{{target}}"
+                       style="font-size: 24px;">{{category}}
+                    </a>
+                    {% endif %}
+                    {% endfor %}
+                    <ul class="list-inline d-flex justify-content-center mb-3">
+            					<li class="list-inline-item">
+                        <i class="mdib mdib-account mdib-24px md-gray-400 mr-1" style="margin-right: 8px;"></i>
+                        {{site.author.name | split: ' ' | first}} &nbsp;&middot;&nbsp;
+                      </li>
+            					<li class="list-inline-item">
+                        <i class="mdib mdib-calendar-blank mdib-24px md-gray-400 mr-1"></i>
+                        {{post.date | date: '%b %d, %Y'}}
+                      </li>
+            				</ul>
+                    <!-- Post link (caption) -->
+                    <div class="caption">
+                      <a class="article-link {{translate}}"
+                         href="{{post.url}}"
+                         target="{{target}}">
+                         {{post.tags[0]}}
+                      </a>
+                    </div>
+                    <!-- /Article link -->
+                  </div>
+                </div>
+              </article>
+            </div>
+            {% endif %}
+            {% endfor %}
+          </div>
+        <!-- /Posts -->
+        {% endif %}
+        {% comment %} Collect Image Swipers
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% if swiper.type == 'image' %}
+        {% comment %} Collect CSS image filters
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% assign css_filters   = swiper_defaults.filters | merge: swiper.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 %}
+          <!-- Image slider -->
+          <div id="{{swiper.id}}" class="{{swiper.id | replace: '_','-' }}">
+            {% for slide in swiper.slides %}
+            <div class="col-sm-6 col-lg-4 pr-{{swiper.gutters}}">
+              <div class="card {{swiper.captions.position}}">
+              {% if swiper.lightbox.enabled %}
+                <a class="card-link" href="{{swiper.image_base_path}}/{{slide.image}}" data-caption="{{slide.caption}}" target="_blank">
+                  <img class="{{swiper.image_styles}}" src="{{swiper.image_base_path}}/{{slide.image}}" alt="{{slide.caption}}" style="{{image_filters}}; height: {{swiper.image_height}};">
+                </a>
+                {% if swiper.captions.enabled %}
+                  <div id="{{swiper.id}}_caption"class="caption">{{slide.caption}}</div>
+                {% endif %}
+              {% else %}
+                <img class="{{swiper.image_styles}}" src="{{swiper.image_base_path}}/{{slide.image}}" alt="{{slide.caption}}" style="{{image_filters}}; height: {{swiper.image_height}};"">
+                {% if swiper.captions.enabled %}
+                  <div id="{{swiper.id}}_caption"class="caption">{{slide.caption}}</div>
+                {% endif %}
+              {% endif %}
+              </div>
+            </div>
+            {% endfor %}
+          </div>
+          <!-- /Image slider -->
+        {% endif %}
+      {% endif %}
+    {% endfor %}
+    <!-- [INFO   ] [~/assets/data/slick.html                      ] [end collecting all carousel 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 -%}