j1-template 2020.0.13 → 2020.0.18

data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html

@@ -1,8 +1,9 @@
 ---
 layout:                                 page
 
-title:                                  Date
+title:                                  Creators Blog
 tagline:                                posts by date
+description:                            Browse articles by date
 
 #permalink:                             /pages/private/blog/navigator/archive/dateview/
 noindex:                                true
@@ -14,7 +15,7 @@ resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
-      opacity:                          0.5 
+      opacity:                          0.5
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus
@@ -37,13 +38,13 @@ resource_options:
 {% assign view_description    = view_config.description %}
 
 {% if site.permalink == 'none' %}
-  {% capture browser_page_url %}{{ page.url }}.html{% endcapture %}
+  {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
 {% else %}
-  {% capture browser_page_url %}{{ page.url }}{% endcapture %}
+  {% capture browser_page_url %}{{page.url}}{% endcapture %}
 {% endif %}
 
-{% include {{get_page_path}} mode='absolute' %} 
-{% assign navigator_path = page_path | remove_first:'archive' %}
+{% include {{get_page_path}} mode='absolute' %}
+{% assign navigator_path = page_path|remove_first:'archive' %}
 
 {% capture navigator %}{{navigator_path}}{% endcapture %}
 {% capture date_view %}{{page_path}}/dateview/{% endcapture %}
@@ -54,64 +55,76 @@ resource_options:
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-<div class="post-headline"> <h2 id="post-headline" class="mt-2">Posts By Date</h2></div> 
 <div class="paginator ml-3">
   <ul class="pagination raised-z0">
-    <li class="page-item"><a class="page-link" href="{{navigator     | prepend: site.baseurl}}" title="Blog View">Navigator</a></li>
-    <li class="page-item"><a class="page-link" href="{{category_view | prepend: site.baseurl}}" title="View by Category">By Category</a></li>
-    <!-- li class="page-item"><a class="page-link" href="{{tag_view      | prepend: site.baseurl}}" title="View by Tag">By Tag</a></li -->
-    <li class="page-item"><a class="page-link" href="{{all_view      | prepend: site.baseurl}}" title="View All">All Posts</a></li>
+    <li class="page-item"><a class="page-link" href="{{navigator|prepend: site.baseurl}}" title="Blog View">Navigator</a></li>
+    <li class="page-item"><a class="page-link" href="{{category_view|prepend: site.baseurl}}" title="View by Category">By Category</a></li>
+    <li class="page-item"><a class="page-link" href="{{all_view|prepend: site.baseurl}}" title="View All">All Posts</a></li>
   </ul>
 </div>
 
 <div id="index" class="post-search-results col-md-10 col-sm-10 col-xs-11">
 
   <div class="view-description">{{view_description}}</div>
-
+  <div class="post-headline">
+    <h2 id="post-headline" class="mt-5">Posts by Date</h2>
+  </div>
   {% assign openList = '<ul class="list-unstyled link-news">' %}
   {% assign closeList = '</ul>' %}
 
   {% for post in site.posts %}
 
-    {% capture month %}{{ post.date | date: '%m%Y' }}{% endcapture %}
-    {% capture nmonth %}{{ post.next.date | date: '%m%Y' }}{% endcapture %}
+    {% capture month %}{{post.date|date:'%m%Y'}}{% endcapture %}
+    {% capture nmonth %}{{post.next.date|date:'%m%Y'}}{% endcapture %}
     {% capture monthHead %}
       {% if month != nmonth %}
-      {% if  forloop.index != 1  %}{{ closeList }}{%endif %}
-      <h3 id="{{ 100000 | rand }}" class="toc-link mt-5 mb-0">{% if year != nyear %}<a id="{{ post.date | date: '%Y' }}"></a>{% endif %}<a id="{{ post.date | date:  '%Y-%m'  }}"></a><a title="Back to top" href="#"><i class="fa fa-calendar mr-3"></i></a>{{ post.date | date: '%B %Y' }}</h3>
-      {{ openList }}
+      {% if  forloop.index != 1  %}{{closeList}}{%endif %}
+      <h3 id="{{100000|rand}}"
+        class="toc-link mt-5 mb-2">
+        {% if year != nyear %}
+        <a id="{{post.date|date:'%Y'}}"></a>
+        {% endif %}<a id="{{post.date|date:'%Y-%m' }}">
+        </a>
+        <a> <i class="mdi mdi-calendar-blank"></i></a>
+        {{post.date|date:'%B %Y'}}
+      </h3>
+      {{openList}}
       {% endif %}
     {% endcapture %}
 
     {% capture link %}
-      {% assign excerpt = post.excerpt | truncatewords: 50 | strip_html | strip_newlines | strip %}
+      {% assign excerpt = post.excerpt|truncatewords:50|strip_html|strip_newlines|strip %}
       <li>
-        <div class="card card-flat mb-4">        
+        <div class="card card-flat mb-4" style="background-color: #fafafa">
           <div class="card-body">
-            <!-- <span class="post-meta">{{post.date|date: "%B %d, %Y"}}</span> -->
-            <h4 id="{{ 100000 | rand }}" class="card-title">{{ post.title }}</h4>
-            <h5 class="notoc card-subtitle text-muted mb-2">{{ post.tagline }}</h5>
-            <div class="card-text"><p>{{ excerpt }}</p></div>
+            <!-- <span class="post-meta">{{post.date|date:'%B %d, %Y'}}</span> -->
+            <h4 id="{{100000|rand}}" class="card-title">{{post.title}}</h4>
+            <h5 class="notoc card-subtitle text-muted mb-2">{{post.tagline}}</h5>
+            <div class="card-text"><p>{{excerpt}}</p></div>
+            <span class="d-block text-muted text-uppercase g-font-weight-600 g-font-size-12">
+              <i class="mdi mdi-calendar-blank"></i>
+              {{post.date|date:'%Y %B, %e'}}
+            </span>
           </div>
-          <div class="card-footer">
+          <div class="card-footer" style="background-color: #fafafa">
             <!-- <a class="card-link" href="{{post.url}}#readmore" target="_blank">Read more ..</a> -->
-            <a class="btn btn-primary btn-raised btn-flex" href="{{post.url}}#readmore">
-              <i class="fa fa-eye fa-lg" style="color:#FFFFFF;"></i>
-              Read more
+            <a class="btn btn-secondary btn-raised btn-flex" href="{{post.url}}#readmore">
+              <i class="mdi mdi-eye mdi-lg mr-2" style="color:#FFFFFF;"></i>
+              Read · {{post.tagline}}
             </a>
           </div>
         </div>
       </li>
     {% endcapture %}
 
-    {{ monthHead }}{{ link }}
+    {{monthHead}}{{link}}
 
   {% endfor %}
   {{closeList}}
 
 </div>
 
-<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to cookieUserState cookie: {{ browser_page_url }}] -->
+<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to cookieUserState cookie: {{browser_page_url}}] -->
 {% comment %} Update cookie for lastpage
 -------------------------------------------------------------------------------- {% endcomment %}
 <script type="text/javascript">
