j1_template_mde 2018.4.17 → 2018.4.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f733c43d55fa5936d4cfc8957dacdb3cfb1b89a0
-  data.tar.gz: b511d8492b0ac81812aad442d5128f5fc3f0a115
+  metadata.gz: eb351d1292abd9e59005d678d6e9688e99fb9622
+  data.tar.gz: c9bea7b4b80f0fb9ab77a4cfa7160b52eb98b191
 SHA512:
-  metadata.gz: dc05ddf5d11b2155f90a8e9d4487e361e74a917f194829b8360341cfbff87ac255f1cbb0df9f4cb6376b12710fe2dd5e9c8c5a8741560185cbaa0b0529565404
-  data.tar.gz: dd8580c25c18ff934189fd46360a6a16d1eed1a79ff84ce7c45211a85716c3f5c08579013486dbfee1c73c6cb99f06d1887847fdb85168f5ef70773833a6caa1
+  metadata.gz: 36fbcbddebdeaecf82e05835e034aa4312f07bbaa7d40b993de89fc4162a2b98c3786f28409e6736d9ffb23c65fc898203ec2fc1ffc57f73d93ca589b08f817e
+  data.tar.gz: 3207470aca74ae5d66bcf1370562cadef3a0c662681d3ddb13c5df8a9fb3eb9e2f82b258380897c60c5b5b4718a87f9b280e4b284dbccbfc40a0b30ba635a293

data/_includes/themes/j1/modules/boards/news_pin_board.html

@@ -35,14 +35,14 @@
               src="/assets/images/blog-magazine/images/lady-laptop-1200x800.jpg" alt="Image Description">
           </figure>
           <span class="g-hidden-xs-down g-pos-abs g-top-30 g-left-30">
-          <a class="btn btn-xs u-btn-darkpurple text-uppercase rounded-0" href="javascript:void(0)">Software</a>
+          <a class="btn btn-xs u-btn-darkpurple text-uppercase rounded-0" href="#">Software</a>
           </span>
           <div class="g-pos-abs g-bottom-30 g-left-30 g-right-30">
             <small class="g-color-white">
             <i class="icon-clock g-pos-rel g-top-1 g-mr-2"></i> July 1, 2017
             </small>
             <h3 class="g-font-size-20 g-my-10">
-              <a class="g-color-white g-color-white--hover" href="javascript:void(0)">
+              <a class="g-color-white g-color-white--hover" href="#">
                 J1 Quickstart for Jekyll not already installed? Go for the download and you're done in minutes.
               </a>
             </h3>
@@ -72,14 +72,14 @@
               src="/assets/images/blog-magazine/images/lady-writing-1200x800.jpg" alt="Image Description">
           </figure>
           <span class="g-hidden-xs-down g-pos-abs g-top-30 g-left-30">
-          <a class="btn btn-xs u-btn-cyan text-uppercase rounded-0" href="javascript:void(0)">Writing</a>
+          <a class="btn btn-xs u-btn-cyan text-uppercase rounded-0" href="#">Writing</a>
           </span>
           <div class="g-pos-abs g-bottom-30 g-left-30 g-right-30">
             <small class="g-color-white">
             <i class="icon-clock g-pos-rel g-top-1 g-mr-2"></i> July 22, 2016
             </small>
             <h3 class="g-font-size-20 g-my-10">
-              <a class="g-color-white g-color-white--hover" href="javascript:void(0)">
+              <a class="g-color-white g-color-white--hover" href="#">
                 Do you know the AsciiDoc Markup Language? Writing the better way. First version of the AsciiDoc Writers Guide is out!
               </a>
             </h3>
@@ -109,9 +109,9 @@
               src="/assets/images/blog-magazine/images/child-balloons-600x400.jpg" alt="Image Description">
           </figure>
           <div class="w-100 text-center g-absolute-centered g-px-30">
-            <a class="btn btn-xs u-btn-indigo text-uppercase rounded-0" href="javascript:void(0)">Tech</a>
+            <a class="btn btn-xs u-btn-indigo text-uppercase rounded-0" href="#">Tech</a>
             <h3 class="g-font-size-20 g-mt-10">
-              <a class="g-color-white" href="javascript:void(0)">
+              <a class="g-color-white" href="#">
                 Static Webs: secure, simple and fast. The better Web!
               </a>
             </h3>
