RubyGems - j1-template - Versions diffs - 2023.1.0 → 2023.2.1 - Mend

j1-template 2023.1.0 → 2023.2.1

Files changed (200) hide show

data/assets/data/slick.html CHANGED Viewed

@@ -8,7 +8,7 @@ exclude_from_search:                    true
 {% comment %}
  # -----------------------------------------------------------------------------
  # ~/assets/data/slick.html
- # Liquid procedure to generate the HTML portion for all Silick Sliders
+ # Liquid procedure to generate the HTML portion for all Slick Carousels
  # configured
  #
  # Product/Info:
@@ -42,14 +42,14 @@ exclude_from_search:                    true
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment         = site.environment %}
-{% assign slider_defaults     = modules.defaults.slick.defaults %}
-{% assign slider_settings     = modules.slick.settings %}
+{% assign environment           = site.environment %}
+{% assign carousel_defaults     = modules.defaults.slick.defaults %}
+{% assign carousel_settings     = modules.slick.settings %}
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign slider_options      = slider_defaults | merge: slider_settings %}
-{% assign sliders             = slider_settings.sliders %}
+{% assign carousel_options      = carousel_defaults | merge: carousel_settings %}
+{% assign carousels             = carousel_settings.carousels %}
 {% comment %} Configure permalink settings
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -67,34 +67,110 @@ exclude_from_search:                    true
 {% comment %} Main
 ================================================================================ {% endcomment %}
-<!-- [INFO   ] [~/assets/data/masterslider.html               ]  [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<!-- [INFO   ] [~/assets/data/slick.html                      ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />
 </head>
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [~/assets/data/masterslider.html               ]  [collect all slider items] -->
-{% for slider in sliders %}
-  {% if slider.enabled %}
+<!-- [INFO   ] [~/assets/data/slick.html                      ]   [collect all carousel items] -->
+{% for carousel in carousels %}
+  {% if carousel.enabled %}
+  {% comment %} Set Carousel defaults
+  {% assign carousel.lightbox.enabled  = false %}
+  -------------------------------------------------------------------------- {% endcomment %}
   {% comment %} Generate HTML portion for all sliders (enabled)
   ------------------------------------------------------------------------------ {% endcomment %}
-    {% comment %} Collect Post Sliders
+    {% comment %} Collect Collection Carousels
     ---------------------------------------------------------------------------- {% endcomment %}
-    {% if slider.type == 'post' %}
+    {% if carousel.type == 'collection' %}
+      {% comment %} Set Collection data
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% assign collection_name  = carousel.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="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
+        {% for article in articles %}
+          {% if carousel.translate_links %}
+            {% assign translate = "" %}
+          {% else %}
+            {% assign translate = "notranslate" %}
+          {% endif %}
+          {% if carousel.link_new_window %}
+            {% assign target = "_blank" %}
+          {% else %}
+            {% assign target = "" %}
+          {% endif %}
+          <!-- Article slide -->
+          <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 pr-{{carousel.gutters}}">
+            <div id="{{article.title | downcase | replace: ' ' ,'_'}}" class="card bottom">
+              <img class="{{carousel.image_styles}}" src="{{article.image.path}}" alt="{{article.title}}" />
+              <!-- 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 Carousels
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if carousel.type == 'post' %}
       <!-- Posts -->
-      <div id="{{slider.id}}" class="{{slider.id | replace: '_','-' }}">
+      <div id="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
         {% for post in site.posts %}
-        {% if post.group contains slider.group %}
+        {% if post.group contains carousel.group %}
+        {% if carousel.translate_links %}
+          {% assign translate = "" %}
+        {% else %}
+          {% assign translate = "notranslate" %}
+        {% endif %}
+        {% if carousel.link_new_window %}
+          {% assign target = "_blank" %}
+        {% else %}
+          {% assign target = "" %}
+        {% endif %}
         <!-- Collect data only if group matches -->
-        <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 px-1">
-          <article class="card bg-dark text-center text-white border-0 rounded-0">
-            <!-- img class="card-img rounded-0 img-fluid w-100" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: grayscale(1) contrast(0.8) brightness(0.6);" -->
-            <img class="card-img rounded-0 img-fluid w-100" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5);">
+        <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 pr-{{carousel.gutters}}">
+          <article class="card bg-dark text-center text-white border-0 rounded-0 bottom">
+            <img class="card-img {{carousel.image_styles}}" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5); height: {{carousel.image_height}}">
             <div class="card-img-overlay">
-              <div class="card-content mt-6">
+              <div class="card-content mt-4">
                 {% if post %}
                   {% assign categories = post.categories %}
                 {% else %}
@@ -106,30 +182,42 @@ exclude_from_search:                    true
                 {% for category in categories %}
                 {% if category contains post.group %}
-                <!--a  class="d-block text-white text-uppercase link-no-decoration"
-                    href="{{site.jekyll-archives.category_archive_path | relative_url}}bla_{{category | slugify}}"
-                    style="font-size: 24px;">{{category}}
-                </a -->
-                <a  class="d-block text-white text-uppercase link-no-decoration"
-                    href="/pages/public/blog/navigator/archive/categoryview/#{{category | slugify}}"
-                    style="font-size: 24px;">{{category}}
+                <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-5">
+                <ul class="list-inline d-flex justify-content-center mb-3">
         					<li class="list-inline-item">
                     <i class="mdi mdi-account md-gray-400 mdi-24px mr-1" style="margin-right: 8px;"></i>
-                    {{site.author.name | split: ' ' | first}} &nbsp;&middot;&nbsp;&nbsp;
+                    {{site.author.name | split: ' ' | first}} &nbsp;&middot;&nbsp;
                   </li>
         					<li class="list-inline-item">
                     <i class="mdi mdi-calendar-blank md-gray-400 mdi-24px mr-1"></i>
                     {{post.date | date: '%b %d, %Y'}}
                   </li>
         				</ul>
