j1_template_mde 2018.4.17 → 2018.4.18

data/lib/starter_web/pages/public/start/roundtrip/500_asciidoc_extensions.adoc

@@ -112,6 +112,21 @@ for *5 seconds*. If the button `VIEW` is clicked, the result box toggles
 between open and close (the result gets hidden). That way, you can *open and
 close* the result box *at any time*.
 
+=== Admonition Blocks
+
+Colors for Admonition Blocks set to stand MD color set.
+
+NOTE: Icon background-color: indigo
+
+TIP: Icon background-color: green
+
+IMPORTANT: Icon background-color: orange
+
+WARNING: Icon background-color: yellow
+
+CAUTION: Icon background-color: red
+
+
 === Additional Admonition Blocks
 
 Q&A sections are used quite often to answer popular questions. To make such a

data/lib/starter_web/pages/public/start/roundtrip/800_search_engine.adoc

@@ -0,0 +1,185 @@
+---
+title:                                  Search Engine
+tagline:                                Algolia Online Search
+description:                            Using Algolia Index API for static sites
+
+tags:                                   []
+resources:                              [ algolia ]
+permalink:                              /pages/public/start/roundtrip/search_engine/
+
+resource_options:
+
+  - toccer:
+      collapseDepth:                    2
+
+  - masthead:
+      opacity:                          0.2
+      slides:
+        - url:                          /assets/images/widescreen/featured-1920x800.jpg
+          alt:                          featured-1920x800
+
+regenerate:                             true
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here
+// -------------------------------------------------------------------
+
+
+== Search Engine
+
+lorem:sentences[5]
+
+=== Site Search
+
+lorem:sentences[3]
+
+++++
+  <!-- SearchBox widget will appear here -->
+  <div id="search-searchbar" class="mb-4"> </div>
+++++
+
+=== Refine the search
+
+lorem:sentences[2]
+
+++++
+  <!-- RefinementList widget will appear here -->
+  <div id="refinement-list" class="mb-3"> 
+  </div>
+++++
+
+=== Search Results
+
+lorem:sentences[2]
+
+++++
+  <!-- Hits widget will appear here -->
+  <div class="result-list" id="search-hits">
+    <div class="result-item"></div>
+  </div>
+++++
+
+++++
+<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 card-flat">
+            <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'
+    })
+  );
+  search.start();
+</script>
+++++
+
+++++
+<style>
+.ais-search-box {
+  max-width: 100%;
+  margin-bottom: 15px;
+}
+
+.ais-search-box--input {
+  padding-left: 2.5rem !important;
+}
+
+.ais-search-box--magnifier {
+  top: 1rem !important;
+  right: 1rem !important;
+  left: 1rem !important;
+}
+
+.ais-search-box--reset {
+  top: 1rem !important;
+  right: 1rem !important;
+}
+
+.search-result-item {
+  margin-bottom: 30px;
+}
+
+em.ais-Highlight {
+  font-weight: bold;
+  font-size: 1.125rem;
+  font-style: inherit;
+  color: #3f51b5;
+}
+</style>
+++++
+

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1_template_mde
 version: !ruby/object:Gem::Version
-  version: 2018.4.17
+  version: 2018.4.18
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-01-18 00:00:00.000000000 Z
+date: 2019-01-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: dotenv
@@ -83,6 +83,8 @@ files:
 - _includes/themes/j1/modules/navigator/procedures/quicklinks.proc
 - _includes/themes/j1/modules/navigator/procedures/sidebar.proc
 - _includes/themes/j1/modules/navigator/procedures/topsearch.proc
+- _includes/themes/j1/modules/search/algolia.html
+- _includes/themes/j1/modules/search/docsearch.html
 - _includes/themes/j1/procedures/collections/create_collection_article_preview.proc
 - _includes/themes/j1/procedures/global/_get_page_path.proc.new
 - _includes/themes/j1/procedures/global/_get_page_path.proc.org
