j1-template 2023.0.17 → 2023.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 590984bdfa2fc5da1335e3a3a979930e0dab1ddcd8726fba2efb61a0b1bf61d9
-  data.tar.gz: d24664c2fbec702f9f4dca16e851a332ca4d4e84afa8bdb99e73b6908df06472
+  metadata.gz: f1536e55c2bb0fb4fa129d0e1201102edd9dc986985fb8d6c49d2129c144d4ce
+  data.tar.gz: 47c4bdcfe97959454d8ed2b41fe0f501f9ef7da991670c2314e2852b87f2caa9
 SHA512:
-  metadata.gz: 3919eeb9b5f33d31c23678570d99567029eac38467f5a2d1667b2f4feb3db256ff6c831cdafcf9774cac3a2e924dffe961ea1dcd77c24ac0fc0131b4a106f233
-  data.tar.gz: 2e86abbd2ebabd42e5f1f39a76f9e916a09855f5a20cfb092957802c18f56b6f7cd577ed1e68c03b771acebc5f8cfa84c827e141fdae3dcffbfe9eb57c39aae5
+  metadata.gz: 5197ed34d8d08623adda11b42965a78f4f867145bd698798a8b03be0ec23881de8ad729116ae8e2df57d48d0b40d0e86ae86ce1775a2816617e73b4288df9b1b
+  data.tar.gz: 0b0a06af2642959fc3b8d830dd282909124442d6066803dcda0a36fb951297a690fe34cc23108bff88b99aeb156e8db86322c438ff3ed394e0c7e718e4bd4bd5

data/_includes/themes/j1/layouts/content_generator_collection.html

@@ -62,12 +62,11 @@
       <!-- [INFO   ] [j1.layout.content_generator_coll.html ] [ include a collection pager at the top most position ] -->
       {% include {{pager}} %}
 
-      <div class="post-headline mt-4">
-        <h2 id="coll_article_navigator" class="notoc">{{ page.title }}</h2>
+      <div class="post-headline pt-4">
+        <h2 id="coll_article_navigator" class="notoc">{{page.title}}</h2>
       </div>
 
       <!-- [INFO   ] [j1.layout.content_generator_coll.html ] [ begin place content ] -->
-
       {{content}}
       <!-- [INFO   ] [j1.layout.content_generator_coll.html ] [ end place content ] -->
 

data/_includes/themes/j1/layouts/content_generator_news_panel_posts.html

@@ -338,7 +338,7 @@
                             <span class="sr-tags">{{tags}}</span>
                         </p>
                         </div>
-                        <a class="card-link md-grey-900 text-lowercase"
+                        <a class="card-link text-lowercase"
                            href="{{post.url}}">
                            {{readmore_text}} · {{post.tagline}}
                         </a>
@@ -393,7 +393,7 @@
                             <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
                         </div>
-                        <a class="card-link md-grey-900 text-lowercase"
+                        <a class="card-link text-lowercase"
                            href="{{post.url}}">
                            {{readmore_text}} · {{post.tagline}}
                         </a>

data/_includes/themes/j1/modules/attics/generator.html

@@ -85,6 +85,8 @@
      {% endif %}
 
   {% else %}
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/attics/generator.html ] [ attic disabled for layout: {{page.layout}} ] -->
+    {% assign attic_id = item.attic.id %}
     {% assign attic_enabled = item.attic.enabled %}
   {% endif %}
 {% endfor %}
@@ -143,6 +145,6 @@
   {% comment %} Fake attic used if NO attic is enabled for a layout
   ------------------------------------------------------------------------------ {% endcomment %}
    <!-- [INFO   ] [~/_includes/themes/j1/modules/attics/generator.html ] [ attic disabled for layout: {{page.layout}} ] -->
-   <div id="no_attic" class="no-attic"></div>
+   <div id="no_attic" class="no-attic mt-3"></div>
 
 {% endif %}

data/_includes/themes/j1/modules/navigator/generator.html