-                <h4 class="notoc card-title">
-                  <a class="text-white link-no-decoration" href="{{post.url | relative_url}}">{{post.tags[0]}}</a>
-                </h4>
+                <!-- h4 class="card-title notoc">
+                  <a class="text-white link-no-decoration {{translate}}"
+                     href="{{post.url | relative_url}}"
+                     target="{{target}}">{{post.tags[0]}}
+                  </a>
+                </h4 -->
+                <!-- 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>
@@ -140,47 +228,55 @@ exclude_from_search:                    true
     <!-- /Posts -->
     {% endif %}
-    {% comment %} Collect Example Sliders
+    {% comment %} Collect Example Carousels
     ---------------------------------------------------------------------------- {% endcomment %}
-    {% if slider.type == 'example' %}
-    <!-- Example slider -->
-    <div id="{{slider.id}}" class="{{slider.id | replace: '_','-' }}">
-      {% for i in (1..slider.slides) %}
-      <div>
-        <h3 class="slide-item notoc">{{i}}</h3>
+    {% if carousel.type == 'example' %}
+      <!-- Example slider -->
+      <div id="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
+        {% for i in (1..carousel.slides) %}
+        <div>
+          <{{carousel.style}} class="slide-item notoc mr-{{carousel.gutters}}" style="line-height: {{carousel.height}};">{{i}}</{{carousel.style}}>
+        </div>
+        {% endfor %}
       </div>
-      {% endfor %}
-    </div>
     <!-- /Example slider -->
     {% endif %}
-    {% comment %} Collect Image Sliders
+    {% comment %} Collect Image Carousels
     ---------------------------------------------------------------------------- {% endcomment %}
-    {% if slider.type == 'image' %}
-    <!-- Image slider -->
-    <div id="{{slider.id}}" class="{{slider.id | replace: '_','-' }}">
-      {% for slide in slider.slides %}
-      <div class="col-sm-6 col-lg-4 mb-4">
-        <div class="card">
-        {% if slider.lightbox.enabled %}
-        <a href="{{slider.image_base_path}}/{{slide.image}}" data-caption="{{slide.title}}">
-          <img class="{{slider.image_styles}}" src="{{slider.image_base_path}}/{{slide.image}}" alt="{{slide.title}}">
-        </a>
-        {% else %}
-        <img id="{{forloop.index}}" class="{{slider.image_styles}}" src="{{slider.image_base_path}}/{{slide.image}}" alt="{{slide.title}}">
-        {% endif %}
+    {% if carousel.type == 'image' %}
+      <!-- Image slider -->
+      <div id="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
+        {% for slide in carousel.slides %}
+        <div class="col-sm-6 col-lg-4 pr-{{carousel.gutters}}">
+          <div class="card {{carousel.captions.position}}">
+          {% if carousel.lightbox.enabled %}
+            <a class="card-link" href="{{carousel.image_base_path}}/{{slide.image}}" data-caption="{{slide.caption}}" target="_blank">
+              <img class="{{carousel.image_styles}}" src="{{carousel.image_base_path}}/{{slide.image}}" alt="{{slide.caption}}" style="height: {{carousel.image_height}}">
+            </a>
+            {% if carousel.captions.enabled %}
+              <div id="{{carousel.id}}_caption"class="caption">{{slide.caption}}</div>
+            {% endif %}
+          {% else %}
+            <img class="{{carousel.image_styles}}" src="{{carousel.image_base_path}}/{{slide.image}}" alt="{{slide.caption}}" style="height: {{carousel.image_height}}">
+            {% if carousel.captions.enabled %}
+              <div id="{{carousel.id}}_caption"class="caption">{{slide.caption}}</div>
+            {% endif %}
+          {% endif %}
+          </div>
         </div>
+        {% endfor %}
       </div>
-      {% endfor %}
+      <!-- /Image slider -->
-    </div>
-    <!-- /Image slider -->
     {% endif %}
   {% endif %}
 {% endfor %}
-<!-- [INFO   ] [~/assets/data/slick.html               ]  [end collecting all slider items] -->
+<!-- [INFO   ] [~/assets/data/slick.html                      ] [end collecting all carousel items] -->
 {% endcapture %}

data/assets/error_pages/HTTP204.html CHANGED Viewed

@@ -89,7 +89,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">m
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP400.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP401.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP403.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP404.html CHANGED Viewed

@@ -86,7 +86,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       .attic {

data/assets/error_pages/HTTP444.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP445.html CHANGED Viewed

@@ -86,7 +86,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP446.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP447.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP448.html CHANGED Viewed

@@ -86,7 +86,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP500.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP501.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP502.html CHANGED Viewed

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP503.html CHANGED Viewed

@@ -88,7 +88,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/themes/j1/adapter/js/masonry.js CHANGED Viewed

@@ -203,8 +203,16 @@ var logText;
                     // grid event handler
                     logger.info('\n' + 'install event handlers for grid on id: ' + '{{grid_id}}');
                     $grid_{{grid_id}}.on('layoutComplete', function() {
-                      // initializing (layout) completed
+                      // initializing (grid layout) completed
                       logger.debug('\n' + 'initializing layout completed for grid on id: ' + '{{grid_id}}');
+                      // correct position for artice modals (previwes)
+                      logger.debug('\n' + 'adjust positions of all modals on id: {{grid_id.id}}');
+                      var preview_modals = $("#{{grid_id}} > .article-modal");
+                      $.each($(preview_modals), function(index, modal) {
+                          $(modal).attr('style', 'left: 0%');
+                      });
                     });
                     // setup the grid