j1_template_mde 2018.4.10

data/_layouts/compress.html

@@ -0,0 +1,52 @@
+---
+---
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #   ~/_layouts/compress.html
+ #  Liquid layout template for all pages|layouts to COMPRESS the HTML output
+ #  for production mode
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #  Copyright (C) 2014 Anatol Broder
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #  Compress HTML is licensed under the MIT License.
+ #  See: https://github.com/penibelst/jekyll-compress-html/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Compress is the post-processing layout inherited by layout DEFAULT
+ #    for all page layouts to compress the HTML for all pages generated.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Compress is only used for PRODUCTION mode.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% assign environment = site.environment %}
+
+  {% case environment %}
+
+    {% comment %} PRODUCTION mode (compress)
+       ---------------------------------------------------------- {% endcomment %}
+    {% when 'production' or 'prod' %}
+
+      {% capture _LINE_FEED %}
+      {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% 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>{{ content | 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 %}
+
+    {% comment %} ALL OTHER modes (no compression)
+       ---------------------------------------------------------- {% endcomment %}
+    {% else %}
+
+      {{ content | strip_empty_lines  }}
+
+  {% endcase %}

data/_layouts/default.html

@@ -0,0 +1,192 @@
+---
+layout:                                 compress
+---
+
+{% capture j1_cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_layouts/default.html
+ #  Liquid (default) layout template for all content-pages
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    This is the DEFAULT layout for ALL pages|layouts used by J1 Template.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Depending on the site configuration, the HTML code generated by
+ #    BASE layout will be compressed as a final processing step.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Do NOT add any CONTENT here. If needed, go for a "next level" layout
+ #    that extents the layout BASE by additional data for your specific
+ #    needs based on YAML configuration data files.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ lanes_collate | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Additional debug data
+-------------------------------------------------------------------------------- {% endcomment %}
+ {% if page.debug %}
+ <!-- [DEBUG  ] [j1.layout.default.html            ] [layout data to be loaded: {{lanes_collate}}] -->
+ {% endif %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture default_writer %}themes/{{site.template.name}}/procedures/layouts/default_writer.proc{% endcapture %}
+
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+ {% assign lanes_collate   = site.data.layouts.default.lanes %}
+ {% assign environment     = site.environment %}
+ {% assign compress        = site.compress_html.enabled %}
+ {% assign prettify        = site.data.j1_config.prettify %}
+ {% assign logon_client    = site.data.modules.j1_sign_in_up %}
+
+ {% if jekyll.environment != 'development' %}
+   {% assign environment   = jekyll.environment | strip %}
+ {% endif %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!DOCTYPE {{ site.doctype }}>
+<html lang="{{ site.language }}">
+
+<!-- [INFO   ] [j1.layout.default.html                ] [page generated: {{site.time}}] -->
+<!-- [INFO   ] [j1.layout.default.html                ] [environment detected: {{environment}}] -->
+
+  {% comment %} Collect the head section (region head)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <head>
+    <!-- [INFO   ] [j1.layout.default.html              ] [start processing: run default_writer for region 'head'] -->
+    {% include {{default_writer}} region='head' items=lanes_collate %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: region 'head'] -->
+  </head>
+
+  {% comment %} Collect the body section (region body-*) 
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <body>
+
+  {% comment %} Master Wrapper to prevent "DOM flicker"
+  ------------------------------------------------------------------------------ {% endcomment %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [prevent "DOM flicker" aka "FOUC" (Flash of unstyled content)] -->
+    <div id="no_flicker" class="nojs" >
+
+      <!-- [INFO   ] [j1.layout.default.html            ] [start processing: FOUC|Prevent DOM flicker, make page hidden] -->
+      <script>
+        $("#no_flicker").css("display", "none");
+      </script>
+
+      {% comment %} Collect the BODY-NAVIGATION region
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [start processing: run default_writer for region 'body-navigation'] -->
+      {% include {{default_writer}} region='body-navigation' items=lanes_collate %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [end default_writer processing: region 'body-navigation'] -->
+
+      {% comment %} Inherited CONTENT from other LAYOUTS 
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [start processing: load content inherited by layout: {{ page.layout}}] -->
+      {{ content }}
+      <!-- [INFO   ] [j1.layout.default.html          ] [end default_writer processing: content inherited by layout: {{ page.layout}}] -->
+
+      {% comment %} Collect the BODY-FOOTER region
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [start processing: run default_writer for region 'body-footer'] -->
+      {% include {{default_writer}} region='body-footer' items=lanes_collate %}
+      <!-- [INFO   ] [j1.layout.default.html          ] [end default_writer processing: region 'body-footer'] -->
+
+    </div>
+    <!-- [INFO   ] [j1.layout.default.html              ] [end processing: content creation finished] -->
+
+    {% comment %} Initialize Tooltips|Popovers
+    ---------------------------------------------------------------------------- {% endcomment %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Initialize Tooltips|Popovers] -->
+    <script>
+      $(function() {
+        $('[data-toggle="tooltip"]').tooltip();
+        $('[data-toggle="popover"]').popover();
+      });
+    </script>
+
+    {% comment %} Initialize Enhanced Bootstrap Modals
+    ---------------------------------------------------------------------------- {% endcomment %}
+    <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Initialize Enhanced Bootstrap Modals] -->
+    <script>
+      $(function() {
+        $('body').on('shown.bs.modal', '.modal', function() {
+            if($('.modal-backdrop').length) {
+            } else {
+
+                $modal_dialog = $(this).children('.modal-dialog')
+
+                if($modal_dialog.hasClass('modal-side')) {
+                    $(this).addClass('modal-scrolling');
+                    $('body').addClass('scrollable');
+                }
+
+                if($modal_dialog.hasClass('modal-frame')) {
+                    $(this).addClass('modal-content-clickable');
+                    $('body').addClass('scrollable');
+                }
+            }
+        });
+
+        $('body').on('hidden.bs.modal', '.modal', function() {
+            $('body').removeClass('scrollable');
+        });
+      });
+    </script>
+
+  </body>
+</html>
+
+{% endcapture %}
+
+
+{% comment %} POST processing of the generated page using (captured) cache
+-------------------------------------------------------------------------------- {% endcomment %}
+{% case environment %}
+
+  {% comment %} DEVELOPMENT mode
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% when 'development' or 'dev' or 'test' %}
+    {% if prettify %}
+      {{ j1_cache  | strip_empty_lines | remove: '<p>excerpt__end</p>' | pretty_print }}
+    {% else %}
+      {{ j1_cache | strip_empty_lines | remove: '<p>excerpt__end</p>' }}
+    {% endif %} {% comment %} END prettify {% endcomment %}
+
+
+  {% comment %} PRODUCTION mode
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% when 'production' or 'prod' %}
+    {% unless compress %}
+      {% if prettify %}
+        {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines | pretty_print }}
+      {% else %}
+        {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines  }}
+      {% endif %} {% comment %} END prettify {% endcomment %}
+    {% endunless %} {% comment %} UNLESS compress {% endcomment %}
+
+	{% if compress %}
+      {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines  }}
+	{% endif %}
+
+  {% comment %} UNKNOWN mode
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% else %}
+    {{ j1_cache | remove: '<p>excerpt__end</p>'| strip_empty_lines  }}
+
+{% endcase %}