@@ -103,7 +103,7 @@
   {% assign nav_bar_color = 'light' %}
 {% endif %}
 
-{% capture nav_bar_default_css_classes %}navbar navigator bg-primary navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
+{% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default d-flex {% endcapture %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -167,7 +167,7 @@
   <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ check for quicklinks ] -->
   {% if quicklinks_options.enabled %}
   <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place container for: quicklinks ] -->
-  <div id="{{nav_quicklinks_id}}" class="quicklink-nav collapse navbar-collapse justify-content-end"></div>
+  <div id="{{nav_quicklinks_id}}" class="quicklink-nav collapse navbar-collapse justify-content-end pr-4"></div>
   {% endif %}
 
 </nav>

data/_includes/themes/j1/procedures/collections/create_collection_article_preview.proc

@@ -101,7 +101,7 @@
            </p>
          </div>
 
-         <a class="card-link md-grey-900 text-lowercase" href="{{ article.url }}#readmore">
+         <a class="card-link text-lowercase" href="{{ article.url }}#readmore">
            read · {{article.tagline}}
          </a>
        </div>

data/_layouts/{paginator/autopage_category.html → autopage_category.html}

@@ -1,5 +1,5 @@
 ---
-layout:                                 default                                 # base layout the page inherits GLOBAL content
+layout:                                 page                                 # base layout the page inherits GLOBAL content
 debug:                                  false                                   # enable|disable additional debug information written to (static) content source
 regenerate:                             false                                   # enable|disable page rebuild (Jekyll)
 ---

data/_layouts/{paginator/autopage_collection.html → autopage_collection.html}

@@ -1,12 +1,7 @@
 ---
-layout:                                 page                                    # base layout the page inherits content
+layout:                                 page                                    # base layout the page inherits GLOBAL content
 debug:                                  false                                   # enable|disable additional debug information written to (static) content source
 regenerate:                             false                                   # enable|disable page rebuild (Jekyll)
-
-tagline:                                AutoPage Collection
-
-resources:                              []
-resource_options:                       []
 ---
 
 {% comment %}

data/_layouts/{paginator/autopage_collections_tags.html → autopage_collections_tags.html}

@@ -4,7 +4,7 @@ debug:                                  false
 regenerate:                             false
 
 autopages:
-  permalink:                            /collections/with/tag/:tag
+  permalink:                            /autopages/collections/tags/:tag
 
 pagination:
   enabled:                              true

data/_layouts/category.html

@@ -0,0 +1,67 @@
+---
+layout:                                 default
+---
+
+{% comment %} Control settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign exclude_from_search = true %}
+
+
+<!-- Page title -->
+<section class="section-lg bg-secondary mt-6 mb-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <h3>Category</h3>
+        <h4>{{page.title}}</h4>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- /Page title -->
+
+<!-- Post by category -->
+<section>
+  <div class="container">
+    <div class="row">
+
+      <div class="col-lg-8">
+        <!-- set id for masonry module -->
+        <div id="category" class="row masonry-container pt-5">
+          {% for post in page.posts %}
+          <div class="col-sm-6 mb-5">
+            <article class="text-center">
+
+              <ul class="list-inline d-flex mb-2">
+                <li class="list-inline-item">
+                  <i class="mdi mdi-account md-grey-900 mr-1" style="margin-right: 8px;"></i>
+                  {{site.author.name | split: ' ' | first}} &nbsp;&middot;&nbsp;&nbsp;
+                </li>
+                <li class="list-inline-item">
+                  <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>
+                  {{post.date | date: '%b %d, %Y'}}
+                </li>
+              </ul>
+              <img class="img-fluid mb-4" src="{{post.image.path | relative_url }}" alt="{{post.title}}">
+              {% for category in post.categories %}
+              <a class="d-block mb-3 text-dark text-uppercase link-no-decoration" href="{{site.jekyll-archives.category_archive_path | relative_url }}{{category | slugify}}" style="font-size: 24px;">{{category}}</a>
+              {% endfor %}
+              <h4 class="title-border">
+                <a class="text-dark link-no-decoration" href="{{post.url | relative_url}}">{{post.title}}</a>
+              </h4>
+              <p>{{post.excerpt | strip_html | truncatewords: 35}}</p>
+              <a href="{{post.url | relative_url}}" class="btn btn-outline mb-4">read &nbsp;&nbsp;&middot;&nbsp;{{post.tagline}}</a>
+
+            </article>
+          </div>
+          {% endfor %}
+        </div>
+      </div>
+
+      <!--Sidebar -->
+      {% include custom/parsa/templates/sidebar.html %}
+
+      </div>
+    </div>
+</section>
+<!-- /Post by category -->

