j1-template 2020.0.0

data/_includes/themes/j1/modules/search/docsearch.html

@@ -0,0 +1,42 @@
+  <div>
+    <form class="bd-search d-flex align-items-center">
+      <span class="algolia-autocomplete algolia-autocomplete-left" style="position: relative; display: inline-block; direction: ltr;">
+        <span class="bmd-form-group"><input type="search" class="form-control ds-input" id="search-input" placeholder="Search..." autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;"></span>
+        <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: normal; text-indent: 0px; text-rendering: auto; text-transform: none;">c</pre>
+        <span class="ds-dropdown-menu ds-with-1" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: 100%; z-index: 100; left: 0px; right: auto; display: none;">
+          <div class="ds-dataset-1"></div>
+        </span>
+      </span>
+      <button class="btn-link bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-toggle="collapse" data-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false" aria-label="Toggle docs avigation">
+        <svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30" height="30" focusable="false">
+          <title>Menu</title>
+          <path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"></path>
+        </svg>
+      </button>
+    </form>
+  </div>
+
+  {% if page.layout == "page" %}
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
+  <script type="text/javascript">
+    var docsearch = docsearch({
+      apiKey: 'b5c13bef25101d81f781cc15f4485a52',
+      indexName: 'fezvrasta_bootstrap_material_design',
+      inputSelector: '#search-input',
+      handleSelected: function (input, event, suggestion) {
+        var url = suggestion.url;
+        url = suggestion.isLvl1 ? url.split('#')[0]: url;
+        // If it's a title we remove the anchor so it does not jump.
+        window.location.href = url;
+      },
+      transformData: function (hits) {
+        return hits.map(function (hit) {
+          console.log(hit.url);
+          hit.url = hit.url.replace('http://localhost:41000/', '/');
+          return hit;
+        });
+      },
+      debug: false // Set debug to true if you want to inspect the dropdown
+    });
+  </script>
+  {% endif %}

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

@@ -0,0 +1,69 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #   ~/_includes/themes/j1/procedures/posts/create_ad_block.proc
+ #  Liquid PROCEDURE to create a series header for post series
+ #
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2020 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #   Posts procedure. Generates ...
+ #
+ #    Usage:
+ #
+ #      1)  assign the 'page', 'post' and 'readmore' variables
+ #      2)  include the create_ad_block.proc procedure
+ #
+ #    Example:
+ #
+ #      {% capture create_ad_block %}themes/{{site.template.name}}/procedures/posts/create_ad_block.proc{% endcapture %}
+ #      {% assign my_navigation_data = nav_data_array %}
+ #
+ #      {% include {{create_ad_block}} page=page post=post %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign articles = include.collection %}
+
+{% comment %} articles:  {{ articles | debug }} {% endcomment %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for article in articles %}
+
+ {% comment %} article_url:  {{ article.url | debug }} {% endcomment %}
+
+ <div class="article-overview clearfix mb-5">
+   <div class="article-overview-heading">
+
+     <h3 id="{{ 100000 | rand }}" class="article-overview-name">
+       <a href="{{ article.url }}#readmore">
+         {% if article.nickname %}
+           {{ article.nickname }}
+         {% else %}
+           {{ article.title }}
+         {% endif %}
+       </a>
+     </h3>
+
+   </div>
+   <p class="article-overview-description"><i>{{ article.tagline }}</i></p>
+   <div class="article-overview-excerpt"> {{ article.excerpt }} </div>
+ </div>
+
+{% endfor %}

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