@@ -131,9 +131,9 @@
               src="/assets/images/blog-magazine/images/sports-lanes-600x400.jpg" alt="Image Description">
           </figure>
           <div class="w-100 text-center g-absolute-centered g-px-30">
-            <a class="btn btn-xs u-btn-red text-uppercase rounded-0" href="javascript:void(0)">Jekyll</a>
+            <a class="btn btn-xs u-btn-red text-uppercase rounded-0" href="#">Jekyll</a>
             <h3 class="g-font-size-20 g-mt-10">
-              <a class="g-color-white" href="javascript:void(0)">
+              <a class="g-color-white" href="#">
                 Never used a static Web? Learn Jekyll in Day!
               </a>
             </h3>
@@ -153,9 +153,9 @@
               src="/assets/images/blog-magazine/images/lady-black-yellow-600x400.jpg" alt="Image Description">
           </figure>
           <div class="w-100 text-center g-absolute-centered g-px-30">
-            <a class="btn btn-xs u-btn-teal text-uppercase rounded-0" href="javascript:void(0)">Images</a>
+            <a class="btn btn-xs u-btn-teal text-uppercase rounded-0" href="#">Images</a>
             <h3 class="g-font-size-20 g-mt-10">
-              <a class="g-color-white" href="javascript:void(0)">
+              <a class="g-color-white" href="#">
                 Images - A must for a current Web! Learn what J1 can do.
               </a>
             </h3>

data/_includes/themes/j1/modules/headers/master_header_generator.html

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/templates/j1/modules/headers/masthead.html
- #  Liquid template to create the Master Header (masthead)
+ #  Liquid template to create the Master Header (masthead) of a page
  #
  #  Product/Info:
  #  https://jekyll-one.com
@@ -18,16 +18,16 @@
 {% endcomment %}
 
 {% comment %} Liquid procedures
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
 {% capture select_font_size %}themes/{{site.template.name}}/procedures/global/select_font_size.proc{% endcapture %}
 
 {% comment %} Variables
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign header_config             = site.data.modules.j1_header %}
 
 {% comment %} Initialize default values
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign default_style             = 'raised' %}
 {% assign default_logo_height       = 128 %}
 {% assign default_logo_alt          = site.title %}
@@ -39,12 +39,12 @@
 {% assign default_icon_family       = 'fa' %}
 
 {% comment %} Initialize header values
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% for item in header_config.headers %}
   {% if item.header.enabled %}
 
     {% comment %} Detect header for the page (layout)
-     -------------------------------------------------------- {% endcomment %}
+     --------------------------------------------------------------------------- {% endcomment %}
      {% assign header_id = item.header.id %}
 
      {% if item.header.layout contains page.layout %}
@@ -76,7 +76,7 @@
   {% endfor %}
 
 {% comment %} Initialize logo image
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% unless logo_height %}
   {% assign logo_height = default_logo_height %}
 {% endunless %}
@@ -86,7 +86,7 @@
 {% endunless %}
 
 {% comment %} Initialize header action (button)
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% unless action_text %}
  {% assign action_text = default_action_text %}
 {% endunless %}
@@ -100,39 +100,39 @@
 {% endunless %}
 
 {% comment %} Deactivate header action and logo (currently NOT supported)
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign action_enabled = false %}
 {% assign logo_enabled = false %}
 
 
 {% comment %} Main
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% if header %}
 
  {% comment %} Place header detected
- -------------------------------------------------------------- {% endcomment %}
+ ------------------------------------------------------------------------------- {% endcomment %}
   <div id="{{header}}" class="j1-masthead">
