j1-template 2020.0.13 → 2020.0.14

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 ]
@@ -14,7 +16,7 @@ resource_options:
   - attic:
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/library-1920x1280-bw.jpg
+        - url:                          /assets/images/modules/attics/library-1920x1280-bw.webp
           alt:                          library-1920x1280-bw
 ---
 
@@ -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
+            <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,9 +21,9 @@ resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
-      opacity:                          0.5 
+      opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
+        - url:                          /assets/images/modules/attics/matthaeus-1920x1280.webp
           alt:                          Photo by Matthaeus
           alignY:                       top
           badge:

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.webp
           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.webp
           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.webp
           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.
 
 |===============================================================================
-
-

data/lib/starter_web/pages/public/learn/roundtrip/000_includes/attributes.asciidoc

@@ -89,7 +89,7 @@ tag::tags[]
 :dotdot:                                          ..
 :middot:                                          ·
 
-end::tags[] 
+end::tags[]
 
 // Data - Data elements for Asciidoctor extensions
 // -----------------------------------------------------------------------------

data/lib/starter_web/pages/public/learn/roundtrip/000_includes/documents/419_advanced_modals_html.asciidoc

@@ -184,7 +184,7 @@
       </div>
       <!-- Body -->
       <div class="modal-body">
-        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.jpg" alt="admin-dashboard-bootstrap" class="img-fluid">
+        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.webp" alt="admin-dashboard-bootstrap" class="img-fluid">
         <div class="text-center">
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt vero illo error eveniet cum.</p>
         </div>
@@ -409,7 +409,7 @@
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit iusto nulla aperiam blanditiis ad consequatur in dolores culpa, dignissimos, eius non possimus fugiat. Esse ratione fuga, enim, ab officiis totam.
           </p>
         </div>
-        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.jpg" alt="admin-dashboard-bootstrap" class="img-fluid">
+        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.webp" alt="admin-dashboard-bootstrap" class="img-fluid">
       </div>
       <!-- Footer -->
       <div class="modal-footer">
@@ -724,7 +724,7 @@
       </div>
       <!-- Body -->
       <div class="modal-body">
-        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.jpg" alt="admin-dashboard-bootstrap" class="img-fluid">
+        <img src="/assets/images/modules/attics/admin-dashboard-bootstrap-1280x600.webp" alt="admin-dashboard-bootstrap" class="img-fluid">
         <div class="text-center">
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt vero illo error eveniet cum.</p>
         </div>

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

@@ -23,7 +23,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-1920x1280-bw.webp
           alt:                          Photo by Ricardo Gomez Angel on Unsplash
           badge:
             type:                       unsplash

data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc

@@ -26,7 +26,7 @@ resource_options:
         color_2:                        md_grey_400
       slides:
         # Broadway Underground - still image (animate default)
-        - url:                          /assets/videos/headers/still/underground-broadway.png
+        - url:                          /assets/videos/headers/still/underground-broadway.webp
           alt:                          Broadway Underground
           alignY:                       top
           animateFirst:                 false
@@ -37,7 +37,7 @@ resource_options:
           loop:                         false
           duration:                     12000
         # Broadway Underground - still image (animate random)
-        - url:                          /assets/videos/headers/still/underground-broadway.png
+        - url:                          /assets/videos/headers/still/underground-broadway.webp
           alt:                          Broadway Underground
           alignY:                       top
           transition:                   push_left|push_right|cover_up|cover_down|fade|fadeInOut

data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc

@@ -22,8 +22,11 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.3
       slides:
-        - url:                          /assets/images/pages/roundtrip/typography-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/typography-1920x1280-bw.webp
           alt:                          Photo by Alice Donovan Rousel on Unsplash
+          preload:                      0
+          transitionDuration:           fast
+          resolutionRefreshRate:        500
           badge:
             type:                       unsplash
             author:                     Alice Donovan Rousel

data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc

@@ -10,14 +10,14 @@ categories:                             [ pages ]
 permalink:                              /pages/public/learn/roundtrip/mdi_icon_font/
 regenerate:                             false
 
-resources:                              [ iconify_api ]
+resources:                              [ iconify ]
 resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/icon-fonts-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/icon-fonts-1920x1280-bw.webp
           alt:                          Photo by Harpal Singh on Unsplash
           badge:
             type:                       unsplash
@@ -50,7 +50,7 @@ include::{includedir}/attributes.asciidoc[tag=data]
 
 // Set local page attributes
 // -----------------------------------------------------------------------------
-// :images-dir:                         {imagesdir}/path/to/page/images
+// :images-dir:                         {imagesdir}/path/to/page/images 
 
 
 // Page content

data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc

@@ -10,14 +10,14 @@ categories:                             [ pages ]
 permalink:                              /pages/public/learn/roundtrip/asciidoc_extensions/
 regenerate:                             false
 
-resources:                              [ lightbox ]
+resources:                              [ lightbox, iconify, twemoji ]
 resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/roundtrip/puzzle-1920x1280-bw.jpg
+        - url:                          /assets/images/pages/roundtrip/puzzle-1920x1280-bw.webp
           alt:                          puzzle-1920x1280-bw
 #         badge:
 #           type:                       unsplash