j1-template 2020.0.11 → 2020.0.12

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

@@ -102,12 +102,12 @@
         </div>
       </div>
       <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ add search panel (hidden) ] -->
-      <div class="row">
+      <div class="row no-gutters ml-3 mr-5">
         <!-- div class="card card-flat panel-search mr-5 mb-3 ml-5" id="jss-panel" style="display: none" -->
-        <div class="panel-search mr-5 mb-3 col-lg-9" id="jss-panel" style="display: none">
+        <div class="panel-search mb-3" id="jss-panel" style="display: none">
           {% if search_heading_lead %}<div class="panel-heading lead">{{ search_heading_lead }}</div>{% endif %}
           {% if result_heading_lead %}<div class="panel-body"><p>{{ result_heading_lead }}</p></div>{% endif %}
-          <div class="search-list-group mr-5 ml-2">
+          <div class="search-list-group">
             <ul id="jss-results"></ul>
           </div>
         </div>

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

@@ -1,4 +1,4 @@
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  # ~/_includes/themes/j1/procedures/posts/collate_timeline.proc
  # Liquid PROCEDURE to collate posts along a timeline
@@ -146,8 +146,8 @@
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
                    class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg" style="color:#FFFFFF;">
-                   </i> Read More
+                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   </i> Read · {{post.tagline}}
                 </a>
               </div>
             </div>
@@ -167,8 +167,8 @@
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
                    class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg" style="color:#FFFFFF;">
-                   </i> Read More
+                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   </i> Read · {{post.tagline}}
                 </a>
               </div>
             </div>
@@ -185,8 +185,8 @@
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
                    class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg" style="color:#FFFFFF;">
-                   </i> Read More
+                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   </i> Read · {{post.tagline}}
                 </a>
               </div>
             </div>

data/assets/data/authclient.html

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false 
+regenerate: true
 ---
 {% capture cache %}
 
@@ -30,6 +30,7 @@ regenerate:                             false
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config             = site %}
 {% assign template_config         = site.data.template_settings %}
 {% assign blocks                  = site.data.blocks %}
 {% assign modules                 = site.data.modules %}
@@ -42,6 +43,7 @@ regenerate:                             false
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment             = site_config.environment %}
 {% assign nav_authclient_defaults = authentication_defaults.auth_client %}
 {% assign nav_authclient_settings = authentication_settings.auth_client %}
 
@@ -57,7 +59,12 @@ regenerate:                             false
 {% comment %} Liquid var initialization
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} Set auth_client properties 
+{% assign production = '' %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Set auth_client properties
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign icon_family             = authclient_options.icon_family | downcase %}
 {% assign signin_icon             = authclient_options.signin_icon %}
@@ -104,7 +111,7 @@ regenerate:                             false
   {% assign auth_twitter_enabled  = false %}
 {% endif %}
 
-{% if providers contains 'patreon' %} 
+{% if providers contains 'patreon' %}
   {% assign auth_patreon_enabled  = true %}
   {% assign auth_patreon_id       = authclient_options.auth_patreon.id %}
   {% assign auth_patreon_title    = authclient_options.auth_patreon.title | downcase %}
@@ -135,7 +142,7 @@ regenerate:                             false
 <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal signin|signup] -->
 <div class="modal fade" id="modalOmniSignIn" tabindex="-1" role="dialog" aria-labelledby="modalOmniSignIn" aria-hidden="true">
   <div class="modal-dialog modal-lg modal-notify modal-info" role="document">
-    
+
     <!-- Content -->
     <div class="modal-content">
 
@@ -209,7 +216,7 @@ regenerate:                             false
 
           {% endfor %}
           </ul>
-          
+
           <div class="tab-content tab-space">
           {% for provider in providers %}
 
@@ -265,7 +272,7 @@ regenerate:                             false
   <div class="modal-dialog modal-lg modal-notify modal-warning" role="document">
     <!-- Content -->
     <div class="modal-content">
-      
+
       <!--Header-->
       <div class="modal-header">
         <p class="lead">
@@ -314,7 +321,7 @@ regenerate:                             false
         </a>
       </div>
 
-    </div> <!-- END Content -->    
+    </div> <!-- END Content -->
   </div>
 </div> <!-- Modal SignOut -->
 
@@ -369,5 +376,9 @@ regenerate:                             false
 
 {% endcapture %}
 
-{{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% 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/banner.html

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 {% capture cache %}
 
@@ -32,8 +32,9 @@ regenerate:                             true
 
 {% comment %} Set global settings
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment = site.environment %}
-{% assign debug       = false %}
+{% assign site_config             = site %}
+{% assign environment             = site_config.environment %}
+{% assign debug                   = false %}
 
 
 {% comment %} Process YML config data
@@ -59,6 +60,10 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture banner_config_file_name %}~/_data/blocks/banner.yml{% endcapture %}
 
