j1-template 2023.0.17 → 2023.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 590984bdfa2fc5da1335e3a3a979930e0dab1ddcd8726fba2efb61a0b1bf61d9
-  data.tar.gz: d24664c2fbec702f9f4dca16e851a332ca4d4e84afa8bdb99e73b6908df06472
+  metadata.gz: e0f2d92a0218f38699281f99898b269d93c99ffe76171bb3cec58831e6924e42
+  data.tar.gz: 3a7e156a5ad36922d752d19d168c807fd46ca7bdd3cd789e6a1dae1bc93f75dd
 SHA512:
-  metadata.gz: 3919eeb9b5f33d31c23678570d99567029eac38467f5a2d1667b2f4feb3db256ff6c831cdafcf9774cac3a2e924dffe961ea1dcd77c24ac0fc0131b4a106f233
-  data.tar.gz: 2e86abbd2ebabd42e5f1f39a76f9e916a09855f5a20cfb092957802c18f56b6f7cd577ed1e68c03b771acebc5f8cfa84c827e141fdae3dcffbfe9eb57c39aae5
+  metadata.gz: 03d3c30d6dfe45a4dca541508a91a996082eb98307bfb74c40023bed6e6bcc4769b8c54fa74e4444aa1bb95966bc790ba10f0c149f495271ba015ee4e8416562
+  data.tar.gz: ac7895af2194c3b3839c150b4dbea10b000a54e4b8364503dc4c6dee272a019dc88e3c2cac14338e4f09db1d10047f21f9208db514aed7cec038659df9b17c82

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.1.0"
+                			title="Get new version 2023.1.0"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>

data/assets/data/masonry.4.html

@@ -0,0 +1,213 @@
+---
+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 grids               = masonry_settings.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' %}
+      <!-- Posts|Group -->
+      <!-- Collect data only if group matches -->
+      <div id="{{grid.id}}" class="{{grid.id | replace: '_','-' }}">
+        <div class="row px-2">
+        {% for post in site.posts %}
+        {% if post.group contains grid.group %}
+
+        <!-- resposive items: 3-2-1 -->
+        <div class="col-lg-4 col-md-6 col-sm-12 mb-1">
+          <article class="card bg-dark text-center text-white border-0 rounded-0">
+            <img class="card-img img-object--cover g-height-300" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5);">
+            <div class="card-img-overlay">
+              <div class="card-content mt-6">
+                {% 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="d-block text-white text-uppercase link-no-decoration"
+                    href="/pages/public/blog/navigator/archive/categoryview/#{{category | slugify}}"
+                    style="font-size: 24px;">{{category}}
+                </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>
+                <h4 class="notoc card-title">
+                  <a class="text-white link-no-decoration" href="{{post.url | relative_url}}">{{post.tags[0]}}</a>
+                </h4>
+              </div>
+            <!--/div -->
+          </article>
+        </div>
+
+        {% endif %}
+        {% endfor %}
+        </div>
+      </div>
+      <!-- /Posts|Group -->
+    {% endif %}
+
+    {% comment %} Collect Bootrap Image Card Grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'bs_image_cards' %}
+    <!-- Card Image Grid -->
+    <div id="{{grid.id}}" class="{{grid.id | replace: '_','-' }}">
+      <div class="row px-2">
+      {% for image in grid.images %}
+      <div class="col-lg-4 col-md-6 col-sm-12 px-1 py-1">
+        <div class="card">
+        {% if grid.lightbox.enabled %}
+        <a href="{{grid.image_base_path}}/{{image.file}}"
+           data-lightbox="{{grid.id}}-image-group"
+           data-caption="{{image.title}}"
+           data-title="{{image.title}}">
+          <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+        </a>
+        {% else %}
+        <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+        {% endif %}
+        </div>
+      </div>
+      {% endfor %}
+      </div>
+    </div>
+    <!-- /Card Image Grid -->
+    {% endif %}
+
+    {% comment %} Collect Image Grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'image_grid' %}
+    <!-- Image Grid -->
+    <div id="{{grid.id}}" class="{{grid.id | replace: '_','-' }}">
+
+      {% for image in grid.images %}
+      <div class="col-lg-4 col-md-6 col-sm-12 px-1 py-1">
+        <div class="nocard">
+        {% if grid.lightbox.enabled %}
+        <a href="{{grid.image_base_path}}/{{image.file}}"
+           data-lightbox="{{grid.id}}-image-group"
+           data-caption="{{image.title}}"
+           data-title="{{image.title}}">
+          <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+        </a>
+        {% else %}
+        <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+        {% endif %}
+        </div>
+      </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/masonry.html