@@ -124,7 +137,7 @@ resource_options:
     user_state.last_page            = user_state_last_page;
 //  j1.setUserState( {last_page:user_state_last_page} );
     j1.writeCookie({
-      name: user_state_cookie_name, 
+      name: user_state_cookie_name,
       data: user_state
     });
     logger.info('Saved current Post Browser page to cookie: {{browser_page_url}}');

data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html

@@ -1,8 +1,10 @@
 ---
 layout:                                 page
 
-title:                                  Tags
+title:                                  Creators Blog
 tagline:                                blog posts by tag
+description:                            Browse articles by tag
+
 #permalink:                             /pages/private/blog/navigator/archive/tagview/
 
 skip_words:                             [ posts ]
@@ -35,9 +37,9 @@ resource_options:
 {% assign view_description      = view_config.description %}
 
 {% if site.permalink == 'none' %}
-  {% capture browser_page_url %}{{ page.url }}.html{% endcapture %}
+  {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
 {% else %}
-  {% capture browser_page_url %}{{ page.url }}{% endcapture %}
+  {% capture browser_page_url %}{{page.url}}{% endcapture %}
 {% endif %}
 
 {% comment %} jadams: skip_words needs to be configured by yaml data file
@@ -48,7 +50,7 @@ resource_options:
 {% assign letter_group_counter  = 0 %}
 {% assign letter_group_written  = false %}
 
-{% include {{get_page_path}} mode='absolute' %} 
+{% include {{get_page_path}} mode='absolute' %}
 {% assign navigator_path = page_path | remove_first:'archive' %}
 
 {% capture navigator %}{{navigator_path}}{% endcapture %}
@@ -61,18 +63,18 @@ resource_options:
 {% comment %} TODO: skip_words should configured by yaml data file?
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign tags = site.tags | sort %}
-{% capture site_tag_word_list %}{% for tag in site.tags %}{{ tag | first }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+{% capture site_tag_word_list %}{% for tag in site.tags %}{{tag | first}}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
 {% assign tags = site_tag_word_list | split:',' %}
 
 {% for tag in tags %}
   {% if page.skip_words contains tag %} {% continue %} {% endif %}
-  {% capture tag_list %}{{ tag_list | append: tag }}{% unless forloop.last %},{% endunless %}{% endcapture %} 
+  {% capture tag_list %}{{tag_list | append: tag}}{% unless forloop.last %},{% endunless %}{% endcapture %}
 {% endfor %}
 
 
-{% comment %} Main 
--------------------------------------------------------------------------------- {% endcomment %}  
-<!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] --> 
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
 {% include {{create_word_cloud}} word_list=tag_list source="tags" %}
 
 <div class="paginator ml-3">