@@ -106,14 +108,11 @@ files:
 - _includes/themes/j1/procedures/layouts/default_writer.proc
 - _includes/themes/j1/procedures/layouts/module_writer.proc
 - _includes/themes/j1/procedures/layouts/resource_writer.proc
-- _includes/themes/j1/procedures/posts/_collate_timeline.proc
 - _includes/themes/j1/procedures/posts/collate_calendar.proc
 - _includes/themes/j1/procedures/posts/collate_list.proc
 - _includes/themes/j1/procedures/posts/collate_timeline.proc
 - _includes/themes/j1/procedures/posts/create_ad_block.proc
 - _includes/themes/j1/procedures/posts/create_series_header.proc
-- _layouts/_unused/default.html
-- _layouts/_unused/default.modal.html
 - _layouts/app.html
 - _layouts/blog_archive.html
 - _layouts/collection.html
@@ -258,6 +257,7 @@ files:
 - lib/starter_web/assets/data/menu.html
 - lib/starter_web/assets/data/objects.json
 - lib/starter_web/assets/data/panel.html
+- lib/starter_web/assets/data/panel.org.html
 - lib/starter_web/assets/data/search.json
 - lib/starter_web/assets/data/themes.json
 - lib/starter_web/assets/data/twa_v1.json
@@ -267,10 +267,10 @@ files:
 - lib/starter_web/assets/images/backgrounds/bg-3.jpg
 - lib/starter_web/assets/images/backgrounds/bg-4.jpg
 - lib/starter_web/assets/images/backgrounds/bg-7.jpg
-- lib/starter_web/assets/images/blog/featured/img3.jpg
 - lib/starter_web/assets/images/blog/featured/jekyll.1200x400.png
 - lib/starter_web/assets/images/blog/featured/jekyll.png
 - lib/starter_web/assets/images/blog/featured/staticgen.jpg
+- lib/starter_web/assets/images/blog/featured/welcome-to-j1-template.jpg
 - lib/starter_web/assets/images/blog/featured/what-is-a-baseurl.jpg
 - lib/starter_web/assets/images/blog/series/j1_using_docker/j1_docker_banner.1280x500.png
 - lib/starter_web/assets/images/blog/series/j1_using_docker/kinematic_alpha.1280x600.png
@@ -428,6 +428,20 @@ files:
 - lib/starter_web/assets/images/md-kit/kendall.png
 - lib/starter_web/assets/images/md-kit/marc.jpg
 - lib/starter_web/assets/images/md-kit/office1.jpg
+- lib/starter_web/assets/images/mdb/lightbox/default-skin.png
+- lib/starter_web/assets/images/mdb/lightbox/default-skin.svg
+- lib/starter_web/assets/images/mdb/lightbox/preloader.gif
+- lib/starter_web/assets/images/mdb/overlays/01.png
+- lib/starter_web/assets/images/mdb/overlays/02.png
+- lib/starter_web/assets/images/mdb/overlays/03.png
+- lib/starter_web/assets/images/mdb/overlays/04.png
+- lib/starter_web/assets/images/mdb/overlays/05.png
+- lib/starter_web/assets/images/mdb/overlays/06.png
+- lib/starter_web/assets/images/mdb/overlays/07.png
+- lib/starter_web/assets/images/mdb/overlays/08.png
+- lib/starter_web/assets/images/mdb/overlays/09.png
+- lib/starter_web/assets/images/mdb/svg/arrow_left.svg
+- lib/starter_web/assets/images/mdb/svg/arrow_right.svg
 - lib/starter_web/assets/images/old_times/image_01.jpg
 - lib/starter_web/assets/images/old_times/image_02.jpg
 - lib/starter_web/assets/images/old_times/image_03.jpg
@@ -522,22 +536,27 @@ files:
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/OpenSansEmoji.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Black.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-BlackItalic.ttf
+- lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.eot
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.woff
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.woff2
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-BoldItalic.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Italic.ttf
+- lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.eot
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.woff
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.woff2
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-LightItalic.ttf
+- lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.eot
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.woff
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.woff2
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-MediumItalic.ttf
+- lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.eot
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.woff
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.woff2
+- lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.eot
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.ttf
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.woff
 - lib/starter_web/assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.woff2
