j1_template 2019.4.8 → 2019.4.10

data/lib/starter_web/pages/public/start/_unused/_roundtrip/_unused/710_search_engine.adoc

@@ -0,0 +1,195 @@
+---
+title:                                  Roundtrip
+tagline:                                Algolia Online Search
+description:                            Using Algolia Index API for static sites
+
+tags:                                   [ Template, Roundtrip, Search, Engine, Algolia]
+index:                                  []
+categories:                             [ pages ]
+
+permalink:                              /pages/public/start/roundtrip/search_engine/
+regenerate:                             true
+
+resources:                              [ algolia ]
+resource_options:
+  - attic:
+      opacity:                          0.2
+      slides:
+        - url:                          /assets/images/widescreen/featured-1920x800.jpg
+          alt:                          featured-1920x800
+---
+
+// Enable the Liquid Preprocessor
+// -----------------------------------------------------------------------------
+:page-liquid:
+
+// Set other global page attributes here
+// -----------------------------------------------------------------------------
+
+// Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+
+// Initialize entry document paths
+// -----------------------------------------------------------------------------
+{% include {{set_env_entry_document}} init_folders=all %}
+
+// Load tags and urls
+// -----------------------------------------------------------------------------
+include::{includedir}/attributes.asciidoc[tag=tags]
+include::{includedir}/attributes.asciidoc[tag=urls]
+include::{includedir}/attributes.asciidoc[tag=data]
+
+// Additional Asciidoc page attributes goes here
+// -----------------------------------------------------------------------------
+
+// Include sub-documents
+// -----------------------------------------------------------------------------
+
+
+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.
+
+== Algolia Site Search
+
+++++
+  <!-- See: https://community.algolia.com/instantsearch.js/v2/getting-started.html -->
+
+  <!-- CurrentRefinedValues widget -->
+  <div id="current-refined-values"></div>
+
+  <!-- ClearAll widget -->
+  <div id="clear-all"></div>
+
+  <!-- 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 -->
+      <div id="current-refined-values"></div>
+      <!-- RefinementList widget -->
+      <div id="refinement-list" class="limit-y"></div>
+    </div>
+
+    <div class="col-md-8 col-xs-6">
+      <!-- Pagination widget -->
+      <div id="pagination"></div>
+      <!-- Hits widget -->
+      <ul class="list-unstyled">
+        <div id="search-hits" class="result-list" >
+          <div class="result-item"></div>
+        </div>
+      </ul>
+    </div>
+
+  </div>
+++++
+
+++++
+<style>
+
+#refinement-list {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none;  /* IE 10+ */
+}
+
+#refinement-list::-webkit-scrollbar {
+  width: 0px; /* WebKit */
+}
+
+input:focus{
+  outline: none;
+//  box-shadow: 0px 0px 5px #61C5FA;
+  border: 1px solid #424242;
+}
+
+input:hover {
+  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;
+}
+
+.limit-y {
+  max-height: 800px;
+  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;
+}
+
+.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;
+}
+
+em.ais-Highlight {
+  font-weight: bold;
+  /* font-size: 1.125rem; */
+  /* font-style: inherit; */
+  color: #ef2929;
+  font-style: unset !important;
+}
+
+</style>
+++++
+
+== What's next?
+
+Hopefully you've enjoyed exploring all the possibilities J1 offers for managing
+themes. But much, much more can the J1 do for your Web Site.
+
+This was the last place to go for the roundtrip. More details of the most
+common elements of Bootstrap can be found on the previewer for a theme. Have
+a look at the link:{previewer-theme}[Theme Previewer, window="_blank"].
+
+To make things real for your new Web, go for *Web in a Day*. This tutorial
+guides you through all the steps to build a Web - your Web using Jekyll and the
+Template J1. It's really a nice journey to *explore* and *learn* J1 - start with
+link:{kickstarter-web-in-a-day}[Web in a Day here, window="_blank"]!

data/lib/starter_web/pages/public/start/_unused/_roundtrip/_unused/720_google_custom_search.adoc