@@ -90,7 +92,7 @@ resource_options:
   {% assign letter_group = letter_group_array[letter_group_counter] %}
 
   {% for item in (0..site.tags.size) %}{% unless forloop.last %}
-    {% capture this_word %}{{ word_array[item] | strip_newlines }}{% endcapture %}
+    {% capture this_word %}{{word_array[item] | strip_newlines}}{% endcapture %}
 
     {% for skip_word in skip_word_array %}
       {% if skip_word contains this_word %} {% assign skip = true %} {% else %} {% assign skip = false %} {% endif %}
@@ -107,7 +109,7 @@ resource_options:
       --------------------------------------------------------------------------
       <!-- jadams, 2018-01-17: logic seems NOT work. Disabled. -->
       {% if letter_group_written == false %}
-        <h3 id="id_{{letter_group}}" class="toc-link mt-5 mb-5"><a title="Back to top" href="#"><i class="fa fa-tags mr-2"></i></a>{{ letter_group | upcase }}</h3>
+        <h3 id="id_{{letter_group}}" class="toc-link mt-5 mb-5"><a title="Back to top" href="#"><i class="fa fa-tags mr-2"></i></a>{{letter_group | upcase}}</h3>
         {% assign letter_group_written = true %}
       {% endif %}
       -------------------------------------------------------------------------- {% endcomment %}
@@ -115,26 +117,26 @@ resource_options:
       {% assign letter_group_counter = letter_group_counter | plus:1 %}
       {% assign letter_group = letter_group_array[letter_group_counter] %}
 
-      {% comment %} jadams, 2018-01-17: logic seems NOT work. 
-                    Added workaround by checking if letter_group has a value 
+      {% comment %} jadams, 2018-01-17: logic seems NOT work.
+                    Added workaround by checking if letter_group has a value
       -------------------------------------------------------------------------- {% endcomment %}
       {% if letter_group %}
       <h3 id="id_{{letter_group}}" class="toc-link mb-3">
         <a title="Back to top" href="#">
           <i class="fa fa-tags mr-2"></i>
-        </a>{{ letter_group | upcase }}
+        </a>{{letter_group | upcase}}
       </h3>
       {% endif %}
       {% assign letter_group_written = true %}
     {% endif %}
 
     {% comment %}
-    letter_group: {{ letter_group | debug }}
-    this_word: {{ this_word | debug }}
-    first_letter: {{ first_letter | debug }}
+    letter_group: {{letter_group | debug}}
+    this_word: {{this_word | debug}}
+    first_letter: {{first_letter | debug}}
     {% endcomment %}
 
-    <h4 id="{{this_word | replace: '+','_' | replace: ' ','_' | downcase }}" class="toc-link"><a title="Back to top" href="#"><i class="fa fa-tag mr-2"></i></a>{{ this_word }}</h4>
+    <h4 id="{{this_word | replace: '+','_' | replace: ' ','_' | downcase}}" class="toc-link"><a title="Back to top" href="#"><i class="fa fa-tag mr-2"></i></a>{{this_word}}</h4>
 
     {% for post in site.tags[this_word] %}{% if post.title != null %}
       {% include {{get_category}} post=post %}
