j1_template_mde 2018.4.19 → 2018.4.20

data/lib/starter_web/pages/public/start/roundtrip/100_present_images.adoc

@@ -74,14 +74,13 @@ include::{includedir}/attributes.asciidoc[tag=data]
 // -----------------------------------------------------------------------------
 :images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
 
-// Place an excerpt at the most top position
+// NOTE: Place an excerpt at the most top position
 // -----------------------------------------------------------------------------
 // Page excerpt text ..
 //
 // [role="clearfix mb-3"]
 // excerpt__end
 
-
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 

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

@@ -1,5 +1,5 @@
 ---
-title:                                  Search Engine
+title:                                  Site Search
 tagline:                                Algolia Online Search
 description:                            Using Algolia Index API for static sites
 
@@ -29,9 +29,21 @@ regenerate:                             true
 // -------------------------------------------------------------------
 
 
-== Site Search
+The module *Site Search* is based on an _Elasticsearch_ Index hostet at 
+_Algolia_. To access the `Algolia index`, the Javascript library 
+_InstantSearch_ (instansearch.js) is fully integrated with _J1_. *Site Search*
+is bundled with the template like all other modules, e.g. *Toccer*, *Header*
+or *Navigator* -- simple to use as only a configuration is need to make this
+functionality available with a site.
+
+J1 Template integrates the `jekyll-algolia` Gem, a data collector create the 
+search *record data* needed and push the content in an Algolia index in a
+single step.
+
+Find the default search client below; packed with the *Site Search* module as
+well.
 
-lorem:sentences[2]
+== Site Search
 
 ++++
   <!-- CurrentRefinedValues widget -->
@@ -43,13 +55,9 @@ lorem:sentences[2]
   <!-- SearchBox widget -->
   <div id="search-searchbar" class="mb-4"> </div>
 
-
   <!-- HitsPerPage widget -->
   <!-- div id="hits-per-page-selector"></div -->
 
-++++
-
-++++
   <div id="searcher" class"row">
     <div class="col-md-4 col-xs-6">
       <!-- CurrentRefinedValues widget -->