@@ -568,6 +587,14 @@ files:
 - lib/starter_web/assets/themes/j1/core/js/template.js
 - lib/starter_web/assets/themes/j1/core/js/template.js.map
 - lib/starter_web/assets/themes/j1/core/js/template.min.js
+- lib/starter_web/assets/themes/j1/extensions/bmd/css/bootstrap-material-design.css
+- lib/starter_web/assets/themes/j1/extensions/bmd/css/bootstrap-material-design.min.css
+- lib/starter_web/assets/themes/j1/extensions/bmd/js/bootstrap-material-design.js
+- lib/starter_web/assets/themes/j1/extensions/bmd/js/bootstrap-material-design.js.map
+- lib/starter_web/assets/themes/j1/extensions/bmd/js/bootstrap-material-design.min.js
+- lib/starter_web/assets/themes/j1/extensions/bmd/js/umd/popper.js
+- lib/starter_web/assets/themes/j1/extensions/bmd/js/umd/popper.min.js
+- lib/starter_web/assets/themes/j1/extensions/bmd/js/umd/popper.min.js.map
 - lib/starter_web/assets/themes/j1/extensions/carousel/css/carousel.css
 - lib/starter_web/assets/themes/j1/extensions/carousel/css/carousel.min.css
 - lib/starter_web/assets/themes/j1/extensions/carousel/css/carousel_transitions.css
@@ -665,6 +692,75 @@ files:
 - lib/starter_web/assets/themes/j1/extensions/livereload/README.md
 - lib/starter_web/assets/themes/j1/extensions/livereload/js/livereload.js
 - lib/starter_web/assets/themes/j1/extensions/livereload/js/livereload.min.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/CODE_OF_CONDUCT.md
+- lib/starter_web/assets/themes/j1/extensions/mdb/CONTRIBUTING.md
+- lib/starter_web/assets/themes/j1/extensions/mdb/License.pdf
+- lib/starter_web/assets/themes/j1/extensions/mdb/README.md
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/addons/datatables.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/addons/datatables.min.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/bootstrap.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/bootstrap.min.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/mdb.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/mdb.lite.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/mdb.lite.min.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/mdb.min.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/modules/animations-extended.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/modules/animations-extended.min.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/style.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/css/style.min.css
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Bold.eot
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Bold.ttf
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Bold.woff
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Bold.woff2
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Light.eot
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Light.ttf
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Light.woff
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Light.woff2
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Medium.eot
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Medium.ttf
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Medium.woff
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Medium.woff2
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Regular.eot
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Regular.ttf
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Regular.woff
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Regular.woff2
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Thin.eot
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Thin.ttf
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Thin.woff
+- lib/starter_web/assets/themes/j1/extensions/mdb/font/roboto/Roboto-Thin.woff2
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/lightbox/default-skin.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/lightbox/default-skin.svg
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/lightbox/preloader.gif
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/01.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/02.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/03.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/04.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/05.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/06.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/07.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/08.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/overlays/09.png
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/svg/arrow_left.svg
+- lib/starter_web/assets/themes/j1/extensions/mdb/img/svg/arrow_right.svg
+- lib/starter_web/assets/themes/j1/extensions/mdb/index.html
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/addons/datatables.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/addons/datatables.min.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/bootstrap.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/bootstrap.min.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/jquery-3.3.1.min.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/mdb.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/mdb.min.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/chart.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/default-file-input.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/enhanced-modals.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/forms-free.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/jquery.easing.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/scrolling-navbar.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/velocity.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/velocity.min.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/waves.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/modules/wow.js
+- lib/starter_web/assets/themes/j1/extensions/mdb/js/popper.min.js
 - lib/starter_web/assets/themes/j1/extensions/patreon/patreon.widget.button.html
 - lib/starter_web/assets/themes/j1/extensions/rouge/css/base16.dark/theme.css
 - lib/starter_web/assets/themes/j1/extensions/rouge/css/base16.light/theme.css