+{% assign production = '' %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
 
 {% comment %} Main
 ================================================================================ {% endcomment %}
@@ -187,32 +192,24 @@ regenerate:                             true
             {% if card_animate %} {% capture animate %}animated {{card_animate}}{% endcapture %} {% endif %}
             <!-- Heading -->
             <div class="row">
-              <div class="col-lg-9">
-                <div class="{{animate}}">
-                  <h1 class="g-font-weight-500 g-mb-0">{{card_title}}</h1>
-                  <p class="tagline">{{card_tagline}}</p>
-                  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
-                </div>
+              <div class="{{animate}}">
+                <h1 class="g-font-weight-500 g-mb-0">{{card_title}}</h1>
+                <p class="tagline">{{card_tagline}}</p>
+                <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
               </div>
             </div>
             <!-- End Heading -->
 
             <!-- Card -->
             <div class="row {{animate}}">
-              <div class="col-lg-9">
-
-                <!-- p class="lead">{{card_description|asciidocify}}</p -->
-                <!-- p class="lead">{{card_description}}</p -->
-                <p class="">{{card_description}}</p>
-                <div class="row btn-row mt-4">
-                  <div class="col-md-{{card_width_md}} col-md-offset-1 col-sm-{{card_width_md}} col-sm-offset-1 col-xs-{{card_width_md | plus:2}}">
-                    {% for button_hash in card_buttons %}
-                      {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
-                      {{bs_button_html}}
-                    {% endfor %}
-                  </div>
+              <p class="">{{card_description}}</p>
+              <div class="row btn-row mt-4">
+                <div class="col-md-{{card_width_md}} col-md-offset-1 col-sm-{{card_width_md}} col-sm-offset-1 col-xs-{{card_width_md | plus:2}}">
+                  {% for button_hash in card_buttons %}
+                    {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
+                    {{bs_button_html}}
+                  {% endfor %}
                 </div>
-
               </div>
             </div>
             <!-- End Card -->
@@ -428,5 +425,9 @@ regenerate:                             true
 
 {% endcapture %}
 
-{{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% 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/carousel.json

@@ -1,8 +1,8 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
-{% capture j1_cache %}
+{% capture cache %}
 
 {% comment %}
  # -----------------------------------------------------------------------------
@@ -17,24 +17,22 @@ regenerate:                             true
  # J1 Template is licensed under the MIT License.
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
+ # The Liquid template sliders.json is used by J1 Slider (Owl Carousel).
+ # This template is a helper that creates the carousel (JSON) data
+ # for all sliders configured (if enabled or NOT). It's used by
+ # the J1 Template Adapter to LOAD the carousel HTML markup portion
+ # via AJAX get.
  #
- #  The Liquid template sliders.json is used by J1 Slider (Owl Carousel).
- #  This template is a helper that creates the carousel (JSON) data
- #  for all sliders configured (if enabled or NOT). It's used by
- #  the J1 Template Adapter to LOAD the carousel HTML markup portion
- #  via AJAX get.
- #
- #  The Liquid template engine generates a JSON file as an object of
- #  arrays that contains all image data used by several sliders. See
- #  below the fields taken from the YAML data file:
- #  ~/_data/apps/j1_carousel.yml.
- #
- #  NOTE:
- #  Be careful changing the Liquid code. If the code is changed, check
- #  the integrity of the JSON data created. Corrupted JSON data makes
- #  the Javascript of an Adapter to fail and no functionality will
- #  be available for most UNCLEAR reasons.
- #
+ # The Liquid template engine generates a JSON file as an object of
+ # arrays that contains all image data used by several sliders. See
+ # below the fields taken from the YAML data file:
+ # ~/_data/apps/j1_carousel.yml.
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # Be careful changing the Liquid code. If the code is changed, check
+ # the integrity of the JSON data created. Corrupted JSON data makes
+ # the Javascript of an Adapter to fail and no functionality will
+ # be available for most UNCLEAR reasons.
  # -----------------------------------------------------------------------------
  # Test data:
  #  {{ liquid_var | debug }}
@@ -46,10 +44,13 @@ regenerate:                             true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config               = site %}
 {% assign apps                      = site.data.apps %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment               = site_config.environment %}
+
 {% assign carousel_config_defaults  = apps.defaults.carousel.defaults %}
 {% assign carousel_config_settings  = apps.carousel.settings %}
 
@@ -57,6 +58,11 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign carousel_config           = carousel_config_defaults | merge: carousel_config_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 {
   {% for item in carousel_config.carousel %}
     "{{item.show.id}}" : [
@@ -105,5 +111,9 @@ regenerate:                             true
 }
 
 {% endcapture %}
-{{ j1_cache | strip_empty_lines }}
-{% assign j1_cache = nil %}
+{% if production %}
+  {{ cache | minifyJSON }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/cookie_consent.html

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -31,7 +31,8 @@ regenerate:                             true
 
 {% comment %} Set global settings
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment                   = site.environment %}
+{% assign site_config                   = site %}
+{% assign environment                   = site_config.environment %}
 
 
 {% comment %} Process YML config data
@@ -46,6 +47,10 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign consent_options               = consent_defaults | merge: consent_settings %}
 
+{% assign production = '' %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
 
 {% comment %} Main
 ================================================================================ {% endcomment %}
@@ -70,54 +75,6 @@ regenerate:                             true
         <div class="px-2">
           <p class="pt-1 pr-2">{{consent_options.policy_about}}</p>
         </div>
-
-        <!-- Cookie categories -->
-        {% if consent_options.categories.enabled %}
-        <div class="px-2">
-          <h6 class="card-subtitle text-muted mb-2">{{consent_options.categories.category_title}}</h6>
-          <table class="tableblock frame-all grid-all stretch table-responsive mr-2">
-            <colgroup>
-              <col style="width: 10%;">
-              <col style="width: 10%;">
-              <col style="width: 10%;">
-              <col style="width: 10%;">
-              <col style="width: 60%;">
-            </colgroup>
-            <thead>
-              <tr>
-                <th class="tableblock halign-center valign-top">{{consent_options.categories.category_session}}</th>
-                <th class="tableblock halign-center valign-top">{{consent_options.categories.category_persistent}}</th>
-                <th class="tableblock halign-center valign-top">{{consent_options.categories.category_first_party}}</th>
-                <th class="tableblock halign-center valign-top">{{consent_options.categories.category_second_party}}</th>
-                <th class="tableblock halign-left valign-top">{{consent_options.categories.category_description}}</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td class="tableblock halign-center valign-top">
-                  <p class="tableblock"><span class="icon red"><i class="fa md-green fa-check"></i></span></p>
-                </td>
-                <td class="tableblock halign-center valign-top">
-                  <p class="tableblock"><span class="icon green"><i class="fa md-green fa-check"></i></span></p>
-                </td>
-                <td class="tableblock halign-center valign-top">
-                  <p class="tableblock"><span class="icon green"><i class="fa md-green fa-check"></i></span></p>
-                </td>
-                <td class="tableblock halign-center valign-top">
-                  <p class="tableblock"><span class="icon green"><i class="fa md-red fa-times"></i></span></p>
-                </td>
-                <td class="tableblock halign-left valign-top">
-                  <div class="content">
-                    <div class="paragraph">
-                      <p>{{consent_options.categories.category_description_text}}</p>
-                    </div>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        {% endif %}
       </div> <!-- END Body -->
 
       <!-- Footer -->
@@ -145,6 +102,73 @@ regenerate:                             true
             <div class="content">
               <h4 class="notoc card-title">{{consent_options.cookie_policy_title}}</h4>
               <h6 class="notoc category text-gray">{{consent_options.cookie_policy_tagline | asciidocify}}</h6>
+
+              <!-- Cookie categories -->
+              {% if consent_options.categories.enabled %}
+              <div class="px-2">
+                <h6 class="card-subtitle text-muted mb-2">{{consent_options.categories.category_title}}</h6>
+                <table class="tableblock frame-all grid-all stretch table-responsive-stacked-lg">
+                  <colgroup>
+                    <col style="width: 33.3333%;">
+                    <col style="width: 16.6666%;">
+                    <col style="width: 50.0001%;">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <th class="tableblock halign-left valign-top">Cookie</th>
+                      <th class="tableblock halign-left valign-top">Usage</th>
+                      <th class="tableblock halign-left valign-top">Description</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_session}}</p>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <div class="content"><i class="fa md-green fa-check"></i></div>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_description_text}}</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_persistent}}</p>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <div class="content"><i class="fa md-green fa-check"></i></div>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_description_text}}</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_first_party}}</p>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <div class="content"><i class="fa md-green fa-check"></i></div>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_description_text}}</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_second_party}}</p>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <div class="content"><i class="fa md-green fa-check"></i></div>
+                      </td>
+                      <td class="tableblock halign-left valign-top">
+                        <p class="tableblock">{{consent_options.categories.category_description_text}}</p>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              {% endif %}
               <div class="card-description">{{ consent_options.cookie_policy_text | asciidocify}}</div>
             </div>
           </div>
@@ -219,5 +243,10 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% endcapture %}
-{{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
-{% assign cache = nil %}
+
+{% 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 %}