@@ -147,18 +149,17 @@ resource_options:
       {% assign excerpt = post.excerpt | truncatewords: 50 | strip_html | strip_newlines | strip %}
 
       <!-- place post  -->
-      <div class="card card-flat mb-4">        
+      <div class="card card-flat mb-4">
         <div class="card-body">
           <!-- <span class="post-meta">{{post.date|date: "%B %d, %Y"}}</span> -->
-          <h5 id="{{ 100000 | rand }}" class="card-title">{{ post.title }}</h5>
-          <h6 class="notoc card-subtitle text-muted mb-2">{{ post.tagline }}</h6>
-          <div class="card-text"><p>{{ excerpt }}</p></div>
+          <h5 id="{{100000 | rand}}" class="card-title">{{post.title}}</h5>
+          <h6 class="notoc card-subtitle text-muted mb-2">{{post.tagline}}</h6>
+          <div class="card-text"><p>{{excerpt}}</p></div>
         </div>
         <div class="card-footer">
-          <!-- <a class="card-link" href="{{post.url}}#readmore" target="_blank">Read more ..</a> -->
-          <a class="btn btn-primary btn-raised btn-flex" href="{{post.url}}#readmore">
-            <i class="fa fa-eye fa-lg" style="color:#FFFFFF;"></i>
-            Read more
+          <a class="btn btn-secondary btn-raised btn-flex" href="{{post.url}}#readmore">
+            <i class="mdi mdi-eye mdi-lg mr-2" style="color:#FFFFFF;"></i>
+            Read · {{post.tagline}}
           </a>
         </div>
       </div>
@@ -166,7 +167,7 @@ resource_options:
   {% endunless %}{% endfor %}
 </div>
 
-<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to cookieUserState cookie: {{ browser_page_url }}] -->
+<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to cookieUserState cookie: {{browser_page_url}}] -->
 <script type="text/javascript">
   function setLastPage() {
     var logger = log4javascript.getLogger('j1.BlogNavigator');
@@ -177,11 +178,10 @@ resource_options:
     user_state.last_page            = user_state_last_page;
 //  j1.setUserState( {last_page:user_state_last_page} );
     j1.writeCookie({
-      name: user_state_cookie_name, 
+      name: user_state_cookie_name,
       data: user_state
     });
     logger.info('Saved current Post Browser page to cookie: {{browser_page_url}}');
   }
   window.onload = setLastPage();
 </script>
-

data/lib/starter_web/pages/public/blog/navigator/index.html

@@ -3,7 +3,7 @@ layout:                                 blog_archive
 
 title:                                  Creators Blog
 tagline:                                explore posts
-description:                            Page Generator
+description:                            Navigate  all articles
 
 tags:                                   [ Blog, Creator ]
 resources:                              []
@@ -21,7 +21,7 @@ resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
-      opacity:                          0.5 
+      opacity:                          0.5
       slides:
         - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
           alt:                          Photo by Matthaeus

data/lib/starter_web/pages/public/learn/examples/floating_div.adoc

@@ -51,7 +51,7 @@ resource_options:
 ++++
     <div id="adblock" class="row no-gutters adblock">
       <div class="doc-example mb-3">
-        <button type="button" class="btn btn-primary btn-raised">Primary</button>
+        <button type="button" class="btn btn-secondary btn-raised">Primary</button>
         <button type="button" class="btn btn-secondary btn-raised">Secondary</button>
         <button type="button" class="btn btn-success btn-raised">Success</button>
         <button type="button" class="btn btn-info btn-raised">Info</button>

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/100_meet_and_greet_jekyll.adoc

@@ -1,6 +1,7 @@
 ---
 title:                                  Web in a Day
 tagline:                                meet & greet jekyll
+date:                                   2018-05-01 00:00:00
 description: >
                                         Web in a Day is the first in a series of tutorials to
                                         learn how to create modern websites using Jekyll. This

data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour.1.asciidoc

@@ -20,7 +20,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
           alt:                          Photo by Ricardo Gomez Angel on Unsplash
           badge:
             type:                       unsplash
@@ -118,4 +118,3 @@ Javascript libraries to support such functionality.
 
 </script>
 ++++
-

data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour.adoc

@@ -20,7 +20,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
           alt:                          Photo by Ricardo Gomez Angel on Unsplash
           badge:
             type:                       unsplash