@@ -782,9 +878,14 @@ files:
 - lib/starter_web/pages/public/legal/en/400_license_agreement.adoc
 - lib/starter_web/pages/public/legal/en/500_support.adoc
 - lib/starter_web/pages/public/panels/intro_panel.adoc
+- lib/starter_web/pages/public/panels/service_panel_components.adoc
+- lib/starter_web/pages/public/panels/service_panel_core.adoc
+- lib/starter_web/pages/public/panels/service_panel_modules.adoc
 - lib/starter_web/pages/public/previewer/000_includes/attributes.asciidoc
 - lib/starter_web/pages/public/previewer/bootstrap_theme.adoc
 - lib/starter_web/pages/public/start/000_includes/attributes.asciidoc
+- lib/starter_web/pages/public/start/bmd_examples/000_includes/attributes.asciidoc
+- lib/starter_web/pages/public/start/bmd_examples/100_bmd_landing_page.adoc
 - lib/starter_web/pages/public/start/change_me_first.adoc
 - lib/starter_web/pages/public/start/downloads/quickstarter/000_includes/attributes.asciidoc
 - lib/starter_web/pages/public/start/downloads/quickstarter/000_includes/tables/100_quickstart_installation_packages.asciidoc
@@ -820,7 +921,8 @@ files:
 - lib/starter_web/pages/public/start/roundtrip/400_icon_fonts.adoc
 - lib/starter_web/pages/public/start/roundtrip/500_asciidoc_extensions.adoc
 - lib/starter_web/pages/public/start/roundtrip/600_themes.adoc
-- lib/starter_web/pages/public/start/roundtrip/700_j1_modals.adoc
+- lib/starter_web/pages/public/start/roundtrip/700_extended_modals.adoc
+- lib/starter_web/pages/public/start/roundtrip/800_search_engine.adoc
 - lib/starter_web/pages/public/teaser/100_core.adoc
 - lib/starter_web/pages/public/teaser/200_components.adoc
 - lib/starter_web/pages/public/teaser/300_modules.adoc

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