data/_layouts/readme

@@ -0,0 +1,2 @@
+NOTE: Layouts 'autopage*' used by module 'J1 Paginator' to create
+      pagination pages (Autopages).

data/assets/data/banner.html

@@ -259,8 +259,8 @@ exclude_from_search:                    true
                 		<img
                 			class="sticker-image"
                 			src="/assets/images/sticker/600x600/sticker-new-version.png"
-                			alt="Get new version 2023.0.17"
-                			title="Get new version 2023.0.17"
+                			alt="Get new version 2023.2.0"
+                			title="Get new version 2023.2.0"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>
@@ -268,15 +268,17 @@ exclude_from_search:                    true
                 ---------------------------------------------------------------- {% endcomment %}
 
                 {% if heading_position == 'left' %}
-                <h2 class="g-font-weight-500 mb-0 {{card_translate_description}}">{{card_title}}</h2>
-                <p class="tagline mb-0 card_translate_description">{{card_tagline}}</p>
-                <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
+                <div>
+                  <h2 class="g-font-weight-500 mb-0 {{card_translate_description}}">{{card_title}}</h2>
+                  <p class="tagline mb-0 {{card_translate_description}}">{{card_tagline}}</p>
+                  <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
+                </div>
                 {% endif%}
 
                 {% if heading_position == 'center' %}
                 <div class="text-center mb-2">
                 	<h2 class="mb-0 {{card_translate_description}}">{{card_title}}</h2>
-                	<p class="h4 mb-0 text-muted card_translate_description"><i>{{card_tagline}}</i></p>
+                	<p class="h4 mb-0 text-muted {{card_translate_description}}"><i>{{card_tagline}}</i></p>
                 	<div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
                 </div>
                 {% endif%}

data/assets/data/masonry.html