@@ -76,22 +84,21 @@ lorem:sentences[2]
 <style>
 
 input:focus{
-    outline: none;
-//    box-shadow: 0px 0px 5px #61C5FA;
-    border: 1px solid #424242;
+  outline: none;
+//  box-shadow: 0px 0px 5px #61C5FA;
+  border: 1px solid #424242;
 }
 
 input:hover {
-    border: 1px solid #424242;
-    border-radius: 5px;
+  border: 1px solid #424242;
+  border-radius: 5px;
 }
 
 input:focus:hover{
-    outline: none;
-    box-shadow: 0px 0px 5px #424242;
-    border: 1px solid #3f51b5;
-    border-radius:0;
-    
+  outline: none;
+  box-shadow: 0px 0px 5px #424242;
+  border: 1px solid #3f51b5;
+  border-radius:0;
 }
 
 .limit-y {
@@ -99,6 +106,16 @@ input:focus:hover{
   overflow-y: auto;
 }
 
+.ais-pagination {
+  -webkit-box-shadow: 0 !important;
+  box-shadow: 0 !important;
+  width: 100%;
+}
+
+.ais-refinement-list {
+    margin-top: 1.25rem;
+}
+
 .search-result-item {
   margin-bottom: 0px;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1_template_mde
 version: !ruby/object:Gem::Version
-  version: 2018.4.19
+  version: 2018.4.20
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-01-25 00:00:00.000000000 Z
+date: 2019-01-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: dotenv
@@ -78,8 +78,6 @@ files:
 - _includes/themes/j1/modules/footers/footer_light_generator.html
 - _includes/themes/j1/modules/headers/master_header_generator.html
 - _includes/themes/j1/modules/navigator/generator.html
-- _includes/themes/j1/modules/navigator/procedures/_unused/authclient.proc
-- _includes/themes/j1/modules/navigator/procedures/_unused/authclient.proc.org
 - _includes/themes/j1/modules/navigator/procedures/quicklinks.proc
 - _includes/themes/j1/modules/navigator/procedures/sidebar.proc
 - _includes/themes/j1/modules/navigator/procedures/topsearch.proc
@@ -827,15 +825,16 @@ files:
 - lib/starter_web/collections/posts/premium/series/_posts/000_includes/documents/loop.sh
 - lib/starter_web/collections/posts/premium/series/_posts/000_includes/tables/debug_variables.asciidoc
 - lib/starter_web/collections/posts/premium/series/_posts/2018-11-01-docker-using-shared-folders.adoc
-- lib/starter_web/collections/posts/premium/series/_posts/2018-11-01-docker-using-shared-folders.asciidoc
+- lib/starter_web/collections/posts/private/wikipedia/_posts/000_includes/attributes.asciidoc
+- lib/starter_web/collections/posts/private/wikipedia/_posts/000_includes/tables/debug_variables.asciidoc
 - lib/starter_web/collections/posts/private/wikipedia/_posts/2016-11-20-minneapolis.adoc
-- lib/starter_web/collections/posts/private/wikipedia/_posts/2016-11-24-narcisse-snake-pits.adoc
+- lib/starter_web/collections/posts/private/wikipedia/_posts/2016-11-24-narcisse-snake-dens.adoc
 - lib/starter_web/collections/posts/private/wikipedia/_posts/2016-11-26-columbia-river.adoc
 - lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1-template.adoc.erb
 - lib/starter_web/collections/posts/public/featured/_posts/000_includes/attributes.asciidoc
-- lib/starter_web/collections/posts/public/featured/_posts/2017-05-01-confusion-about-base-url.adoc
-- lib/starter_web/collections/posts/public/featured/_posts/2017-06-01-top-open-source-static-site-generators.adoc
-- lib/starter_web/collections/posts/public/featured/_posts/2017-07-01-what-is-a-static-site.adoc
+- lib/starter_web/collections/posts/public/featured/_posts/2018-05-01-confusion-about-base-url.adoc
+- lib/starter_web/collections/posts/public/featured/_posts/2018-06-01-top-open-source-static-site-generators.adoc
+- lib/starter_web/collections/posts/public/featured/_posts/2018-07-01-what-is-a-static-site.adoc
 - lib/starter_web/favicon.ico
 - lib/starter_web/index.html
 - lib/starter_web/package.json
@@ -870,6 +869,7 @@ files:
 - lib/starter_web/pages/public/blog/navigator/archive/dateview.html
 - lib/starter_web/pages/public/blog/navigator/archive/tagview.html
 - lib/starter_web/pages/public/blog/navigator/index.html
+- lib/starter_web/pages/public/instant_search_media.adoc
 - lib/starter_web/pages/public/legal/de/100_impress.adoc
 - lib/starter_web/pages/public/legal/de/200_terms_of_use.adoc
 - lib/starter_web/pages/public/legal/de/300_privacy.adoc

data/_includes/themes/j1/modules/navigator/procedures/_unused/authclient.proc

@@ -1,139 +0,0 @@
-{% comment %}
- # -----------------------------------------------------------------------------
- #  ~/_includes/templates/j1/modules/navigator/procedures/authclient.proc
- #  Liquid PROCEDURE template to create a signin modal for the quicklink bar
- #
- #  Product/Info:
- #  https://jekyll-one.com
- #
- #  Copyright (C) 2019 Juergen Adams
- #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
- #
- # -----------------------------------------------------------------------------
- #  Test data:
- #   liquid_var: {{ liquid_var | debug }}
- #   signin_options: {{ signin_options | debug }}
- # -----------------------------------------------------------------------------
-{% endcomment %}
-
-{% comment %} Liquid procedure parameter|s
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign signin_options = include.options %}
-
-
-{% comment %} Liquid procedures
--------------------------------------------------------------------------------- {% endcomment %}
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
- 
-
-{% comment %} Liquid var initialization
--------------------------------------------------------------------------------- {% endcomment %}
-
-  {% comment %} Set config files
-  ------------------------------------------------------------------------------ {% endcomment %}
-
-  {% comment %} Set quicksearch properties
-  ------------------------------------------------------------------------------ {% endcomment %}
-  {% assign icon_family               = signin_options.icon_family | downcase %}
-  {% assign signin_icon               = signin_options.signin_icon %}
-  {% assign signout_icon              = signin_options.signout_icon %}
-
-  {% assign auth_facebook             = signin_options.auth_facebook.enabled %}
-  {% assign auth_facebook_title       = signin_options.auth_facebook.title | downcase %}
-  {% assign auth_facebook_text        = signin_options.auth_facebook.text %}
-  {% assign auth_github               = signin_options.auth_github.enabled %}
-  {% assign auth_github_title         = signin_options.auth_github.title | downcase %}
-  {% assign auth_github_text          = signin_options.auth_github.text %}
-  {% assign auth_patreon              = signin_options.auth_patreon.enabled %}
-  {% assign auth_auth_patreon_title   = signin_options.auth_auth_patreon.title | downcase %}
-  {% assign auth_auth_patreon_text    = signin_options.auth_auth_patreon.text %}
-
-  {% if signin_options.icon_family == 'FontAwesome' or signin_options.icon_family == 'FontAwesome4' or signin_options.icon_family == 'FontAwesome5' %}
-    {% assign icon_family = 'fa' %}
-  {% elsif signin_options.icon_family == 'MDI' or signin_options.icon_family == 'Material Design Icons'%}
-    {% assign icon_family = 'mdi' %}
-  {% else %}
-    {% assign icon_family = 'mdi' %}
-  {% endif %}
-
-  {% include {{select_color}} color=signin_options.icon_color fallback="#9E9E9E" %}
-  {% capture icon_color %}style="color:{{color}}"{% endcapture %}
-
-  {% include {{select_icon_size}} family=signin_options.icon_family size=signin_options.icon_size %}
-  {% assign icon_size = size %}
-
-
-{% comment %} Main
--------------------------------------------------------------------------------- {% endcomment %}
-{% if signin_options.enabled %}
-
-  {% comment %} HTMl code (of the Modal) for login dialog  
-  ---------------------------------------------------------------------------- {% endcomment %}
-  <!-- [INFO   ] [j1.layout.default.html              ] [START default_writer processing: Modal signin|signup] -->
-  <div class="modal fade" id="modalOmniLogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-notify modal-info modal-lg" role="document">
-      <!-- Content -->
-      <div class="modal-content">
-        <!--Header-->
-        <div class="modal-header">
-          <p class="lead">SignIn</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-light mdi-48px"></i>
-          </button>
-        </div>
-        <!-- Body -->
-        <div class="modal-body mb-0">
-          <!-- Modal nav pills -->
-          <div class="row ml-2 mr-2">
-            <ul class="nav nav-pills nav-pills-icons mt-2" role="tablist">
-              <li class="nav-item">
-                <a class="nav-link active" href="#h-tabs-1" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="true">
-                <i class="mdi mdi-github-circle mt-1 mb-2"></i> Github
-                </a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#h-tabs-2" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
-                <i class="mdi mdi-facebook mt-1 mb-2"></i> Facebook
-                </a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#h-tabs-3" role="tab" data-toggle="tab" aria-expanded="true" aria-selected="false">
-                <i class="mdi mdi-format-paragraph mt-1 mb-2"></i> Patreon
-                </a>
-              </li>
-            </ul>
-            <div class="tab-content tab-space">
-              <div class="tab-pane active" id="h-tabs-1">
-                To get access to all <b>PRIVATE</b> content pages, login to Github or Facebook
-              </div>
-              <div class="tab-pane" id="h-tabs-2">
-                To get access to all <b>PRIVATE</b> content pages, login to Github or Facebook
-              </div>
-              <div class="tab-pane" id="h-tabs-3">
-                To get access to all <b>PREMIUM</b> content pages, login to Patreon 
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Footer -->
-        <div class="modal-footer justify-content-right">
-          <button type="button" id="loginButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
-            <i class="mdi mdi-18px mdi-light mdi-login"></i>
-            Yes, please
-          </button>
-          <button type="button" id="exitButton" class="btn btn-outline-secondary-modal" data-dismiss="modal">
-            No, thanks
-          </button>
-        </div>
-      </div>
-      <!-- END Content -->
-    </div>
-  </div>
-  <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Modal signin|signup] -->
-  <!-- [INFO   ] [j1.layout.default.html              ] [JS code for Modal moved to 200_template_js/js/navigator/navigator.js ] -->
-  <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Initialize Login Modal] -->
-
-{% endif %}