@@ -1,253 +0,0 @@
-{% comment %}
- # -----------------------------------------------------------------------------
- #  ~/_includes/themes/j1/procedures/posts/collate_timeline.proc
- #  Liquid PROCEDURE to collate posts along a timeline
- #
- #  http://jekyll.one
- #
- #  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:
- #
- #  Collate posts procedure. Collated posts ordered along a timeline.
- #
- #    Usage:
- #
- #        1) assign the 'posts_collate' variable to a valid array of posts
- #        2) include the 'collate_timeline' procedure
- #
- #    Example:
- #
- #        {% assign posts_collate = site.posts %}
- #        {% include themes/{{site.template.name}}/procedures/posts/collate_timeline.proc items=posts_collate %}
- #
- #    Ordering:
- #
- #        Posts are displayed in reverse chronological order (descending).
- #        For ascending chronological order:
- #          Change the for loop to this:
- #            => 'for post in posts_collate reversed'
- #
- # -----------------------------------------------------------------------------
- # Test data:
- #  liquid_var:  {{ liquid_var | debug }}
- #
- # -----------------------------------------------------------------------------
-{% endcomment %}
-
-{% comment %} Liquid procedures
---------------------------------------------------------------- {% endcomment %}
-
-{% comment %} Variables
---------------------------------------------------------------- {% endcomment %}
-{% assign builder_config  = site.data.builder.blog_navigator.collate_timeline %}
-{% assign header_title    = false %}
-{% assign header_tagline  = false %}
-{% assign posts_collate   = include.items %}
-
-
-{% comment %} Main
---------------------------------------------------------------- {% endcomment %}
-
-  {% if include.header_title %}  {% assign header_title   = include.header_title %}  {% endif %}
-  {% if include.header_tagline %}{% assign header_tagline = include.header_tagline %}{% endif %}
-
-  {% if site.data.j1_config.posts_collate.provider == 'custom' %}
-    <!-- Use custom collator -->
-    {% include themes/{{site.template.name}}/procedures/custom/posts_collate %}
-  {% else %}
-    <!-- Use j1 blog timeline collator -->
-    {% if header_title %}
-    <div class="row timeline-header-box">
-      <div class="text-center mb-3">
-        <h2 class="title notoc">{{header_title}}</h2>
-        {% if header_tagline %}
-        <div class="tagline">
-          <p>{{header_tagline}}</p>
-        </div>
-        {% endif %}
-      </div>
-    </div>
-    {% endif %}
-
-    <ul class="timeline">
-      {% for post in posts_collate %}
-
-      {% assign place_image = false %}
-      {% assign place_icon  = false %}
-
-      <!-- Calculate left|right placement -->
-      {% assign indicator = forloop.index | modulo:2 %}
-      {% if indicator != 0 %}
-        {% assign blog_position = '' %}  <!-- left  -->
-      {% else %}
-        {% assign blog_position = 'timeline-inverted' %} <!-- right -->
-      {% endif %}
-
-      <li class="{{blog_position}}">
-        <div class="timeline-badge"><i class="tmicon rounded-x hidden-xs"></i></div>
-
-        <div class="timeline-panel">
-
-          <div class="timeline-title">
-            <a href="{{post.url}}">
-              <h4 id="{{ 1000000 | rand }}" class="font-light">{{ post.title }}</h4>
-            </a>
-          </div>
-
-          {% if builder_config.icon.name.size > 0 %}
-            <!-- Set default icon data -->
-            <!-- Set icon: "{{builder_config.icon.name}}" -->
-            {% assign icon_name   = builder_config.icon.name %}
-            {% assign icon_family = builder_config.icon.family | strip | downcase %}
-            {% assign icon_size   = builder_config.icon.size %}
-            {% assign icon_color  = builder_config.icon.color %}
-            {% assign place_icon = true %}
-            <!-- Flags: place_image = "{{place_image}}", place_icon = "{{place_icon}}" -->
-          {% endif %}
-
-          {% if post.icon.name.size > 0 %}
-            <!-- Collect icon data from frontmatter -->
-            <!-- Set icon: "{{post.icon.name}}" -->
-            {% assign icon_name   = post.icon.name %}
-            {% assign icon_family = post.icon.family | strip | downcase %}
-            {% assign icon_size   = post.icon.size %}
-            {% assign icon_color  = post.icon.color %}
-            {% if icon_name %}
-              {% assign place_icon = true %}
-              <!-- Flags: place_image = "{{place_image}}", place_icon = "{{place_icon}}" -->
-            {% endif %}
-          {% endif %}
-
-          {% if builder_config.image.name.size > 0 %}
-            <!-- Set default image data -->
-            {% assign image_name = builder_config.image.name %}
-            {% assign image_path = builder_config.image.path %}
-            {% if builder_config.image.random %}
-              {% assign max_random  = image_name | regex_replace: '[a-zA-Z_-]*' %}
-              {% assign max_random  = max_random | regex_replace: '\.' %}
-              {% assign random      = max_random | rand %}
-              {% assign image_name  = image_name | regex_replace: '\d+', random %}
-            {% endif %}
-            {% capture image %}{{image_path}}/{{image_name}}{% endcapture %}
-            <!-- Set image: "{{image}}" -->
-            {% assign place_image = true %}
-            {% assign place_icon  = false %}
-            <!-- Flags: place_image = "{{place_image}}", place_icon = "{{place_icon}}" -->
-          {% endif %}
-
-          {% if post.image.name.size > 0  %}
-            <!-- Collect image data from frontmatter -->
-            {% assign image_name = post.image.name %}
-            {% assign image_path = post.image.path %}
-            {% if post.image.random %}
-              {% assign max_random  = image_name | regex_replace: '[a-zA-Z_-]*' %}
-              {% assign max_random  = max_random | regex_replace: '\.' %}
-              {% assign random      = max_random | rand %}
-              {% assign image_name  = image_name | regex_replace: '\d+', random %}
-            {% endif %}
-            {% capture image %}{{image_path}}/{{image_name}}{% endcapture %}
-            <!-- Set image: "{{image}}" -->
-            {% assign place_image = true %}
-            {% assign place_icon  = false %}
-            <!-- Flags: place_image = "{{place_image}}", place_icon = "{{place_icon}}" -->
-          {% endif %}
-
-          {% if place_icon %}
-            {% if icon_family == 'fontawesome' or icon_family == 'fontawesome5' %}
-              {% assign icon_family  = 'fa' %}
-            {% elsif icon_family == 'mdi' %}
-              {% assign icon_family  = 'mdi' %}
-            {% else %}
-              {% assign icon_family  = 'mdi' %}
-            {% endif %}
-          {% endif %}
-
-          {% if place_icon %}
-            <!-- place_icon: {{icon_name}} -->
-            <div class="timeline-body">
-              <div class="timeline-tagline">
-                <i>{{ post.tagline }}</i>
-              </div>
-              <div class="timeline-excerpt">
-                <i class="timeline-icon {{icon_family}} {{icon_family}}-{{icon_name}} {{icon_family}}-{{icon_size}} {{icon_family}}-{{icon_color}}"></i>
-                {{ post.excerpt }}
-              </div>
-              <a href="{{post.url}}#readmore"
-                 class="btn btn-info btn-raised btn-round mb-3">
-                 <i class="fa fa-eye fa-lg" style="color:#FFFFFF;">
-                 </i> Read More
-              </a>
-            </div>
-          {% elsif place_image %}
-            <!-- place_image: "{{image}}" -->
-            <div class="timeline-heading">
-              <img class="img-fluid" src="{{image}}" alt=""/>
-            </div>
-            <div class="timeline-body">
-              <div class="timeline-tagline">
-                <i>{{ post.tagline }}</i>
-              </div>
-              <div class="timeline-excerpt">
-                {{ post.excerpt }}
-              </div>
-              <a href="{{post.url}}#readmore"
-                 class="btn btn-info btn-raised btn-round mb-3">
-                 <i class="fa fa-eye fa-lg" style="color:#FFFFFF;">
-                 </i> Read More
-              </a>
-            </div>
-          {% else %}
-            <!-- !place_icon && !place_image -->
-            <div class="timeline-body">
-              <div class="timeline-tagline">
-                <i>{{ post.tagline }}</i>
-              </div>
-              <div class="timeline-excerpt">
-                {{ post.excerpt }}
-              </div>
-              <a href="{{post.url}}#readmore"
-                 class="btn btn-info btn-raised btn-round mb-3">
-                 <i class="fa fa-eye fa-lg" style="color:#FFFFFF;">
-                 </i> Read More
-              </a>
-            </div>
-          {% endif %}
-
-          <!-- Collect comment provider details -->
-          {% for sharing in builder_config.sharing_provider %}
-            {% assign provider      = sharing.provider %}
-            {% assign likes_count   = sharing.likes_count %}
-            {% assign comment_count = sharing.comment_count %}
-          {% endfor %}
-
-          <div class="timeline-footer">
-            <ul class="timeline-list-unstyled list-inline blog-info">
-              <li><i class="fa fa-calendar mr-1"></i> {{ post.date | date: "%B %d, %Y" }}</li>
-              {% if comment_count %}
-                <!-- comment_count enabled  -->
-                <!-- <li><i class="fa fa-comments-o"></i> <a href="#"> 7 Comments</a></li> -->
-                <li><a href="#"><i class="fa fa-comments-o"></i> 7 Comments</a></li>
-              {% endif %}
-            </ul>
-            {% if likes_count %}
-              <!-- likes_count enabled  -->
-              <a class="likes" href="#"><i class="fa fa-heart"></i> 239</a>
-            {% endif %}
-          </div>
-        </div>
-      </li>
-      {% endfor %}
-      <!-- final|last element placed as an empty list item -->
-      <li class="clearfix" style="float: none;"></li>
-    </ul>
-
-    <!-- End Timeline Collator -->
-  {% endif %}
-
-<!-- Reset procedure variable -->
-{% assign posts_collate = nil %}