@@ -0,0 +1,60 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/procedures/global/collect_frontmatter_options.proc
+ #  Liquid PROCEDURE to extract|collect frontmatter options from the current
+ #  PAGE for a given MODULE.
+ #  Returns a JSON string (object) of all name-value pairs found.
+ #
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2020 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #   Components procedure. Calculate the CLASS of an icon for a given size
+ #   for a specific icon font.
+ #
+ #    Usage:
+ #      1)  assign the 'page_options' variable
+ #      2)  include the collect_frontmatter_options.proc procedure
+ #
+ #    Example:
+ #
+ #      {% capture collect_frontmatter_options %}themes/{{site.template.name}}/procedures/global/collect_frontmatter_options.proc{% endcapture %}
+ #      {% assign my_module   = "j1_my_module_name" %}
+ #
+ #      {% include {{collect_frontmatter_options}} module=my_module %}
+ #      {% assign my_frontmatter_options = {{frontmatter_options}} %}
+ #
+ #    or
+ #
+ #      {% include {{collect_frontmatter_options}} module="j1_my_module_name" %}
+ #      {% assign my_frontmatter_options = {{frontmatter_options}} %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign module              = include.module %}
+{% assign all_module_config   = site.data.modules %}
+{% assign frontmatter_options = nil %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for items in page.resource_options %}
+  {% for item in items %}
+    {% if item[0] == module %}
+      {% assign frontmatter_options = {{item[1] | replace:'=>',':'}} %}
+    {% endif %}
+  {% endfor %}
+{% endfor %}

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

@@ -0,0 +1,66 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/procedures/global/collect_frontmatter_options.proc
+ #  Liquid PROCEDURE to extract|collect frontmatter options from the current
+ #  PAGE for a given MODULE.
+ #  Returns a JSON string (object) of all name-value pairs found.
+ #
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2020 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #   Components procedure. Calculate the CLASS of an icon for a given size
+ #   for a specific icon font.
+ #
+ #    Usage:
+ #      1)  assign the 'page_options' variable
+ #      2)  include the collect_frontmatter_options.proc procedure
+ #
+ #    Example:
+ #
+ #      {% capture collect_frontmatter_options %}themes/{{site.template.name}}/procedures/global/collect_frontmatter_options.proc{% endcapture %}
+ #      {% assign my_module   = "j1_my_module_name" %}
+ #
+ #      {% include {{collect_frontmatter_options}} module=my_module %}
+ #      {% assign my_frontmatter_options = {{frontmatter_options}} %}
+ #
+ #    or
+ #
+ #      {% include {{collect_frontmatter_options}} module="j1_my_module_name" %}
+ #      {% assign my_frontmatter_options = {{frontmatter_options}} %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign page_options = nil %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %}
+{% for items in page.resource_options %}
+  {% for item in items %}
+    {% assign page_options = {{item[1] | replace:'=>',':'}} %}
+  {% endfor %}
+{% endfor %}
+{% endcomment %}
+
+{% assign page_options = page.body | strip | strip_newlines %}
+
+
+
+

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

@@ -0,0 +1,129 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/procedures/components/create_bs_button.proc
+ #  Liquid PROCEDURE to create the HTML code for a BS button
+ #  of type LINK, BUTTON, INPUT and SUBMIT
+ #
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2020 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ #   Components procedure. Calculate the HTML code for a given button TYPE
+ #   based on the button_data (hash) (e.g. taken from the panel configuration)
+ #
+ #    Usage:
+ #      1)  assign the 'button_data' and 'button_type' variables
+ #      2)  include the create_bs_button.proc procedure
+ #
+ #  Example:
+ #
+ #  {% capture create_bs_button %}themes/{{site.template.name}}/procedures/global/create_bs_button.proc{% endcapture %}
+ #  {% assign my_button_hash = button_hash %}
+ #  {% assign my_button_type = "link" %}
+ #
+ #  {% include {{create_bs_button}} button_data=my_button_hash size=my_button_type %}
+ #  {% assign my_button_html = {{button_html}} %}
+ #
+ #  or
+ #
+ #  {% include {{create_bs_button}} button_data=button_hash size="link" %}
+ #  {% assign my_button_html = {{button_html}} %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #  button_data: {{button_data}}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% assign button_data = include.button_data %}
+{% assign button_type = include.button_type | strip | downcase %}
+
+{% comment %} Liquid procedures
+--------------------------------------------------------------- {% endcomment %}
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+
+{% case button_type %}
+
+  {% when 'link' %}
+  {% 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 == '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 }}" class="btn {{button_class}}"><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="btn {{button_class}}"><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 %}
+    {% else %}
+      {% capture bs_button_html %}<!-- INFO: No valid value for parameter href found. -->{% endcapture %}
+    {% endif %}
+
+  {% when 'input' %}
+  {% comment %} Create BS link button
+  ------------------------------------------------------------- {% endcomment %}
+
+  {% when 'submit' %}
+  {% comment %} Create BS link button
+  ------------------------------------------------------------- {% endcomment %}
+
+
+  {% when 'card' %}
+  {% comment %} Create BS card 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 == '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 %}
+      {% endfor %}
+
+    {% endfor %}
+
+    {% if button_href %}
+      {% capture bs_button_html %}<a href="{{button_href}}" class="btn {{button_class}}"><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 %}
+    {% else %}
+      {% capture bs_button_html %}<!-- INFO: No valid value for parameter href found. -->{% endcapture %}
+    {% endif %}
+
+
+{% endcase %}
+
+{% comment %} Reset Liquid vars
+--------------------------------------------------------------- {% endcomment %}
+
+{% assign button_text       = nil %}
+{% assign button_class      = nil %}
+{% assign button_icon       = nil %}
+{% assign button_icon_color = nil %}
+{% assign button_icon_size  = nil %}
+{% assign button_href       = nil %}

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