-      <div class="container">
-        {% if logo_enabled %}
-        <div class="{{imageAnimate}}"> <h2 class="home-title"><img src="{{imageName}}" height="{{imageHeigth}}px" alt="{{imageAlt}}"></h2></div>
-        {% endif %}
-        <div id="head-title" class="head-title animated"> <h2 id="head-title-text" class="notoc">{{page.title}}</h2></div>
-        <div id="head-tagline" class="head-tagline animated"> <h3 id="head-tagline-tagline" class="notoc">{{page.tagline}}</h3></div>
-        {% if action_enabled %}
-        <div class="{{action_button}}">
-          <a href="{{action_url}}"><i class="{{iconFamily}}"></i> {{action_text}}</a>
-        </div>
-        {% endif %}
-        <!-- Image caption container (display: none per default) -->
-        <!-- div class="j1-masthead-caption text-emphasis-{{text_emphasis}}"></div -->
-        <div class="j1-masthead-caption"></div>
+    <div class="container">
+      {% if logo_enabled %}
+      <div class="{{imageAnimate}}"> <h2 class="home-title"><img src="{{imageName}}" height="{{imageHeigth}}px" alt="{{imageAlt}}"></h2></div>
+      {% endif %}
+      <div id="head-title" class="head-title animated"> <h2 id="head-title-text" class="notoc">{{page.title}}</h2></div>
+      <div id="head-tagline" class="head-tagline animated"> <h3 id="head-tagline-tagline" class="notoc">{{page.tagline}}</h3></div>
+      {% if action_enabled %}
+      <div class="{{action_button}}">
+        <a href="{{action_url}}"><i class="{{icon-family}}"></i> {{action_text}}</a>
       </div>
+      {% endif %}
+      <!-- Image caption container (display: none per default) -->
+      <!-- div class="j1-masthead-caption text-emphasis-{{text_emphasis}}"></div -->
+      <div class="j1-masthead-caption"></div>
+    </div>
   </div>
 
 {% else %}
 
  {% comment %} No header
- -------------------------------------------------------------- {% endcomment %}
+ ------------------------------------------------------------------------------- {% endcomment %}
   <div id="no_header" class="j1-masthead" style="margin-bottom: 120px;">
     <div class="container"></div>
   </div>

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