@@ -0,0 +1,207 @@
+---
+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' %}
+      <!-- Posts|Group -->
+      <div id="{{grid.id}}" class="{{grid.id | replace: '_','-' }} row g-0 mx-2">
+        <!-- Collect posts only if group matches -->
+        {% for post in site.posts %} {% if post.group contains grid.group %}
+
+        <!-- resposive items: 3-2-1 -->
+        <!-- div class="col-lg-4 col-md-6 col-sm-12 px-{{grid.bs_gutter}} py-{{grid.bs_gutter}}" -->
+        <!-- div class="col-xl-{{grid.responsive.xl}} col-lg-{{grid.responsive.lg}} col-md-{{grid.responsive.md}} col-sm-{{grid.responsive.sm}} col-{{grid.responsive.xs}} px-{{grid.bs_gutter}} py-{{grid.bs_gutter}}" -->
+        <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-{{grid.bs_gutter}} py-{{grid.bs_gutter}}">
+          <article class="card bg-dark text-center text-white border-0 rounded-0">
+            <img class="card-img img-object--cover g-height-300" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5);">
+            <!-- div class="card-img-overlay" -->
+              <div class="card-content mt-6">
+                {% 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="d-block text-white text-uppercase link-no-decoration"
+                    href="/pages/public/blog/navigator/archive/categoryview/#{{category | slugify}}"
+                    style="font-size: 24px;">{{category}}
+                </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>
+                <h4 class="notoc card-title">
+                  <a class="text-white link-no-decoration" href="{{post.url | relative_url}}">{{post.tags[0]}}</a>
+                </h4>
+              </div>
+            <!--/div -->
+          </article>
+        </div>
+
+        {% endif %} {% endfor %}
+      </div>
+      <!-- /Posts|Group -->
+    {% endif %}
+
+    {% comment %} Collect Bootrap Image Card Grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'bs_image_cards' %}
+    <!-- Card Image Grid -->
+    <div id="{{grid.id}}" class="{{grid.id | replace: '_','-' }} row g-0 mx-2">
+      {% 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-{{grid.bs_gutter}} py-{{grid.bs_gutter}}">
+        <div class="card">
+          {% if grid.lightbox.enabled %}
+          <a href="{{grid.image_base_path}}/{{image.file}}"
+             data-lightbox="{{grid.id}}-image-group"
+             data-caption="{{image.title}}"
+             data-title="{{image.title}}">
+            <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+          </a>
+        {% else %}
+          <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+        {% endif %}
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+    <!-- /Card Image Grid -->
+    {% endif %}
+
+    {% comment %} Collect Image Grids
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if grid.type == 'image_grid' %}
+    <!-- Image Grid -->
+    <div id="{{grid.id}}" class="row g-0 mx-3 {{grid.id | replace: '_','-' }}">
+      {% 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-{{grid.bs_gutter}} py-{{grid.bs_gutter}}">
+        <div class="nocard">
+          {% if grid.lightbox.enabled %}
+          <a href="{{grid.image_base_path}}/{{image.file}}"
+             data-lightbox="{{grid.id}}-image-group"
+             data-caption="{{image.title}}"
+             data-title="{{image.title}}">
+            <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+          </a>
+          {% else %}
+          <img id="{{forloop.index}}" class="{{grid.image_styles}}" src="{{grid.image_base_path}}/{{image.file}}" alt="{{image.title}}">
+          {% endif %}
+        </div>
+      </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>