j1-template 2021.0.16 → 2021.1.4

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

@@ -0,0 +1,232 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/modules/navigator/generator.html
+ #  Liquid HTML template to create the Navigation System for J1 Template
+ #  (includes all containers needed for MMenu)
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2021 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% include themes/{{site.template.name}}/procedures/global/setup.proc %}
+{% capture select_color %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture topsearch_create %}themes/{{site.template.name}}/modules/navigator/procedures/topsearch.proc{% endcapture %}
+
+{% comment %} Not longer used (loaded via AJAX)
+--------------------------------------------------------------------------------
+{% capture sidebar_create %}themes/{{site.template.name}}/modules/navigator/procedures/sidebar.proc{% endcapture %}
+{% capture quicklinks_create %}themes/{{site.template.name}}/modules/navigator/procedures/quicklinks.proc{% endcapture %}
+--------------------------------------------------------------------------------
+{% endcomment %}
+
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config             = site.data.j1_config %}
+{% assign blocks                      = site.data.blocks %}
+{% assign modules                     = site.data.modules %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign authentication_defaults     = modules.defaults.authentication.defaults %}
+{% assign authentication_settings     = modules.authentication.settings %}
+
+{% assign navigator_defaults          = site.data.modules.defaults.navigator.defaults %}
+{% assign navigator_settings          = site.data.modules.navigator.settings %}
+
+{% comment %} Cookie Consent module NOT used anymore
+--------------------------------------------------------------------------------
+{% assign consent_defaults            = site.data.modules.defaults.cookie_consent.defaults %}
+{% assign consent_settings            = site.data.modules.cookie_consent.settings %}
+{% assign cookie_consent_options      = consent_defaults | merge: consent_settings %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% assign cookiebar_defaults          = site.data.modules.defaults.cookiebar.defaults %}
+{% assign cookiebar_settings          = site.data.modules.cookiebar.settings %}
+
+{% comment %} SSM module NOT used anymore
+--------------------------------------------------------------------------------
+{% assign ssm_settings                = modules.ssm.settings %}
+{% assign ssm_defaults                = modules.defaults.ssm.defaults %}
+{% assign ssm_options                 = ssm_defaults | merge: ssm_settings %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nav_bar_defaults            = navigator_defaults.nav_bar %}
+{% assign nav_bar_settings            = navigator_settings.nav_bar %}
+{% assign nav_quicklinks_defaults     = navigator_defaults.nav_quicklinks %}
+{% assign nav_quicklinks_settings     = navigator_settings.nav_quicklinks %}
+{% assign nav_topsearch_defaults      = navigator_defaults.nav_topsearch %}
+{% assign nav_topsearch_settings      = navigator_settings.nav_topsearch %}
+
+{% assign nav_authclient_defaults     = authentication_defaults.auth_client %}
+{% assign nav_authclient_settings     = authentication_settings.auth_client %}
+
+{% assign nav_mmenu_defaults            = navigator_defaults.nav_mmenu %}
+{% assign nav_mmenu_settings            = navigator_settings.nav_mmenu %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nav_bar_options             = nav_bar_defaults | merge: nav_bar_settings %}
+{% assign quicklinks_options          = nav_quicklinks_defaults | merge: nav_quicklinks_settings %}
+{% assign topsearch_options           = nav_topsearch_defaults | merge: nav_topsearch_settings %}
+{% assign authclient_options          = nav_authclient_defaults | merge: nav_authclient_settings %}
+{% assign authentication_options      = authentication_defaults | merge: authentication_settings %}
+{% assign auth_manager_options        = authentication_options.j1_auth %}
+{% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
+
+
+{% comment %} Set navBarOptions
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign brand_position              = nav_bar_options.brand_position %}
+{% assign nav_fixed                   = nav_bar_options.fixed %}
+{% assign nav_style                   = nav_bar_options.style %}
+{% assign nav_color                   = nav_bar_options.color %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign nav_bar_id                  = navigator_defaults.nav_bar.xhr_container_id %}
+{% assign nav_menu_id                 = navigator_defaults.nav_menu.xhr_container_id %}
+{% assign nav_mmenu_id                = navigator_defaults.nav_mmenu.xhr_container_id %}
+{% assign nav_sidebar_id              = navigator_defaults.nav_sidebar.xhr_container_id %}
+{% assign nav_quicklinks_id           = navigator_defaults.nav_quicklinks.xhr_container_id %}
+{% assign authclient_modals_id        = authclient_options.xhr_container_id %}
+{% assign nav_navbar_media_breakpoint = navigator_defaults.nav_bar.media_breakpoint %}
+
+{% comment %} Set navBarProperties
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if nav_fixed %}
+  {% assign nav_bar_fixed = 'navbar-fixed' %}
+  {% if nav_style == 'overlay' %} {% assign nav_bar_style = 'navbar-transparent' %} {% endif %}
+{% endif %}
+
+{% if nav_color == 'light' %}
+  {% assign nav_bar_color = 'light' %}
+{% endif %}
+
+{% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Generate SSM container (not used anymore)
+--------------------------------------------------------------------------------
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for ssm ] -->
+{% if ssm_options.enabled %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place ssm container for AJAX load ] -->
+<nav id="ssm-container" class="ssm-btns-right ssm-anim-slide no-r-text"></nav>
+{% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Generate TopSearch container
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for topsearch ] -->
+{% if topsearch_options.enabled %}
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: topsearch ] -->
+  {% include {{ topsearch_create }} options=topsearch_options %}
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: topsearch ] -->
+{% endif %}
+
+{% comment %} Place MMobile NAV menu containers (HTML data loaded via AJAX)
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: mmenu ] -->
+{% for item in nav_mmenu_options.menus %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ processing: {{item.menu.xhr_container_id}} ] -->
+
+{% comment %} Condition DISABLED for testing
+--------------------------------------------------------------------------------
+{% if item.menu.enabled %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
+<nav id="{{item.menu.xhr_container_id}}"></nav>
+{% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
+<nav id="{{item.menu.xhr_container_id}}"></nav>
+
+{% endfor %}
+
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: navigation ] -->
+<nav id="{{nav_bar_id}}" class="{{nav_bar_default_css_classes}} {{nav_bar_color}} {{nav_bar_fixed}} {{nav_bar_style}}">
+
+  {% comment %} Place brand image
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: sidebar ] -->
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: main menue ] -->
+  {% if brand_position == "left" %}
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->
+    {% if site.brand.image %}
+      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+    {% else %}
+      <a href="#" id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+    {% endif %}
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+      <i class="mdi mdi-menu mdi-48px"></i>
+    </button>
+  {% elsif brand_position == "right" %}
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to the: right ] -->
+    {% if site.brand.image %}
+      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+    {% else %}
+      <a href="#" id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+    {% endif %}
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mobile menu button to the: left ] -->
+    <button id="mmenu-button" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+      <i class="mdi mdi-menu mdi-36px"></i>
+    </button>
+  {% else %}
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to default position: left ] -->
+    {% if site.brand.image %}
+      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+    {% else %}
+      <a href="#" id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+    {% endif %}
+    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: right ] -->
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+      <i class="mdi mdi-menu mdi-48px"></i>
+    </button>
+  {% endif %}
+
+  {% comment %} Place Desktop NAV menu container (HTML data loaded via AJAX)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: nav bar ] -->
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load (desktop) ] -->
+  <div id="{{nav_menu_id}}" class="collapse"></div>
+
+  {% comment %} Place|Hide Quicklinks container (HTML data loaded via AJAX)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for quicklinks ] -->
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ quicklinks enabled: {{quicklinks_options.enabled}} ] -->
+  {% if quicklinks_options.enabled %}
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: quicklinks ] -->
+  <div id="{{nav_quicklinks_id}}" class="attr-nav collapse navbar-collapse justify-content-end"></div>
+  {% endif %}
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing for: quicklinks ] -->
+
+</nav>
+
+{% comment %} Place container for sign in|out dialog used by J1 AuthClient
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for: authclient ] -->
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ authclient enabled: {{auth_manager_options.enabled}} ] -->
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: authclient ] -->
+<div id="{{authclient_modals_id}}" class="authclient_modals"></div>
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: auth_client ] -->
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: navigation ] -->

