j1-template 2022.0.9 → 2022.0.13

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

@@ -1,181 +0,0 @@
-++++
-<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

@@ -1,42 +0,0 @@
-  <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-bs-toggle="collapse" data-bs-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/assets/data/disqus.js

@@ -1,81 +0,0 @@
----
-regenerate:                             true
----
-
-{% capture cache %}
-
-{% comment %}
- # -----------------------------------------------------------------------------
- # ~/assets/data/disqus.js
- # Liquid PROCEDURE to generate the JS portion used by J1 Connector Disqus
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
- # Test data:
- #   liquid_var: {{ liquid_var | debug }}
- #   config: {{ config | debug }}
- # -----------------------------------------------------------------------------
-{% endcomment %}
-
-{% comment %} Liquid procedures
--------------------------------------------------------------------------------- {% endcomment %}
-
-{% comment %} Set global settings
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment     = site.environment %}
-
-{% comment %} Set config files
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign modules         = site.data.modules %}
-{% assign j1_config       = site.data.j1_config %}
-
-{% comment %} Set variables
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign comment_provider = 'disqus' %}
-{% assign site_id          = j1_config.comments.disqus.site_id %}
-
-{% comment %} Main
-================================================================================ {% endcomment %}
-
-$(document).ready(function() {
-  var dependencies_met_page_finished = setInterval (function () {
-    if (j1.getState() === 'finished') {
-      var disqus_shortname = '{{site_id}}';
-      // -----------------------------------------------------------------
-      // RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE
-      // SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
-      // LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT:
-      // https://disqus.com/admin/universalcode/#configuration-variables
-      // -----------------------------------------------------------------
-      //
-      // var disqus_config = function () {
-      // this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
-      // Replace PAGE_IDENTIFIER with your page's unique
-      // identifier variable
-      // this.page.identifier = PAGE_IDENTIFIER;
-      // };
-      //
-      // DON'T EDIT BELOW THIS LINE
-      // -----------------------------------------------------------------
-      (function() {
-          var d = document,
-              s = d.createElement('script');
-          s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
-          s.setAttribute('data-timestamp', +new Date());
-          (d.head || d.body).appendChild(s);
-      })();
-      clearInterval(dependencies_met_page_finished);
-    }
-  }, 25);
-});
-
-{% endcapture %}
-
-{{ cache | strip_empty_lines }}
-{% assign cache = nil %}

data/assets/data/hyvor.js

@@ -1,72 +0,0 @@
----
-regenerate:                             true
----
-
-{% capture cache %}
-
-{% comment %}
- # -----------------------------------------------------------------------------
- # ~/assets/data/disqus.js
- # Liquid PROCEDURE to generate the JS portion used by J1 Connector Disqus
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
- # Test data:
- #   liquid_var: {{ liquid_var | debug }}
- #   config: {{ config | debug }}
- # -----------------------------------------------------------------------------
-{% endcomment %}
-
-{% comment %} Liquid procedures
--------------------------------------------------------------------------------- {% endcomment %}
-
-{% comment %} Set global settings
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment     = site.environment %}
-
-{% comment %} Set config files
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign modules         = site.data.modules %}
-{% assign j1_config       = site.data.j1_config %}
-
-{% comment %} Set variables
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign comment_provider = 'hyvor' %}
-{% assign site_id          = j1_config.comments.hyvor.site_id %}
-
-{% assign production = false %}
-{% if environment == 'prod' or environment == 'production' %}
-  {% assign production = true %}
-{% endif %}
-
-{% comment %} Main
-================================================================================ {% endcomment %}
-
-$(document).ready(function() {
-  var dependencies_met_page_finished = setInterval (function () {
-    if (j1.getState() === 'finished') {
-      // DON'T EDIT BELOW THIS LINE
-      // -----------------------------------------------------------------------
-      var site_id = {{site_id}};
-      (function() {
-        var HYVOR_TALK_WEBSITE = site_id;
-        var HYVOR_TALK_CONFIG = {
-            url: false,
-            id: false
-        };
-      })();
-    }
-    clearInterval(dependencies_met_page_finished);
-  }, 25);
-});
-
-{% endcapture %}
-
-{{ cache | strip_empty_lines }}
-{% assign cache = nil %}