@@ -0,0 +1,41 @@
+---
+title:                                  Google Custom Search
+tagline:                                Search this Site by Google 
+description:                            Search this site by Google 
+
+tags:                                   [ Google, Custom, Search ]
+index:                                  []
+categories:                             [ pages ]
+
+permalink:                              /pages/public/start/roundtrip/gcse/
+regenerate:                             false
+
+resources:                              []
+resource_options:
+  - attic:
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/attics/homehead-default-1280x600.png
+          transition:                   fadeInOut
+---
+
+== Google Custom Search
+
+lorem:sentences[3]
+
+++++
+<div id="my-gcse">
+  <script>
+    (function() {
+      var cx = '018112779322664314048:3wfwxfe7sfm';
+      var gcse = document.createElement('script');
+      gcse.type = 'text/javascript';
+      gcse.async = true;
+      gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+      var s = document.getElementsByTagName('script')[0];
+      s.parentNode.insertBefore(gcse, s);
+    })();
+  </script>
+  <gcse:search></gcse:search>
+++++
+

data/lib/starter_web/pages/public/start/_unused/bmd_examples/100_bmd_landing_page.asciidoc

@@ -14,7 +14,7 @@ resources:                              []
 resource_options:
   - toccer:
       collapseDepth:                    2
-  - masthead:
+  - attic:
       opacity:                          0.5
       slides:
         - url:                          /assets/images/widescreen/featured-1920x800.jpg
@@ -120,7 +120,7 @@ lorem:sentences[3]
 
 === Hover Effects
 
-pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-indigo"></i>]
+pass:[<i class="mdi mdi-book-open mdi-24px mdi-md-bg-primary"></i>]
 See: link:{bmd-examples-landing-page-lesson-5}[landing-page-lesson-5, {window}]
 
 Hover effect, waves effect and shadows.

data/lib/starter_web/pages/public/start/_unused/change_me_first.adoc

@@ -0,0 +1,139 @@
+---
+title:                                  Change Me
+tagline:                                The very first file you'll change
+description:                            Test page for content changes
+
+tags:                                   [ Start, Template, Web, Day, Jekyll ]
+index:                                  []
+categories:                             [ pages ]
+
+permalink:                              /pages/public/start/change_me_first/
+regenerate:                             false
+
+#resources:                             []
+resource_options:
+  - toccer:
+      collapseDepth:                    2
+  - attic:
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/widescreen/featured-1920x800.jpg
+          alt:                          featured-1920x800
+---
+
+// Enable the Liquid Preprocessor
+//
+:page-liquid:
+
+// Set other global page attributes here
+// -------------------------------------------------------------------
+
+
+== The first file to change
+
+Change_Me_First
+
+lorem:sentences[5]
+
+//////////
+++++
+<!-- Icon Blocks -->
+<div class="row">
+  <div class="col-lg-6 g-mb-30">
+    <!-- Icon Blocks -->
+    <div class="u-angle-v1--top-right--bg-light g-bg-pink g-color-white text-center g-rounded-5 g-py-60 g-px-30">
+      <span class="u-icon-v2 g-rounded-5 g-mb-25">
+        <i class="mdi mdi-account mdi-3x"></i>
+      </span>
+      <h3 class="h5 g-font-weight-600 mb-30">Extensive documentation</h3>
+      <p class="g-color-white-opacity-0_8">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
+    </div>
+    <!-- End Icon Blocks -->
+  </div>
+
+  <div class="col-lg-6 g-mb-30">
+    <!-- Icon Blocks -->
+    <div class="u-angle-v1--top-right--bg-light g-bg-teal g-color-white text-center g-rounded-5 g-py-60 g-px-30">
+      <span class="u-icon-v2 g-rounded-5 g-mb-25">
+        <i class="mdi mdi-account mdi-3x"></i>
+      </span>
+      <h3 class="h5 g-font-weight-600 mb-30">Modern design</h3>
+      <p class="g-color-white-opacity-0_8">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
+    </div>
+    <!-- End Icon Blocks -->
+  </div>
+
+<!-- Icon Blocks -->
+<div class="row">
+  <div class="col-lg-6 g-mb-30">
+    <!-- Icon Blocks -->
+    <div class="u-angle-v2--top-left--bg-dark g-bg-cyan-gradient-opacity-v1 g-color-white g-rounded-5 g-px-25 g-py-40">
+      <div class="media">
+        <div class="d-flex mr-4">
+          <span class="d-block g-font-size-25">
+            <i class="mdi mdi-account mdi-3x"></i>
+          </span>
+        </div>
+        <div class="media-body">
+          <h3 class="h4 text-uppercase g-mb-5">Contact Us</h3>
+          <span class="d-block g-mb-10">1(123) 456 143</span>
+          <p class="g-color-white-opacity-0_8 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt.</p>
+        </div>
+      </div>
+    </div>
+    <!-- End Icon Blocks -->
+  </div>
+
+  <div class="col-lg-6 g-mb-30">
+    <!-- Icon Blocks -->
+    <div class="u-angle-v2--top-left--bg-dark g-bg-cyan-gradient-opacity-v1 g-color-white g-rounded-5 g-px-25 g-py-40">
+      <div class="media">
+        <div class="d-flex mr-4">
+          <span class="d-block g-font-size-25">
+            <i class="mdi mdi-account mdi-3x"></i>
+          </span>
+        </div>
+        <div class="media-body">
+          <h3 class="h4 text-uppercase g-mb-5">Email Us</h3>
+          <span class="d-block g-mb-10">support@example.com</span>
+          <p class="g-color-white-opacity-0_8 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt.</p>
+        </div>
+      </div>
+    </div>
+    <!-- End Icon Blocks -->
+  </div>
+
+
+</div>
+<!-- End Icon Blocks -->
+++++
+//////////
+
+//lorem:sentences[3]
+
+//lorem:words[3]
+
+//////////
+
+[disk]
+* one
+* two
+* three
+
+icon:tags[role="md-pink"] Icon based Check List
+
+* [*] checked
+* [x] also checked
+* [ ] not checked
+*     normal list item
+
+icon:tags[role="md-blue"] Interactive Check List
+
+[%interactive]
+* [*] checked
+* [x] also checked
+* [ ] not checked
+*     normal list item
+
+//////////
+