data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc

@@ -45,7 +45,7 @@
 
 {% comment %} Set quicksearch properties
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign topsearch_id        = topsearch_options.xhr_container_id %}
+{% assign topsearch_id        = topsearch_options.container_id %}
 {% assign icon_family         = topsearch_options.icon_family | downcase %}
 {% assign placeholder         = topsearch_options.placeholder %}
 {% assign search_heading_lead = topsearch_options.search_heading_lead %}
@@ -89,7 +89,7 @@
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
     <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ start processing: top search ] -->
-    <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4" style="display: none;">
+    <div id="{{topsearch_id}}" class="top-search ml-4 mr-4" style="display: none;">
     	<div class="input-group">
     	  <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x" style="color:#9E9E9E"></i></span>
     	  <input id="search-query" type="text" name="q" placeholder="QuickSearch" autocomplete="off" class="form-control">

data/_includes/themes/j1/procedures/global/create_bs_button.proc

@@ -57,31 +57,73 @@
   {% comment %} Create BS link button
   ------------------------------------------------------------------------------ {% endcomment %}
 
-    {% for item in button_data %}
-
-      {% for button in item[1] %}
-        {% assign key   = button[0] %}
-        {% assign value = button[1] %}
-        {% if key == 'text' %}       {% assign button_text       = value %} {% endif %}
-        {% if key == 'class' %}      {% assign button_class      = value %} {% endif %}
-        {% if key == 'style' %}      {% assign button_style      = value %} {% endif %}
-        {% if key == 'icon' %}       {% assign button_icon       = value %} {% endif %}
-        {% if key == 'icon_color' %} {% assign button_icon_color = value %} {% endif %}
-        {% if key == 'icon_size' %}  {% assign button_icon_size  = value %} {% endif %}
-        {% if key == 'href' %}       {% assign button_href       = value %} {% endif %}
-        {% if key == 'target' %}     {% assign button_target     = value %} {% endif %}
-      {% endfor %}
-
-    {% endfor %}
-
-    {% if button_href and button_target %}
-      {% capture bs_button_html %}<a href="{{button_href}}" target="{{ button_target }}" rel="noopener" class="{{button_class}}" style="{{button_style}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
-    {% elsif button_href %}
-      {% capture bs_button_html %}<a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
+    {% for item in button_data %} {% for button in item[1] %}
+      {% assign key   = button[0] %}
+      {% assign value = button[1] %}
+      {% if key == 'title' %}      {% assign button_title      = value %} {% endif %}
+      {% if key == 'tagline' %}    {% assign button_tagline    = value %} {% endif %}
+      {% if key == 'class' %}      {% assign button_class      = value %} {% endif %}
+      {% if key == 'style' %}      {% assign button_style      = value %} {% endif %}
+      {% if key == 'icon' %}       {% assign button_icon       = value %} {% endif %}
+      {% if key == 'icon_color' %} {% assign button_icon_color = value %} {% endif %}
+      {% if key == 'icon_size' %}  {% assign button_icon_size  = value %} {% endif %}
+      {% if key == 'href' %}       {% assign button_href       = value %} {% endif %}
+      {% if key == 'target' %}     {% assign button_target     = value %} {% endif %}
+    {% endfor %} {% endfor %}
+
+    {% comment %} jadams, 2021-04-24:
+    TODO, mr-x on font-icon are to be scaled on icon-size (fixed on: mr-3)
+    -------------------------------------------------------------------------------- {% endcomment %}
+
+    {% if button_tagline %}
+      {% if button_href and button_target %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-3"></i>
+            <span class="float-right text-left mt-2">
+              {{button_title}}
+              <span class="d-block r-text-200 text-lowercase">{{button_tagline}}</span>
+            </span>
+          </a>
+        {% endcapture %}
+      {% elsif button_href %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-3"></i>
+            <span class="float-right text-left mt-2">
+              {{button_title}}
+              <span class="d-block r-text-200 text-lowercase">{{button_tagline}}</span>
+            </span>
+          </a>
+        {% endcapture %}
+      {% else %}
+        {% capture bs_button_html %}INFO: No valid value for parameter href found{% endcapture %}
+      {% endif %}
     {% else %}
-      {% capture bs_button_html %}<!-- INFO: No valid value for parameter href found. -->{% endcapture %}
+      {% if button_href and button_target %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i>
+            <span class="float-right text-left">
+              {{button_title}}
+            </span>
+          </a>
+        {% endcapture %}
+      {% elsif button_href %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i>
+            <span class="float-right text-left">
+              {{button_title}}
+            </span>
+          </a>
+        {% endcapture %}
+      {% else %}
+        {% capture bs_button_html %}INFO: No valid value for parameter href found{% endcapture %}
+      {% endif %}
     {% endif %}
 
+
   {% when 'input' %}
   {% comment %} Create BS link button
   ------------------------------------------------------------------------------ {% endcomment %}

data/_includes/themes/j1/procedures/posts/collate_timeline.proc

@@ -43,6 +43,7 @@
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign builder_config  = site.data.builder.blog_navigator.collate_timeline %}
+{% assign truncate_words  = site.excerpt_truncate_words %}
 {% assign header_title    = false %}
 {% assign header_tagline  = false %}
 {% assign posts_collate   = include.items %}
@@ -140,11 +141,12 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div>
               <div class="timeline-excerpt mb-4">
-                {% assign excerpt = post.excerpt|truncatewords: 50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
                 <i class="timeline-icon {{icon_family}} {{icon_family}}-{{icon_name}} {{icon_family}}-{{icon_size}} {{icon_family}}-{{icon_color}}"></i>
                 {{excerpt}}
               </div>
-              <div class="card-footer">
+              <div class="card-footer r-text-200 text-lowercase">
+                <hr class="my-3">
                 <a href="{{post.url}}#readmore"
                    class="btn btn-secondary btn-raised btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
@@ -162,10 +164,11 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div>
               <div class="timeline-excerpt mb-4">
-                {% assign excerpt = post.excerpt|truncatewords: 50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
                 {{excerpt}}
               </div>
-              <div class="card-footer">
+              <div class="card-footer r-text-200 text-lowercase">
+                <hr class="my-3">
                 <a href="{{post.url}}#readmore"
                    class="btn btn-secondary btn-raised btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
@@ -181,7 +184,7 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div -->
               <div class="excerpt">
-                {% assign excerpt = post.excerpt|truncatewords: 50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
                 {{excerpt}}
               </div>
             </div>
@@ -193,21 +196,22 @@
               {% assign comment_count = sharing.comment_count %}
             {% endfor %}
 
-            <div class="card-footer r-text-200">
+            <div class="card-footer r-text-200 text-lowercase">
+              <hr class="my-3">
               <div class="card-footer-text">
                 {% if post.date %}
-                <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+                <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i> {{post.date | date: "%Y %B, %e"}}
                 {% endif %}
                 {% if likes_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-heart mr-1"></i> {{likes_count}}
+                <i class="mdi mdi-heart md-grey-600 mr-1"></i> {{likes_count}}
                 {% endif %}
                 {% if comment_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-comment mr-1"></i> {{comment_count}}
+                <i class="mdi mdi-comment md-grey-600 mr-1"></i> {{comment_count}}
                 {% endif %}
               </div>
-              <a class="card-link md-grey-800 font-weight-bold g-font-size-12 text-uppercase"
+              <a class="card-link text-muted text-lowercase"
                 href="{{post.url}}#readmore">
                 Read · {{post.tagline}}
               </a>

data/_layouts/default.html

@@ -315,8 +315,18 @@ layout:                                 compress
     {% endif %}
     });
   </script>
-  <!-- [INFO   ] [j1.layout.default.html                ] [ end page processing ] -->
 
+  {% comment %} Initialize Window History (back on <ESC>)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.layout.default.html                ] [ initialize window.history.back ] -->
+  <script>
+  // Redirect on KEY <ESC>
+  window.onkeyup = function (e)
+  {
+   if (e.keyCode == 27) window.history.back();
+  }
+  </script>
+  <!-- [INFO   ] [j1.layout.default.html                ] [ end page processing ] -->
 </html>
 
 {% endcapture %}

data/apps/public/cc/index.adoc

@@ -3,14 +3,23 @@ layout:                                 page
 
 title:                                  Control Center
 tagline:                                site management
-description:                            A CMS environment based on Netlify CMS
+description:                            A HeadlessCMS environment based on NetlifyCMS
 
-tags:                                   [ App, Control Center ]
-index:                                  [ Control, Center, Netlify, CMS ]
-categories:                             [ apps ]
+categories:                             [ Apps ]
+tags:                                   [ Control, Center, Netlify, Headless, CMS ]
+
+sitemap:                                false
+robots:
+  index:                                false
+  follow:                               false
+
+analytics:                              false
+advertising:                            false
+comments:                               false
 
 toc:                                    false
 scrollbar:                              true
+
 permalink:                              /apps/public/cc/
 regenerate:                             false