data/_layouts/home.html

@@ -0,0 +1,80 @@
+---
+layout:                                 default
+debug:                                  false
+regenerate:                             false
+---
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_layouts/home.html
+ #  Liquid layout template for all pages of content-type HOME (index.html)
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    This is the layout for all content pages of type HOME.
+ #    Layout HOME is based on layout DEFAULT to inherit all
+ #    default (HTML) data used for ALL pages.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    By J1 template, "Liquid Procedures" are being used intensively. To load
+ #    HTML data for a region (lane), the (Liquid) procedure "section_loader"
+ #    places the components based on the YAML data file: home.yml.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Do NOT add any CONTENT here. If needed, go for a "next level" layout
+ #    that extents the layout DEFAULT by additional data for your specific
+ #    needs based on YAML configuration data files.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign lanes_collate = site.data.layouts.home.lanes %}
+{% assign rtext               = site.data.j1_config.typography.rtext %}
+{% assign page_rtext          = page.rtext %}
+{% assign page_rtext_size     = page.rtext_size %}
+
+{% if rtext %}
+  {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
+{% else %}
+  {% assign rtext_size = 0 %}
+{% endif %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture default_writer %}themes/{{site.template.name}}/procedures/layouts/default_writer.proc{% endcapture %}
+{% capture content_writer %}themes/{{site.template.name}}/procedures/layouts/content_writer.proc{% endcapture %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+
+  <!-- [INFO   ] [j1.layout.home.home.html         ] [start processing] -->
+  {% comment %} Collect the BODY-HEADER region
+  ------------------------------------------------------------- {% endcomment %}
+  <!-- [INFO   ] [j1.layout.home.html              ] [run default_writer for region 'body-header'] -->
+  <header id="header">
+    {% include {{default_writer}} region='body-header' items=lanes_collate %}
+  </header>
+  <!-- [INFO   ] [j1.layout.home.html              ] [end default_writer processing: region 'body-header'] -->
+
+  {% comment %} Collect the BODY-MAIN region
+  ------------------------------------------------------------- {% endcomment %}
+  <!-- [INFO   ] [j1.layout.home.html              ] [run content_writer for region 'body-main'] -->
+  <main class="container-fluid no-padding r-text-{{rtext_size}}">
+      {% include {{content_writer}} region='body-main' items=lanes_collate %}
+  </main>
+  <!-- [INFO   ] [j1.layout.home.html              ] [end content_writer processing: region 'body-main'] -->
+  <!-- [INFO   ] [j1.layout.home.html              ] [end processing] -->

data/_layouts/page.html

@@ -0,0 +1,68 @@
+---
+layout:                                 default
+debug:                                  false
+---
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_layouts/page.html
+ #  Liquid layout template for all pages of content-type PAGE
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    This is the layout for all content pages of type PAGE.
+ #    Layout PAGE is based on layout DEFAULT to inherit all
+ #    default (HTML) data used for ALL pages.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    For J1 template, "Liquid Procedures" are being used intensively. To load
+ #    HTML data for a region (lane), the (Liquid) procedure "content_writer"
+ #    places the components based on the YAML data file: page.yml.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Do NOT add any CONTENT here. If needed, go for a "next level" layout
+ #    that extents the layout BASE by additional data for your specific
+ #    needs based on YAML configuration data files.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture default_writer %}themes/{{site.template.name}}/procedures/layouts/default_writer.proc{% endcapture %}
+{% capture content_writer %}themes/{{site.template.name}}/procedures/layouts/content_writer.proc{% endcapture %}
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+{% assign lanes_collate = site.data.layouts.page.lanes %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+
+  {% comment %} Collect the BODY-BANNER region
+  ------------------------------------------------------------- {% endcomment %}
+    <!-- [INFO   ] [j1.layout.page.html              ] [run default_writer for region 'body-header'] -->
+  <header id="header">
+    {% include {{default_writer}} region='body-header' items=lanes_collate %}
+  </header>
+  <!-- [INFO   ] [j1.layout.page.html              ] [end default_writer processing: region 'body-header'] -->
+
+  {% comment %} Collect the BODY-CONTENT region
+  ------------------------------------------------------------- {% endcomment %}
+  <!-- [INFO   ] [j1.layout.page.html                ] [run content_writer for region 'body-main'] -->
+  <div class="container-fluid">
+    {% include {{content_writer}} region='body-main' items=lanes_collate %}
+  </div>
+  <!-- [INFO   ] [j1.layout.page.html                ] [end content_writer processing: region 'body-main'] -->

data/_layouts/paginator/autopage_category.html

@@ -0,0 +1,79 @@
+---
+layout:                                 default
+debug:                                  false
+regenerate:                             false
+---
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #   ~/_layouts/paginator_v2/autopage_category.html
+ #  Liquid layout for Paginator V2 - Autopage CATEGORY
+ #
+ #  Product/Info:
+ #  https://jekyll-one.com
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    This is the layout for the Paginator V2 only.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+<!-- Just some nice to have styles for the pager buttons -->
+<style>
+  ul.pager { text-align: center; list-style: none; }
+  ul.pager li {display: inline;border: 1px solid black; padding: 10px; margin: 5px;}
+</style>
+
+<div class="home">
+
+  <h1 class="page-heading">AutoPage Category <b>{% if page.autopages %}{{page.autopage.display_name}}{% endif %}</b> Page {{page.pagination_info.curr_page}} of {{page.pagination_info.total_pages}}</h1>
+
+  Omg! all the categories in one paginated place
+
+  {{ content | markdownify }}
+
+  <ul class="post-list">
+    <!--
+        Here is the main paginator logic called.
+        All calls to site.posts should be replaced by paginator.posts
+    -->
+    {% for post in paginator.posts %}
+      <li>
+        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}{% if post.book.rank %} | Rank: {{ post.book.rank }}{% endif %}{% if post.collection %} | {{ post.collection }}{% endif %}{% if post.tags %}<br>Tags: {{ post.tags }}{% endif %}</span>
+        <h2>
+          <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+        </h2>
+      </li>
+    {% endfor %}
+  </ul>
+
+  <!--
+    Showing buttons to move to the next and to the previous list of posts (pager buttons).
+  -->
+  {% if paginator.total_pages > 1 %}
+  <ul class="pager">
+      {% if paginator.previous_page %}
+      <li class="previous">
+          <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
+      </li>
+      {% endif %}
+      {% if paginator.next_page %}
+      <li class="next">
+          <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
+      </li>
+      {% endif %}
+  </ul>
+  {% endif %}
+
+  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
+
+</div>