@@ -142,4 +142,3 @@ Javascript libraries to support such functionality.
 }).call(this);
 </script>
 ++++
-

data/lib/starter_web/pages/public/learn/roundtrip/000_bs_tour_api.adoc

@@ -20,7 +20,7 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/images/bootstrap-1920x1000-bw.jpg
           alt:                          Photo by Ricardo Gomez Angel on Unsplash
           badge:
             type:                       unsplash
@@ -145,7 +145,7 @@ http://getbootstrap.com/javascript/#popovers[Popover]._
 |autoscroll
 |Boolean
 |`true`
-|Autoscrolls the window when the step popover is out of view. 
+|Autoscrolls the window when the step popover is out of view.
 
 |keyboard
 |Boolean
@@ -167,18 +167,18 @@ Storage interfaces]._
 |Boolean
 |`false`
 |Set this option to true to have some useful
-informations printed in the console. 
+informations printed in the console.
 
 |backdrop
 |Boolean
 |`false`
 |Show a dark backdrop behind the popover and its
-element, highlighting the current step. 
+element, highlighting the current step.
 
 |backdropContainer
 |String
 |`body`
-|HTML element (jQuery selector) on which the backdrop should be shown. 
+|HTML element (jQuery selector) on which the backdrop should be shown.
 
 |backdropPadding
 |Number\|Object
@@ -238,7 +238,7 @@ template so you can easily rewrite it. However, Bootstrap Tour maps the
 _previous_, _next_ and _end_ logics to the elements which have the
 related `data-role` attribute. Therefore, you can also have multiple
 elements with the same `data-role` attribute. +
-            
+
 |afterGetState \| afterSetState \| afterRemoveState  callout:2[]
 |Function
 |`name(key, value){}`
@@ -258,7 +258,7 @@ A simple example if to send a post request to your server each time
 there is a change.
 
 |onStart
-|Function 
+|Function
 |`name(tour){}`
 |Function to execute when the tour starts.
 
@@ -341,7 +341,7 @@ var tour = Tour({
   afterSetState: function (key, value) {
     $.post("/some/path", value);
   }
-});            
+});
 ----
 
 
@@ -449,7 +449,7 @@ _This option should be used in conjunction with `next`._
 |container
 |String
 |`body`
-|Attachment of popover. Pass an element (jQuery selector) to append the 
+|Attachment of popover. Pass an element (jQuery selector) to append the
 popover to. By default the popover is appended
 after the 'element' above. This option is particularly helpful for
 Internet Explorer.
@@ -460,10 +460,10 @@ Internet Explorer.
 |Show a dark backdrop behind the popover and its
 element, highlighting the current step.
 
-|backdropContainer NEW 
+|backdropContainer NEW
 |String (jQuery selector)
 |`body`
-|HTML element on which the backdrop should be shown. 
+|HTML element on which the backdrop should be shown.
 
 |backdropPadding NEW
 |Boolean\|Object
@@ -475,7 +475,7 @@ It can be a number or a object containing optional `top`, `right`,
 |redirect
 |Boolean\|Function
 |`true`
-|Set a custom function to execute as redirect function. The default 
+|Set a custom function to execute as redirect function. The default
 redirect relies on the traditional `document.location.href`.
 
 |reflex UPDATED
@@ -497,7 +497,7 @@ The step is fixed positioned in the middle of the page. +
 You can use a string or function that returns a string of the HTML
 template for the orphan popovers.
 
-|duration NEW 
+|duration NEW
 |Boolean\|String
 |`false`
 |Set a expiration time for the steps. When
@@ -580,7 +580,7 @@ the path of the step. It overrides the global `onRedirectError` option.
 
 === Methods
 
-If, for some reasons, you want to force the tour to be displayed, pass 
+If, for some reasons, you want to force the tour to be displayed, pass
 *true* to the *start()* method.
 
 [cols="3,9a",options="header",]
@@ -632,13 +632,11 @@ word)_ .
 |Get the index of the current step.
 
 |setCurrentStep(`i`)
-|Override the current step. Pass `i` as the index of the step in the 
+|Override the current step. Pass `i` as the index of the step in the
 tour (0-based).
 
 |redraw()
-|Triggers a redraw on the overlay element. Useful for dynamically sized 
+|Triggers a redraw on the overlay element. Useful for dynamically sized
 tour targets.
 
 |===============================================================================
-
-