@@ -0,0 +1,181 @@
+++++
+<div id="search-searchbar"></div>
+
+<div class="post-list" id="search-hits">
+   {% for post in site.posts %}
+     <div class="post-item">
+       {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+       <span class="post-meta">{{ post.date | date: date_format }}</span>
+ 
+       <h2>
+         <a class="post-link" href="{{ post.url | relative_url }}">
+           {{ post.title | escape }}
+         </a>
+       </h2>
+ 
+       <div class="post-snippet">{{ post.excerpt }}</div>
+     </div>
+   {% endfor %}
+</div>
+++++
+
+++++
+<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css">
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css">
+
+<script>
+
+  const hitTemplate = function(hit) {
+    // var re = new RegExp("^\/posts");
+    // var re = new RegExp("^\/pages");
+    var re = new RegExp("^\/pages|^\/collections");    
+    if ( re.test(hit.url) ) {
+      let date = '';
+      if (hit.date) {
+        date = moment.unix(hit.date).format('MMM D, YYYY');
+      }
+      // let url = `/jekyll-algolia-example${hit.url}#${hit.anchor}`;
+      let url = `${hit.url}`;
+
+      const title = hit._highlightResult.title.value;
+      let breadcrumbs = '';
+
+      if (hit._highlightResult.headings) {
+        breadcrumbs = hit._highlightResult.headings.map(match => {
+          return `<span class="post-breadcrumb">${match.value}</span>`
+        }).join(' > ')
+      }
+
+      const content = hit._highlightResult.html.value;
+
+      return `
+        <div class="search-result-item">
+          <div class="card">
+            <div class="card-body">
+              <span class="post-meta">${date}</span>
+              <h2 class="card-title">${title}</h2>
+              <h6 class="card-subtitle mb-2 text-muted">${hit.tagline}</h6>
+              <div class="card-text">${content}</div>
+              <div class="card-footer">
+                <a class="card-link" href="${url}" target="blank">Read more ..</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      `;
+    }
+  }
+
+  <!-- Access credentials and index -->
+  const search = instantsearch({
+    appId: '{{ site.algolia.application_id }}',
+    apiKey: '{{ site.algolia.search_only_api_key }}',
+    indexName: '{{ site.algolia.index_name }}',
+    routing: true
+  });
+  // initialize SearchBox
+  search.addWidget(
+    instantsearch.widgets.searchBox({
+      container: '#search-searchbar',
+      placeholder: 'Search this site ..',
+      poweredBy: true // This is required if you're on the free Community plan
+    })
+  );
+  // initialize hits widget
+  search.addWidget(
+    instantsearch.widgets.hits({
+      container: '#search-hits',
+      templates: {
+        empty: 'No results',
+        item: hitTemplate
+      }
+    })
+  );
+  // initialize RefinementList
+  search.addWidget(
+    instantsearch.widgets.refinementList({
+      container: '#refinement-list',
+      attributeName: 'outsideDiameter.description',
+      collapsible: true,
+      operator: "and",
+      limit: 5,
+      sortBy: ["isRefined","count:asc","name:asc"],
+      showMore: true,
+      attributeName: 'tags'
+      // cssClasses: {
+    	// 	"root": "ais-refinement-list",
+    	// 	"header": "ais-refinement-list--header",
+    	// 	"body": "ais-refinement-list--body",
+    	// 	"footer": "ais-refinement-list--footer",
+    	// 	"list": "ais-refinement-list--list",
+    	// 	"item": "ais-refinement-list--item",
+    	// 	"active": "ais-refinement-list--item__active",
+    	// 	"label": "ais-refinement-list--label",
+    	// 	"checkbox": "ais-refinement-list--checkbox",
+    	// 	"count": "ais-refinement-list--count"
+      // }
+    })
+  );
+
+  search.start();
+</script>
+
+
+<style>
+.ais-search-box {
+  max-width: 100%;
+  margin-bottom: 15px;
+}
+
+.ais-search-box--input {
+  padding-left: 2rem !important;
+}
+
+.ais-search-box--magnifier {
+  top: 0 !important;
+  right: 0 !important;
+}
+
+.ais-search-box--reset {
+  top: 0 !important;
+  right: 0 !important;
+}
+
+.search-result-item {
+  margin-bottom: 30px;
+}
+
+/*
+.post-item {
+  margin-bottom: 30px;
+}
+.post-link .ais-Highlight {
+  color: #111;
+  font-style: normal;
+  text-decoration: underline;
+}
+.post-breadcrumbs {
+  color: #424242;
+  display: block;
+}
+.post-breadcrumb {
+  font-size: 18px;
+  color: #424242;
+}
+.post-breadcrumb .ais-Highlight {
+  font-weight: bold;
+  font-style: normal;
+}
+.post-snippet .ais-Highlight {
+  color: #2a7ae2;
+  font-style: normal;
+  font-weight: bold;
+}
+.post-snippet img {
+  display: none;
+}
+*/
+
+</style>

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/layouts/content_writer.proc

@@ -18,17 +18,17 @@
 {% endcomment %}
 
 {% comment %} Liquid procedures
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% include themes/{{site.template.name}}/procedures/global/setup.proc %}
 
 {% comment %} Variables
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign items           = include.items %}
 {% assign placement       = include.region %}
 
 
 {% comment %} Main
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 
 <!-- [INFO   ] [j1.layout.content_writer.proc      ] [start processing: load CONTENT portion for layout: {{page.layout}}] -->
 {% for lane in items %}
@@ -54,22 +54,22 @@
     {% endfor %}
 
     {% comment %}  Skip all regions should NOT placed
-    --------------------------------------------------------- {% endcomment %}
+    ---------------------------------------------------------------------------- {% endcomment %}
     {% unless region == placement %} {% continue %} {% endunless %}
 
 
     {% comment %}  Skip all lanes DISABLED
-    --------------------------------------------------------- {% endcomment %}
+    ---------------------------------------------------------------------------- {% endcomment %}
     {% if enabled %}
 
       {% assign base = base | remove_first: '_includes/' %}
 
       {% comment %} Process all REGIONS for the given layout
-      ------------------------------------------------------- {% endcomment %}
+      -------------------------------------------------------------------------- {% endcomment %}
         {% case region %}
 
           {% comment %} Collect the BODY-MAIN region
-          --------------------------------------------------- {% endcomment %}
+          ---------------------------------------------------------------------- {% endcomment %}
           {% when 'body-main' %}
 
             {% if placement == 'body-main' %}
@@ -83,7 +83,7 @@
             {% endif %}  {% comment %} END placement {% endcomment %}
 
           {% comment %} Collect the BODY-FOOTER region
-          --------------------------------------------------- {% endcomment %}
+          ---------------------------------------------------------------------- {% endcomment %}
           {% when 'body-footer' %}
 
             {% if placement == 'body-footer' %}