data/lib/starter_web/pages/_test_pages/100_side-bar-tester.adoc

@@ -1,244 +0,0 @@
----
-title:                                  Tester
-tagline:                                sidebar
-date:                                   2020-11-03 00:00:00 +100
-description: >
-                                        Welcome to the preview page focussing on the image module. This page
-                                        shows some valuable features of the J1 Template to manage your image-based
-                                        content using lightboxes, carousels (slider), and galleries.
-
-categories:                             [ Testpages ]
-tags:                                   [ Example ]
-
-comments:                               false
-fab_menu_id:                            page_ctrl_simple
-
-permalink:                              /pages/public/learn/side_bar_tester/
-regenerate:                             false
-
-resources:                              [
-                                          clipboard, rouge, carousel, lightbox,
-                                          justifiedGallery, lightGallery
-                                        ]
-resource_options:
-  - attic:
-      padding_top:                      400
-      padding_bottom:                   50
-      opacity:                          0.5
-      slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
-          alt:                          Photo by Ricardo Gomez Angel on Unsplash
-          badge:
-            type:                       unsplash
-            author:                     Ricardo Gomez Angel
-            href:                       https://unsplash.com/@ripato/portfolio
----
-
-// Page Initializer
-// =============================================================================
-// Enable the Liquid Preprocessor
-:page-liquid:
-
-// Set (local) page attributes here
-// -----------------------------------------------------------------------------
-// :page--attr:                         <attr-value>
-:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
-
-//  Load Liquid procedures
-// -----------------------------------------------------------------------------
-{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
-
-// Load page attributes
-// -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="all" %}
-
-// Page content
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-// Include sub-documents (if any)
-// -----------------------------------------------------------------------------
-
-Welcome to the first preview page focussing on the image module. This page
-shows some valuable features of the J1 Template to manage your image-based
-content using lightboxes, carousels (slider), and galleries.
-
-The image module offers complex functionality based on powerful OpenSource
-libraries like JustifiedGallery for high-end, masonry-styled preview maps.
-J1 Template uses the jQuery plugin Owl Carousel as a base for image sliders.
-A carousel app (slider) lets you present your images as shows.
-
-Lightboxes like LightGallery or Lightbox V2 support your web for enlarged
-image views of your picture or video content. Have a look, a quick tour
-of what J1 can do for image data. Have fun!
-
-== J1 Lightboxes
-
-A Lightbox, in general, is a helper which displays enlarged, almost
-screen-filling versions of pictures (or videos) while dimming the rest of the
-page. The technique, introduced by Lightbox V2, gained widespread popularity
-due to its simple and elegant style. The term lightbox is used since then for
-Javascript libraries to support such functionality.
-
-For the J1 Template, two different lightboxes can be used:
-
-* Lightbox V2 (lightbox)
-* LightGallery
-
-The default lightbox used by J1 Template is Lightbox V2, a Javascript library
-written by _Lokesh Dhakar_. The name of that (build-in) is simply: lightbox.
-For more complex use cases, like a thumbnail gallery preview or video support,
-LightGallery can be used alternatively.
-
-NOTE: The name LightGallery implies a sort of a Gallery, but the library is a
-_lightbox_. And, LightGallery provides much more functionality on image-based
-data rather than enlarged displaying of images. See the examples below to check
-for the differences in comparison to the simpler Lightbox V2 lightbox.
-
-Both lightboxes are fully integrated to be used as standalone modules or
-used as helpers *under-the-hood* by other apps or modules focussing on
-image-data like gallery or carousel, the build-in carousel module.
-
-== Lightbox Examples
-
-Find below an example of using the lightbox Lightbox standalone. See how
-single (individual) images are linked for use with Lightbox.
-
-.Lightbox block for standalone images
-lightbox::example-standalone[ 400, {data-images-standalone} ]
-
-Lightbox supports image groups (image sets). Click on the images below to
-see how Lightbox manages a group of images.
-
-.Lightbox block for grouped images
-lightbox::example-group[ 400, {data-images-group}, group ]
-
-=== LightGallery Example
-
-LightGallery provides more complex functions on image data. The module
-supports a gallery-style thumbnail preview plus image resizing, a download
-dialog, sharing provider support, and some more helpful. Check what
-LightGallery can do by the following example.
-
-gallery::jg_old_times[]
-
-
-++++
-
-<button class="btn u-sidebar-navigation__toggler" id="sideNav-toggler" aria-haspopup="true" aria-expanded="false" aria-controls="sideNav" aria-label="Toggle Header" data-bs-target="#sideNav" style="display: block;">
-<i id="fam-icon" class="mdi mdi-wrap mdi-"></i>
-</button>
-
-<style>
-
-/* Sidebar shortcode navigation styles */
-/*------------------------------------
-  Sidebar Navigation
-------------------------------------*/
-@media all and (min-width: 992px) {
-  .u-sidebar-navigation {
-    position: fixed;
-    top: 0;
-    left: -21.42857rem;
-    width: 300px;
-  }
-}
-
-/*
-.u-sidebar-navigation-inner {
-  background-color: #1c2434;
-  color: #fff;
-  padding: 20px 0;
-}
-
-.u-sidebar-navigation__search-input {
-  border-radius: 3px;
-  border: none;
-}
-
-.u-sidebar-navigation .nav-link {
-  color: #fff;
-  padding: 0.5rem 1.42857rem;
-}
-
-.u-sidebar-navigation .nav-link:hover {
-  background-color: rgba(255, 255, 255, 0.15);
-}
-
-.u-sidebar-navigation .nav-link.active {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-*/
-.u-sidebar-navigation__toggler {
-  position: fixed;
-  top: 120px;
-  left: 0;
-  width: 53px;
-  height: 53px;
-  background-color: #1c2434;
-  color: #fff;
-  border-radius: 0 3px 3px 0;
-  font-size: 22px;
-  z-index: 2;
-}
-
-.u-sidebar-navigation__toggler:hover, .u-sidebar-navigation__toggler:focus {
-  color: #fff;
-}
-
-/*
-.u-sidebar-navigation__closer {
-  position: absolute;
-  top: 22px;
-  right: 15px;
-  width: 25px;
-  height: 25px;
-  padding: 0;
-  color: #fff;
-  background-color: transparent;
-  z-index: 3;
-}
-
-.u-sidebar-navigation__closer:hover, .u-sidebar-navigation__closer:focus {
-  color: #fff;
-}
-
-@media all and (max-width: 992px - 1) {
-  .u-sidebar-navigation-list {
-    display: block;
-    -webkit-columns: 4;
-            columns: 4;
-  }
-  .u-sidebar-navigation-list .dropdown-toggle {
-    display: none;
-  }
-  .u-sidebar-navigation-list .dropdown-menu {
-    display: block;
-    max-height: 100%;
-    margin: 0;
-    float: none;
-    opacity: 1;
-  }
-}
-
-@media all and (max-width: 768px - 1) {
-  .u-sidebar-navigation-list {
-    -webkit-columns: 3;
-            columns: 3;
-  }
-}
-
-@media all and (max-width: 576px - 1) {
-  .u-sidebar-navigation-list {
-    -webkit-columns: 1;
-            columns: 1;
-  }
-}
-
-.u-has-sidebar-navigation .u-header__overlay {
-  display: none;
-}
-*/
-
-</style>
-++++