@@ -0,0 +1,95 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #   ~/_includes/themes/j1/procedures/components/create_word_cloud.proc
+ #  Liquid PROCEDURE to create a word cloud from a list of comma separated
+ #  words.
+ #
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2020 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Components procedure. Create the HTML code (to be included in a page) for
+ #  a word cloud generated from a LIST of comma separated WORDS. All words are
+ #  counted against a given SOURCE (how often they are found).
+ #  Supported SOURCES are: tags|categories
+ #
+ #  If a (second) list of words given by 'skip_words', all words will be
+ #  EXCLUDED from the word cloud.
+ #
+ #    Usage:
+ #      1)  assign the 'source', 'word_list' and 'skip_words' variables
+ #      2)  include the create_word_cloud.proc procedure
+ #
+ #  Example:
+ #
+ #  {% capture create_word_cloud %}themes/{{site.template.name}}/procedures/global/create_word_cloud.proc{% endcapture %}
+ #
+ #  {% capture my_site_tag_list %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+ #  {% include {{create_word_cloud}} source="tags" word_list=my_site_tag_list %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign source      = include.source %}
+{% assign word_list   = include.word_list %}
+{% assign word_array  = word_list  | split:',' | sort %}
+
+{% if source == 'categories' %}
+  {% assign categories = site.categories | sort %}
+{% endif %}
+
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="word-cloud" class="row ml-3 mr-3">
+  <div class="card tagbox raised-z0 mt-0 mb-2">
+
+    <div class="tag-cloud">
+    {% unless word_list %}
+      {% assign word_list = 'empty wordlist' %}
+      <div class="content"><b>Cannot create word cloud. <span class="color-red">EMPTY or INVALID word cloud specified: <i>{{word_list}}</i></span></b></div>
+    {% else  %}
+      <ul class="content">
+        {% if source == 'categories' %}
+          {% for tag in word_array %}            
+            <li>
+              <a href="#{{tag|slugify}}">
+                {{ tag | capitalize }}
+                <span>{{ site.categories[tag] | size }}</span>
+              </a>
+            </li>
+          {% endfor %}
+        {% elsif source == 'tags' %}
+          {% for tag in word_array %}
+            <li>
+              <a href="#{{ tag | replace: '+','_' | replace: ' ','_' | downcase }}">
+                {{ tag }}
+                <span>{{ site.tags[tag] | size }}</span>
+              </a>
+            </li>
+          {% endfor %}
+        {% else %}
+          {% unless source %} {% assign source = 'wrong parameter or missing' %} {% endunless %}
+          <b>Cannot create word cloud. <span class="color-red">Unknown SOURCE of word cloud specified: <i>{{source}}</i></span></b>
+        {% endif %}
+      </ul>
+    {% endunless %}
+    </div> <!-- end tag-cloud -->
+
+  </div><!-- end card -->
+</div><!-- end row -->