j1-template 2020.0.21 → 2021.0.1

data/lib/starter_web/pages/protected/site_search.adoc

@@ -33,13 +33,13 @@ resource_options:
 // -----------------------------------------------------------------------------
 {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Load page attributes (all)
+// Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} %}
+{% include {{load_attributes}} scope="none"%}
 
-// Page content
-// =============================================================================
 
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 == Site Search
 
 J1 Template integrates an Algolia Search Index for all documents of this site.

data/lib/starter_web/pages/public/about/about_site.adoc

@@ -2,10 +2,8 @@
 title:                                  J1 Template
 tagline:                                about
 description:                            Things you should know about this site
-categories:                             [ pages ]
 
 tags:                                   [ About ]
-index:                                  []
 categories:                             [ pages ]
 
 permalink:                              /pages/public/about/site/
@@ -37,4 +35,6 @@ lorem:sentences[5]
 
 == Hall of fame
 
+Bratze
+
 lorem:sentences[5]

data/lib/starter_web/pages/public/about/become_a_patron.adoc

@@ -2,10 +2,8 @@
 title:                                  J1 Template
 tagline:                                become a patron
 description:                            Help to create premium content
-categories:                             [ pages ]
 
-tags:                                   [ business ]
-index:                                  [ Patron, Premium, Content ]
+tags:                                   [ Patron, Premium, Content ]
 categories:                             [ pages ]
 
 permalink:                              /pages/public/about/become_a_patron/

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

@@ -1,13 +1,19 @@
 ---
 layout:                                 page
-
 title:                                  Creators Blog
 tagline:                                all posts
 description:                            Browse all articles
 
-#permalink:                             /pages/private/blog/navigator/archive/
+tags:                                   [ Blog, Creator ]
+categories:                             [ Navigator, Archive, Viewer ]
+
+sort:                                   date
+toc:                                    true
+fam:                                    true
+fam_menu_id:                            open_toc
 noindex:                                true
 
+#permalink:                             /pages/private/blog/navigator/archive/
 regenerate:                             false
 
 resources:                              []
@@ -55,7 +61,7 @@ resource_options:
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-<div class="paginator ml-2">
+<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>
@@ -64,7 +70,7 @@ resource_options:
   </ul>
 </div>
 
-<div id="index" class="post-archive-search-results col-md-10 col-sm-10 col-xs-11">
+<div id="index" class="post-search-results ml-3">
   <div class="view-description">{{view_description}}</div>
   <div class="post-headline">
     <h2 id="post-headline" class="mt-5">All Posts</h2>
@@ -73,16 +79,35 @@ resource_options:
   <!-- ul class="list-unstyled link-news" -->
   {% for post in site.posts %}
     {% assign excerpt = post.excerpt|truncatewords:50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+
+    <!-- Collect comment provider details -->
+    {% for sharing in builder_config.sharing_provider %}
+      {% assign provider      = sharing.provider %}
+      {% assign likes_count   = sharing.likes_count %}
+      {% assign comment_count = sharing.comment_count %}
+    {% endfor %}
+
     <article class="card raised-z5 mb-5">
       <h3 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h3>
       <!-- h5 class="notoc card-subtitle text-muted mb-2">{{post.tagline}}</h5 -->
       <div class="card-body r-text-300">{{excerpt}}</div>
-      <div class="card-body text-muted r-text-200">
-        <i class="mdi mdi-calendar-blank"></i> {{post.date|date:"%Y %B, %e"}}
-      </div>
       <div class="card-footer r-text-200">
-        <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase"
-           href="{{post.url}}#readmore">Read · {{post.tagline}}
+        <div class="card-footer-text">
+          {% if post.date %}
+          <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+          {% endif %}
+          {% if likes_count %}
+          <span class="font-weight-bold"> · </span>
+          <i class="mdi mdi-heart mr-1"></i> {{likes_count}}
+          {% endif %}
+          {% if comment_count %}
+          <span class="font-weight-bold"> · </span>
+          <i class="mdi mdi-comment mr-1"></i> {{comment_count}}
+          {% endif %}
+        </div>
+        <a class="card-link md-grey-800 font-weight-bold g-font-size-12 text-uppercase"
+           href="{{post.url}}#readmore">
+           Read · {{post.tagline}}
         </a>
       </div>
     </article>

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

@@ -1,16 +1,19 @@
 ---
 layout:                                 page
-
 title:                                  Creators Blog
 tagline:                                posts by category
 description:                            Browse articles by category
 
-sort:                                   date
-#permalink:                             /pages/private/blog/navigator/archive/categoryview/
+tags:                                   [ Blog, Creator ]
+categories:                             [ Navigator, Category, Viewer ]
 
-skip_words:                             [ posts, public, protected, private ]
+sort:                                   date
+toc:                                    true
+fam:                                    true
+fam_menu_id:                            open_toc
 noindex:                                true
 
+#permalink:                             /pages/private/blog/navigator/archive/categoryview/
 regenerate:                             false
 
 resources:                              []
@@ -70,11 +73,14 @@ resource_options:
 
 {% comment %} TODO: skip_words configured by yaml data file?
 -------------------------------------------------------------------------------- {% endcomment %}
-{% capture site_category_word_list %}{% for tag in site.categories %}{{tag|first}}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
-{% assign categories = site_category_word_list|split:',' %}
+{% capture skip_words %} Posts Public {% endcapture %}
+
+{% capture site_category_word_list %}{% for category in site.categories %}{{category|first|capitalize|lstrip|rstrip}}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
+{% assign category_words = site_category_word_list|split:',' %}
+{% assign categories = category_words|uniq %}
 
 {% for category in categories %}
-  {% if page.skip_words contains category %} {% continue %} {% endif %}
+  {% if skip_words contains category %} {% continue %} {% endif %}
   {% capture category_list %}{{category_list|append: category}}{% unless forloop.last %},{% endunless %}{% endcapture %}
 {% endfor %}
 
@@ -92,7 +98,7 @@ resource_options:
   </ul>
 </div>
 
-<div class="post-search-results col-md-10 col-sm-10 col-xs-11">
+<div class="post-search-results ml-3">
 
   <div class="view-description">{{view_description}}</div>
   <div class="post-headline">
@@ -102,7 +108,7 @@ resource_options:
   {% for tag in tags %}
     {% assign category = tag|first %}
     {% unless category_list contains category %} {% continue %} {% endunless %}
-    <h3 id="{{tag|first}}" class="mb-4"><i class="mdi mdi-pin mr-1"></i>{{tag|first|capitalize}}</h3>
+    <h3 id="{{tag|first|downcase}}" class="anchor-link mb-4"><i class="mdi mdi-pin mr-1"></i>{{tag|first|capitalize}}</h3>
 
       {% for post in sorted_posts %}
         {%if post.categories contains tag[0]%}
@@ -112,16 +118,35 @@ resource_options:
           {% assign icon_size = size %}
           {% assign excerpt = post.excerpt|truncatewords:50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
 
+          <!-- Collect comment provider details -->
+          {% for sharing in builder_config.sharing_provider %}
+            {% assign provider      = sharing.provider %}
+            {% assign likes_count   = sharing.likes_count %}
+            {% assign comment_count = sharing.comment_count %}
+          {% endfor %}          
+
           <article class="card raised-z5 mb-5">
             <h3 id="{{100000|rand}}" class="card-header bg-primary notoc">{{post.title}}</h3>
             <!-- h5 class="notoc card-subtitle text-muted mb-2">{{post.tagline}}</h5 -->
             <div class="card-body r-text-300">{{excerpt}}</div>
-            <div class="card-body text-muted r-text-200">
-              <i class="mdi mdi-calendar-blank"></i> {{post.date|date:"%Y %B, %e"}}
-            </div>
+
             <div class="card-footer r-text-200">
-              <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase"
-                 href="{{post.url}}#readmore">Read · {{post.tagline}}
+              <div class="card-footer-text">
+                {% if post.date %}
+                <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+                {% endif %}
+                {% if likes_count %}
+                <span class="font-weight-bold"> · </span>
+                <i class="mdi mdi-heart mr-1"></i> {{likes_count}}
+                {% endif %}
+                {% if comment_count %}
+                <span class="font-weight-bold"> · </span>
+                <i class="mdi mdi-comment mr-1"></i> {{comment_count}}
+                {% endif %}
+              </div>
+              <a class="card-link md-grey-800 font-weight-bold g-font-size-12 text-uppercase"
+                 href="{{post.url}}#readmore">
+                 Read · {{post.tagline}}
               </a>
             </div>
           </article>
@@ -133,7 +158,7 @@ resource_options:
 <!-- [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">
+<script>
   function setLastPage() {
     var logger = log4javascript.getLogger('j1.BlogNavigator');
     var cookie_names                = j1.getCookieNames();

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

@@ -1,13 +1,19 @@
 ---
 layout:                                 page
-
 title:                                  Creators Blog
 tagline:                                posts by date
 description:                            Browse articles by date
 
-#permalink:                             /pages/private/blog/navigator/archive/dateview/
+tags:                                   [ Blog, Creator ]
+categories:                             [ Navigator, Date, Viewer ]
+
+sort:                                   date
+toc:                                    true
+fam:                                    true
+fam_menu_id:                            open_toc
 noindex:                                true
 
+#permalink:                             /pages/private/blog/navigator/archive/dateview/
 regenerate:                             false
 
 resources:                              []
@@ -63,7 +69,7 @@ resource_options:
   </ul>
 </div>
 
-<div id="index" class="post-search-results col-md-10 col-sm-10 col-xs-11">
+<div id="index" class="post-search-results ml-3">
 
   <div class="view-description">{{view_description}}</div>
   <div class="post-headline">
@@ -92,6 +98,13 @@ resource_options:
       {% endif %}
     {% endcapture %}
 
+    <!-- Collect comment provider details -->
+    {% for sharing in builder_config.sharing_provider %}
+      {% assign provider      = sharing.provider %}
+      {% assign likes_count   = sharing.likes_count %}
+      {% assign comment_count = sharing.comment_count %}
+    {% endfor %}
+
     {% capture link %}
       {% assign excerpt = post.excerpt|truncatewords:50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
       <li>
@@ -99,12 +112,23 @@ resource_options:
           <h3 id="{{100000|rand}}" class="card-header bg-primary notoc">{{post.title}}</h3>
           <!-- h5 class="notoc card-subtitle text-muted mb-2">{{post.tagline}}</h5 -->
           <div class="card-body r-text-300">{{excerpt}}</div>
-          <div class="card-body text-muted r-text-200">
-            <i class="mdi mdi-calendar-blank"></i> {{post.date|date:"%Y %B, %e"}}
-          </div>
           <div class="card-footer r-text-200">
-            <a class="card-link md-blue font-weight-bold g-font-size-12 text-uppercase"
-               href="{{post.url}}#readmore">Read · {{post.tagline}}
+            <div class="card-footer-text">
+              {% if post.date %}
+              <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+              {% endif %}
+              {% if likes_count %}
+              <span class="font-weight-bold"> · </span>
+              <i class="mdi mdi-heart mr-1"></i> {{likes_count}}
+              {% endif %}
+              {% if comment_count %}
+              <span class="font-weight-bold"> · </span>
+              <i class="mdi mdi-comment mr-1"></i> {{comment_count}}
+              {% endif %}
+            </div>
+            <a class="card-link md-grey-800 font-weight-bold g-font-size-12 text-uppercase"
+               href="{{post.url}}#readmore">
+               Read · {{post.tagline}}
             </a>
           </div>
         </article>

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

@@ -1,15 +1,19 @@
 ---
 layout:                                 page
-
 title:                                  Creators Blog
 tagline:                                blog posts by tag
 description:                            Browse articles by tag
 
-#permalink:                             /pages/private/blog/navigator/archive/tagview/
+tags:                                   [ Blog, Creator ]
+categories:                             [ Navigator, Tag, Viewer ]
 
-skip_words:                             [ posts ]
+sort:                                   date
+toc:                                    true
+fam:                                    true
+fam_menu_id:                            open_toc
 noindex:                                true
 
+#permalink:                             /pages/private/blog/navigator/archive/tagview/
 regenerate:                             false
 
 resource_options:
@@ -86,7 +90,7 @@ resource_options:
   </ul>
 </div>
 
-<div class="post-search-results col-md-10 col-sm-10 col-xs-11">
+<div class="post-search-results ml-3">
   <div class="view-description mb-1">{{view_description}}</div>
   <div class="post-headline"> <h2 id="post-headline" class="mt-5">Posts By Tag</h2></div>
   {% assign letter_group = letter_group_array[letter_group_counter] %}

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

@@ -1,13 +1,16 @@
 ---
 layout:                                 blog_archive
-
 title:                                  Creators Blog
 tagline:                                explore posts
 description:                            Navigate  all articles
 
 tags:                                   [ Blog, Creator ]
-resources:                              []
-toc:                                    true
+categories:                             [ Navigator ]
+
+sort:                                   date
+toc:                                    false
+fam:                                    false
+fam_menu_id:                            open_toc
 noindex:                                true
 
 pagination:

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

@@ -9,14 +9,13 @@ description: >
                                         J1 Template which all people needs to know for a successful
                                         way to a modern static website using Jekyll and J1 Template
 
-tags:                                   [ Kickstarter ]
-index:                                  [ Introduction, Web, Website, Jekyll ]
-categories:                             [ pages ]
+tags:                                   [ Kickstarter, Introduction ]
+categories:                             [ Jekyll, Knowledge, Tutorial ]
 
 permalink:                              /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
 regenerate:                             false
 
-resources:                              [ lightbox, carousel ]
+resources:                              [ lightbox, carousel, fam ]
 resource_options:
   - attic:
       padding_top:                      400
@@ -37,22 +36,26 @@ resource_options:
 // Enable the Liquid Preprocessor
 :page-liquid:
 
+// Set page (local) attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
 {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Load page attributes (all)
+// Load page attributes
 // -----------------------------------------------------------------------------
 {% include {{load_attributes}} scope="all" %}
 
+
 // Page content
-// =============================================================================
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
 // Include sub-documents
 // -----------------------------------------------------------------------------
 include::{documentdir}/100_meet_and_greet_jekyll.asciidoc[]
 
-
 == Summarize!
 
 include::{includedir}/parts.asciidoc[tag=summarize]

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/200_preparations.adoc

@@ -1,19 +1,30 @@
 ---
 title:                                  Web in a Day
 tagline:                                preparations
-description:                            Modern static website in a day
+date:                                   2018-05-01 00:00:00
+description: >
+                                        Modern static website in a day
 
-tags:                                   [ Kickstarter, Introduction, Web, Day, Jekyll ]
-index:                                  []
-categories:                             [ pages ]
+tags:                                   [ Kickstarter, Introduction ]
+categories:                             [ Jekyll, Knowledge, Tutorial ]
 
 permalink:                              /pages/public/learn/kickstarter/web_in_a_day/preparations/
 regenerate:                             false
 
-resources:                              [ lightbox, carousel ]
+resources:                              [ lightbox, carousel, fam ]
 resource_options:
-  - toccer:
-      collapseDepth:                    2
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/pages/kickstarter/web_in_a_day/get-started-1920x1280-bw.jpg
+          alt:                          Photo by JESHOOTS.COM on Unsplash
+          alignY:                       top
+          badge:
+            type:                       unsplash
+            author:                     JESHOOTS.COM
+            href:                       https://unsplash.com/@jeshoots/portfolio
 ---
 
 // Page Initializer
@@ -21,21 +32,26 @@ resource_options:
 // Enable the Liquid Preprocessor
 :page-liquid:
 
+// Set page (local) attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+
 //  Load Liquid procedures
 // -----------------------------------------------------------------------------
 {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
 
-// Load page attributes (all)
+// Load page attributes
 // -----------------------------------------------------------------------------
-{% include {{load_attributes}} scope="all" %}
+{% include {{load_attributes}} scope="none" %}
+
 
 // Page content
-// =============================================================================
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
 // Include sub-documents
 // -----------------------------------------------------------------------------
 include::{documentdir}/200_preparations.asciidoc[]
 
-
 == Summarize!
 
 include::{includedir}/parts.asciidoc[tag=summarize]