data/_includes/themes/j1/modules/navigator/procedures/_unused/authclient.proc.org

@@ -1,217 +0,0 @@
-{% comment %}
- # -----------------------------------------------------------------------------
- #  ~/_includes/templates/j1/modules/navigator/procedures/authclient.proc
- #  Liquid PROCEDURE template to create a signin modal for the quicklink bar
- #
- #  Product/Info:
- #  https://jekyll-one.com
- #
- #  Copyright (C) 2019 Juergen Adams
- #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
- #
- # -----------------------------------------------------------------------------
- #  Test data:
- #   liquid_var: {{ liquid_var | debug }}
- #   signin_options: {{ signin_options | debug }}
- # -----------------------------------------------------------------------------
-{% endcomment %}
-
-{% comment %} Liquid procedure parameter|s
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign signin_options = include.options %}
-
-
-{% comment %} Liquid procedures
--------------------------------------------------------------------------------- {% endcomment %}
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
- 
-
-{% comment %} Liquid var initialization
--------------------------------------------------------------------------------- {% endcomment %}
-
-  {% comment %} Set config files
-  ------------------------------------------------------------------------------ {% endcomment %}
-
-  {% comment %} Set quicksearch properties
-  ------------------------------------------------------------------------------ {% endcomment %}
-  {% assign icon_family               = signin_options.icon_family | downcase %}
-  {% assign signin_icon               = signin_options.signin_icon %}
-  {% assign signout_icon              = signin_options.signout_icon %}
-
-  {% assign auth_facebook             = signin_options.auth_facebook.enabled %}
-  {% assign auth_facebook_title       = signin_options.auth_facebook.title | downcase %}
-  {% assign auth_facebook_text        = signin_options.auth_facebook.text %}
-  {% assign auth_github               = signin_options.auth_github.enabled %}
-  {% assign auth_github_title         = signin_options.auth_github.title | downcase %}
-  {% assign auth_github_text          = signin_options.auth_github.text %}
-  {% assign auth_patreon              = signin_options.auth_patreon.enabled %}
-  {% assign auth_auth_patreon_title   = signin_options.auth_auth_patreon.title | downcase %}
-  {% assign auth_auth_patreon_text    = signin_options.auth_auth_patreon.text %}
-
-  {% if signin_options.icon_family == 'FontAwesome' or signin_options.icon_family == 'FontAwesome4' or signin_options.icon_family == 'FontAwesome5' %}
-    {% assign icon_family = 'fa' %}
-  {% elsif signin_options.icon_family == 'MDI' or signin_options.icon_family == 'Material Design Icons'%}
-    {% assign icon_family = 'mdi' %}
-  {% else %}
-    {% assign icon_family = 'mdi' %}
-  {% endif %}
-
-  {% include {{select_color}} color=signin_options.icon_color fallback="#9E9E9E" %}
-  {% capture icon_color %}style="color:{{color}}"{% endcapture %}
-
-  {% include {{select_icon_size}} family=signin_options.icon_family size=signin_options.icon_size %}
-  {% assign icon_size = size %}
-
-
-{% comment %} Main
--------------------------------------------------------------------------------- {% endcomment %}
-{% if signin_options.enabled %}
-
-  {% comment %} HTMl code (of the Modal) for login dialog  
-  ---------------------------------------------------------------------------- {% endcomment %}
-  <!-- [INFO   ] [j1.layout.default.html              ] [START default_writer processing: Modal signin|signup] -->
-  <div class="modal fade" id="modalOmniLogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-notify modal-info modal-lg" role="document">
-      <!-- Content -->
-      <div class="modal-content">
-        <!--Header-->
-        <div class="modal-header">
-          <p class="lead">SignIn</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-          <i class="mdi mdi-close mdi-light mdi-48px"></i>
-          </button>
-        </div>
-        <!-- Body -->
-        <div class="modal-body mb-0">
-          <!-- Modal nav pills -->
-          <div class="row ml-2 mr-2">
-            <ul class="nav nav-pills nav-pills-icons mt-2" role="tablist">
-              <li class="nav-item">
-                <a class="nav-link active" href="#h-tabs-1" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="true">
-                <i class="mdi mdi-github-circle mt-1 mb-2"></i> Github
-                </a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#h-tabs-2" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
-                <i class="mdi mdi-facebook mt-1 mb-2"></i> Facebook
-                </a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="#h-tabs-3" role="tab" data-toggle="tab" aria-expanded="true" aria-selected="false">
-                <i class="mdi mdi-format-paragraph mt-1 mb-2"></i> Patreon
-                </a>
-              </li>
-            </ul>
-            <div class="tab-content tab-space">
-              <div class="tab-pane active" id="h-tabs-1">
-                To get access to all <b>PRIVATE</b> content pages, login to Github or Facebook
-              </div>
-              <div class="tab-pane" id="h-tabs-2">
-                To get access to all <b>PRIVATE</b> content pages, login to Github or Facebook
-              </div>
-              <div class="tab-pane" id="h-tabs-3">
-                To get access to all <b>PREMIUM</b> content pages, login to Patreon 
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- Footer -->
-        <div class="modal-footer justify-content-right">
-          <button type="button" id="loginButton" class="btn btn-primary-modal mr-2" data-dismiss="modal">
-            <i class="mdi mdi-18px mdi-light mdi-login"></i>
-            Yes, please
-          </button>
-          <button type="button" id="exitButton" class="btn btn-outline-secondary-modal" data-dismiss="modal">
-            No, thanks
-          </button>
-        </div>
-      </div>
-      <!-- END Content -->
-    </div>
-  </div>
-  <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Modal signin|signup] -->
-
-  {% comment %} Javacript code (of the Modal) for login dialog  
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.layout.default.html              ] [start default_writer processing: Initialize Login Modal] -->
-  <script>
-    $(function() {
-      var logger;
-      var logText;
-      var route;
-      var provider = 'unkonown';
-      var j1_session_cookie;
-      var j1_session;
-
-      var signIn = {
-        provider:   'Github',
-        login:      false
-      }
-
-      logger = log4javascript.getLogger('j1.AuthClient');
-      state = 'started';
-      logger.info('state: ' + state); // Set|Log status
-
-      $('ul.nav-pills > li').click(function (e) {
-          e.preventDefault();
-          signIn.provider = $(this).text().trim();
-          signIn.provider = signIn.provider.toLowerCase();
-      });
-
-      $("button").click(function() {
-        if (this.id === "loginButton") {
-          signIn.login = true;
-        } else {
-          signIn.login = false;
-        }
-      });
-
-      $("#modalOmniLogin").on('hidden.bs.modal', function() {
-        if (signIn.login == true) {
-          provider = signIn.provider.toLowerCase();
-          logText = 'Provider detected: ' + provider;
-          logger.info(logText);
-          logText = 'Login for ' +provider+ ' accepted';
-          logger.info(logText);
-          var route = '/authentication?requestType=signin&provider=' + provider;
-          logText = 'Call middleware for route ' +route+ ' for signin';
-          logger.info(logText);
-          window.location.href = route;
-        } else {
-          /*
-            # Rack::Session::Cookie provides simple cookie based session management.
-            # By default, the session is a Ruby Hash stored as base64 encoded marshalled
-            # data set to :key (default: rack.session). The object that encodes the
-            # session data is configurable and must respond to +encode+ and +decode+.
-            # Both methods must take a string and return a string.
-            #
-            # When the secret key is set, cookie data is checked for data integrity.
-            # The old secret key is also accepted and allows graceful secret rotation.
-            #
-            # Example:
-            #
-            #     use Rack::Session::Cookie, :key => 'rack.session',
-            #                                :domain => 'foo.com',
-            #                                :path => '/',
-            #                                :expire_after => 2592000,
-            #                                :secret => 'change_me',
-            #                                :old_secret => 'also_change_me'
-          */
-          provider = signIn.provider.toLowerCase();
-          logText = 'Provider detected: ' + provider;
-          logger.info(logText);
-          logText = 'Login for ' +provider+ " declined";
-          logger.info(logText);
-        }
-        j1_session_cookie = window.atob(Cookies.get('j1.session'));
-        j1_session = JSON.parse(j1_session_cookie);
-        logger.info(j1_session_cookie);
-      });
-    });
-  </script>
-  <!-- [INFO   ] [j1.layout.default.html              ] [end default_writer processing: Initialize Login Modal] -->
-
-{% endif %}