data/lib/starter_web/pages/public/start/downloads/quickstarter/100_linux_starter.adoc

@@ -14,7 +14,7 @@ resources:                              [ lightbox, carousel ]
 resource_options:
   - toccer:
       collapseDepth:                    3
-  - masthead:
+  - attic:
       slides:
         # Broadway Underground - still image
         - url:                          /assets/videos/headers/still/underground-broadway.png
@@ -443,7 +443,7 @@ You#ll get something like this
 
 ----
   *** LOCAL GEMS ***
-  j1_template (2019.4.8)
+  j1_template (2019.4.10)
 ----
 
 J1 Template comes with a *skin* styled by the *Bootstrap* V4 framework in a

data/lib/starter_web/pages/public/start/downloads/quickstarter/200_macos_starter.adoc

@@ -12,7 +12,7 @@ regenerate:                             false
 
 resources:                              [ lightbox, carousel ]
 resource_options:
-  - masthead:
+  - attic:
       slides:
         # Broadway Underground - still image
         - url:                          /assets/videos/headers/still/underground-broadway.png

data/lib/starter_web/pages/public/start/downloads/quickstarter/300_windows_starter.adoc

@@ -12,7 +12,7 @@ regenerate:                             false
 
 resources:                              [ lightbox, carousel ]
 resource_options:
-  - masthead:
+  - attic:
       slides:
         # Broadway Underground - still image
         - url:                          /assets/videos/headers/still/underground-broadway.png

data/lib/starter_web/pages/public/start/downloads/quickstarter/quickstart.adoc

@@ -71,7 +71,7 @@ can be easily setup. All packages needed for a full featued development
 environment are bundled together; being installed by an Windows installer as
 usual.
 
-pass:[<i class="mdi mdi-windows mdi-2x mdi-md-indigo"></i>]
+pass:[<i class="mdi mdi-windows mdi-2x mdi-md-bg-primary"></i>]
 Go for link:{j1-starter-windows}[installation instructions here].
 
 
@@ -85,7 +85,7 @@ already installed programs and their ressources. Simply by setting some
 environment variables, the system you've prepared already for Jekyll will be
 left untouched.
 
-pass:[<i class="mdi mdi-linux mdi-2x mdi-md-indigo"></i>]
+pass:[<i class="mdi mdi-linux mdi-2x mdi-md-bg-primary"></i>]
 Go for link:{j1-starter-linux}[installation instructions here].
 
 
@@ -100,5 +100,5 @@ You can go for *HomeBrew* to _brew_ what you need - what many people do.
 The same to us - if we're on *MacOS*. But as always: installing an bunch of
 software will take a while. No fun.
 
-pass:[<i class="mdi mdi-apple mdi-2x mdi-md-indigo"></i>]
+pass:[<i class="mdi mdi-apple mdi-2x mdi-md-bg-primary"></i>]
 Go for link:{j1-starter-macos}[installation instructions here].