@@ -0,0 +1,397 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/masonty.html
+ # Liquid procedure to generate the HTML portion for all Masonty Grids
+ # configured
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # NOTE: Data loaded dynamically by J1 Masonry module (AJAX)
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    {{variable | debug}}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures (currently unused)
+--------------------------------------------------------------------------------
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+-------------------------------------------------------------------------------- {% 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 masonry_defaults    = modules.defaults.masonry.defaults %}
+{% assign masonry_settings    = modules.masonry.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign masonry_options     = masonry_defaults | merge: masonry_settings %}
+{% assign grids               = masonry_options.grids %}
+
+{% comment %} Configure permalink settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+
+{% comment %} Currently NOT used
+--------------------------------------------------------------------------------
+{% include {{select_color}} color=masonry_icon_color fallback="#9E9E9E" %}
+{% assign masonry_icon_color = color %}
+
+{% include {{select_icon_size}} family=masonry_icon_family size=masonry_icon_size %}
+{% assign masonry_icon_size = size %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [~/assets/data/masonry.html                    ]  [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+{% comment %} Collect grids
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for grid in grids %}
+  {% if grid.enabled %}
+
+    {% comment %} Collect posts|group grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'post' %}
+
+      {% if grid.gutters %}
+        {% assign gutter = 1  %}
+      {% else %}
+        {% assign gutter = 0  %}
+      {% endif %}
+
+      <!-- Posts|Group -->
+      <div id="{{grid.id}}" class="row {{grid.id | replace: '_','-' }} g-0">
+        <!-- Collect posts only if group matches -->
+        {% for post in site.posts %} {% if post.group contains grid.group %}
+
+
+        {% if grid.translate_links %}
+          {% assign translate = "" %}
+        {% else %}
+          {% assign translate = "notranslate" %}
+        {% endif %}
+
+        {% if grid.link_new_window %}
+          {% assign target = "_blank" %}
+        {% else %}
+          {% assign target = "" %}
+        {% endif %}
+
+        <!-- resposive items: 3-2-1 -->
+        <div class="col-xl-{{masonry_options.responsive.xl}} col-lg-{{masonry_options.responsive.lg}} col-md-{{masonry_options.responsive.md}} col-sm-{{masonry_options.responsive.sm}} col-{{masonry_options.responsive.xs}} px-{{gutter}} py-{{gutter}}">
+
+          <article class="card bg-dark text-center text-white border-0 rounded-0 bottom">
+            <img class="card-img {{grid.image_styles}}" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5); height: {{grid.image_height}}; width: {{grid.image_width}}">
+            <div class="card-content mt-5">
+
+              {% 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.category %}
+              <a  class="article-link d-block text-white text-uppercase link-no-decoration {{translate}}"
+                  href="/pages/public/blog/navigator/archive/categoryview/#{{grid.group | slugify}}"
+                  target="{{target}}"
+                  style="font-size: 32px;">
+                {{grid.group}}
+              </a>
+              {% endif %}
+              {% endfor %}
+
+              <ul class="list-inline d-flex justify-content-center mb-5">
+                <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;
+                </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>
+
+              <!-- Post link (caption) -->
+              <h4 class="caption notoc">
+                <a class="article-link {{translate}}"
+                   href="{{post.url}}"
+                   target="{{target}}"
+                   style="font-size: 32px;">
+                   {{post.tags[0]}}
+                </a>
+              </h4>
+              <!-- /Post link (caption) -->
+
+            </div>
+          </article>
+
+        </div>
+        {% endif %} {% endfor %}
+      </div>
+      <!-- /Posts|Group -->
+    {% endif %}
+
+
+    {% comment %} Collect collection grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'collection' %}
+
+    {% comment %} Set collection data
+    -------------------------------------------------------------------------------- {% endcomment %}
+    {% assign collection_name   = grid.collection %}
+
+    {% comment %} Collect collection documents
+    -------------------------------------------------------------------------------- {% endcomment %}
+    {% for collection in site.collections %}
+      {% if collection.label contains collection_name %}
+        {% assign articles = collection.docs %}
+        {% break %}
+      {% endif %}
+    {% endfor %}
+
+    <!-- Collection|Articles -->
+    <div id="{{grid.id}}" class="row {{grid.id | replace: '_','-' }} g-0">
+
+      {% if grid.translate_titles %}
+        {% assign translate = "" %}
+      {% else %}
+        {% assign translate = "notranslate" %}
+      {% endif %}
+
+      {% if grid.gutters %}
+        {% assign gutter = 1  %}
+      {% else %}
+        {% assign gutter = 0  %}
+      {% endif %}
+
+      {% for article in articles %}
+      <div class="col-xl-{{masonry_options.responsive.xl}} col-lg-{{masonry_options.responsive.lg}} col-md-{{masonry_options.responsive.md}} col-sm-{{masonry_options.responsive.sm}} col-{{masonry_options.responsive.xs}} px-{{gutter}} py-{{gutter}}">
+        <!-- Article item -->
+        <div id="{{article.title | downcase | replace: ' ' ,'_'}}" class="article-item article-item--w400">
+          {% if grid.preview %}
+          <a class="article-link" data-bs-toggle="modal" href="#articleModal_{{grid.id}}_{{forloop.index}}">
+            <div class="article-hover">
+              <div class="article-hover-content">
+                <i class="mdi mdi-plus mdi-10x"></i>
+              </div>
+            </div>
+            <img class="{{grid.image_styles}}" src="{{article.image.path}}" alt="{{article.title}}" style="height: {{grid.image_height}}; width: {{grid.image_width}}">
+          </a>
+          {% else %}
+            <!-- img class="img-fluid img-object--w400" src="{{article.image.path}}" alt="{{article.title}}" / -->
+            <img class="{{grid.image_styles}}" src="{{article.image.path}}" alt="{{article.title}}" style="height: {{grid.image_height}}; width: {{grid.image_width}}">
+          {% endif %}
+          <div class="article-caption">
+            <div class="article-caption-heading">
+              <a class="card-link {{translate}}" href="{{article.url}}">{{article.title}}</a>
+            </div>
+            <div class="article-caption-subheading text-muted">{{article.tags[0]}}</div>
+          </div>
+        </div>
+        <!-- /Article item -->
+      </div>
+
+      <!-- Article Modal-->
+      {% if grid.preview %}
+      <div id="articleModal_{{grid.id}}_{{forloop.index}}" class="article-modal modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+        <div class="modal-dialog">
+          <div class="modal-content">
+
+            <div class="close-modal" data-bs-dismiss="modal">
+              <img src="{{'/assets/images/icons/controls/close-icon.svg' | relative_url}}" alt="Close modal">
+            </div>
+
+            <div class="container">
+              <div class="row justify-content-center">
+                <div class="col-lg-8">
+                  <div class="modal-body">
+                    <!-- Project details-->
+                    <h2 class="text-uppercase notoc {{translate}}">{{article.title}}</h2>
+                    <p class="item-intro text-muted">{{article.tagline}}</p>
+                    <img class="img-fluid d-block mx-auto" src="{{article.image.path | relative_url}}" alt="{{article.title}}">
+                    <p>{{article.description}}</p>
+                    <ul class="list-inline">
+                      <li>
+                        <strong>Title:</strong>
+                        <span class="{{translate}}">{{article.title}}</span>
+                      </li>
+                      <li>
+                        <strong>Categories:</strong>
+                        <span class="{{translate}}">{{article.categories}}</span>
+                      </li>
+                      <!-- li>
+                        <strong>Tags:</strong>
+                        <span class="{{translate}}">{{article.tags}}</span>
+                      </li -->
+                    </ul>
+                    <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
+                      <i class="mdi mdi-close mdi-24px mx-2"></i>
+                      Close Preview
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+          </div>
+        </div>
+      </div>
+      {% endif %}
+      <!-- /Article Modal-->
+
+      {% endfor %}
+    </div>
+    <!-- /Collection|Articles -->
+
+    {% endif %}
+
+    {% comment %} Collect Bootrap Card Grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'card' %}
+
+      {% if grid.gutters %}
+        {% assign gutter = 1  %}
+      {% else %}
+        {% assign gutter = 0  %}
+      {% endif %}
+
+      <!-- Card Image Grid -->
+      <div id="{{grid.id}}" class="row {{grid.id | replace: '_','-' }} g-0">
+        {% for image in grid.images %}
+        <div class="col-xl-{{masonry_otions.responsive.xl}} col-lg-{{masonry_options.responsive.lg}} col-md-{{masonry_options.responsive.md}} col-sm-{{masonry_options.responsive.sm}} col-{{masonry_options.responsive.xs}} px-{{gutter}} py-{{gutter}}">
+          <div class="card">
+            {% if grid.lightbox %}
+            <div class="{{grid.caption.position}}">
+              <a href="{{grid.image_base_path}}/{{image.file}}"
+                 data-lightbox="{{grid.id}}-image-group"
+                 data-caption="{{image.caption}}"
+                 data-title="{{image.caption}}">
+                <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.caption}}" style="height: {{grid.image_height}}">
+              </a>
+              {% if grid.caption.enabled %}
+              <div class="caption">{{image.caption}}</div>
+              {% endif %}
+            </div>
+            {% else %}
+            <div class="{{grid.caption.position}}">
+              <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.caption}}">
+              {% if grid.caption.enabled %}
+              <div class="caption">{{image.caption}}</div>
+              {% endif %}
+            </div>
+            {% endif %}
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+      <!-- /Card Image Grid -->
+    {% endif %}
+
+    {% comment %} Collect Image Grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'image' %}
+
+      {% if grid.gutters %}
+        {% assign gutter = 1  %}
+      {% else %}
+        {% assign gutter = 0  %}
+      {% endif %}
+
+      <!-- Image Grid -->
+      <div id="{{grid.id}}" class="row {{grid.id | replace: '_','-' }} g-0">
+        {% for image in grid.images %}
+        <div class="col-xl-{{masonry_options.responsive.xl}} col-lg-{{masonry_options.responsive.lg}} col-md-{{masonry_options.responsive.md}} col-sm-{{masonry_options.responsive.sm}} col-{{masonry_options.responsive.xs}} px-{{gutter}} py-{{gutter}}">
+          {% if grid.lightbox %}
+          <div class="{{grid.caption.position}}">
+            <a href="{{grid.image_base_path}}/{{image.file}}"
+               data-lightbox="{{grid.id}}-image-group"
+               data-caption="{{image.caption}}"
+               data-title="{{image.caption}}">
+              <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.caption}}">
+              {% if grid.caption.enabled %}
+                {% if grid.gutters and grid.caption.position == 'top' %}
+                  <div class="caption" style="top: calc(2px + {{gutter}}*4px - {{gutter}}px); width: calc(100% - {{gutter}}*3%);">{{image.caption}}</div>
+                {% elsif grid.gutters and grid.caption.position == 'center' %}
+                  <div class="caption" style="width: calc(100% - {{gutter}}*3%);">{{image.caption}}</div>
+                {% elsif grid.gutters and grid.caption.position == 'bottom' %}
+                  <div class="caption" style="top: calc(100% - {{gutter}}*1% - 1px); width: calc(100% - {{gutter}}*3%);">{{image.caption}}</div>
+                {% else %}
+                  <div class="caption">{{image.caption}}</div>
+                {% endif %}
+              {% endif %}
+            </a>
+          </div>
+          {% else %}
+            <div class="{{grid.caption.position}}">
+              <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.caption}}">
+              {% if grid.caption.enabled %}
+                {% if grid.gutters and grid.caption.position == 'top' %}
+                  <div class="caption" style="top: calc(2px + {{gutter}}*4px - {{gutter}}px); width: calc(100% - {{gutter}}*3%);">{{image.caption}}</div>
+                {% elsif grid.gutters and grid.caption.position == 'center' %}
+                  <div class="caption" style="width: calc(100% - {{gutter}}*3%);">{{image.caption}}</div>
+                {% elsif grid.gutters and grid.caption.position == 'bottom' %}
+                  <div class="caption" style="top: calc(100% - {{gutter}}*1%); width: calc(100% - {{gutter}}*3%);">{{image.caption}}</div>
+                {% else %}
+                  <div class="caption">{{image.caption}}</div>
+                {% endif %}
+              {% endif %}
+            </div>
+          {% endif %}
+        </div>
+        {% endfor %}
+      </div>
+      <!-- /Image Grid -->
+    {% endif %}
+
+  {% endif %}
+{% endfor %}
+<!-- [INFO   ] [~/assets/data/masonry.html                    ]  [end collecting all grid items] -->
+
+{% endcapture %}
+
+{% 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 | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/panel.html

@@ -232,7 +232,7 @@ exclude_from_search:                    true
             <!-- Heading -->
             {% if heading_position == 'left' %}
             <div class="{{panel_settings.animate}} mb-2">
-              <h2 class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
+              <h2 id="intro" class="g-font-weight-500 mb-0 {{heading_translate}}">{{panel_settings.title}}</h2>
               <p class="tagline mb-0 {{heading_translate}}"><b>{{panel_settings.tagline}}</b></p>
               <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
             </div>