j1-template 2020.0.22 → 2021.0.2

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:                              []
@@ -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 %}
 
@@ -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:                              []
@@ -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:

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

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

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/300_first_awesome_web.adoc

@@ -1,19 +1,30 @@
- ---
+---
 title:                                  Web in a Day
 tagline:                                a first awesome web
-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/first_awesome_web/
 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

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/_includes/documents/300_first_awesome_web.asciidoc

@@ -1,12 +1,11 @@
-lorem:sentences[5]
-
-To not waste time, get through the turorial and find out what is the *Jekyll Way*.
-And if this the way you want to go.
-
-Have a good time, a good day learning Jekyll.
-
-== First awesome website
-
-lorem:sentences[5] +
-lorem:sentences[3] +
-
+lorem:sentences[5]
+
+To not waste time, get through the turorial and find out what is the *Jekyll Way*.
+And if this the way you want to go.
+
+Have a good time, a good day learning Jekyll.
+
+== First awesome website
+
+lorem:sentences[5] +
+lorem:sentences[3] +

data/lib/starter_web/pages/public/learn/kickstarter/web_in_a_day/_includes/tables/debug_variables.asciidoc

@@ -1,48 +1,47 @@
-ifeval::["{debug}" == "true"]
-.Liquid variables
-[cols="2,4,6a, options="header", role="table-responsive, full-width"]
-|===============================================================================
-|name |value |description 
-
-|`page.path`
-|{{ page.path }}
-|The path to the raw post or page. Example usage: Linking back to the page 
-or post's source on GitHub. This can be overridden in the `YAML Front Matter`.
-
-|`site.collections_dir`
-|{{ site.collections_dir }}
-|lorem:sentences[1]
-
-|`page.images.dir`
-|{{ page.images.dir }}
-|Image path set pagewise. See FRONTMATTER defaults in `_config.yml` for the 
-images path specified by: `images.dir` for specific page *type*. See the 
-example below for a page of type *pages*.
-[source, yaml]
-----
-defaults:
-  - scope:
-      path:          pages
-      type:          pages
-
-    values:
-      images:
-        dir:        /assets/images/pages
-----
-
-|`page-imagesdir`
-|{{ page-imagesdir }}
-| Images path set in the page by `:page-imagesdir:`. 
-
-|`template`
-|{{ site.template.name }}
-|Name of the template used for rendering a page. Settings are taken from 
-sitewide configuration defined by `_config.yml`.
-
-|`includedir`
-|{{ includedir }}
-|lorem:sentences[1]
-
-|===============================================================================
-endif::[]
-
+ifeval::["{debug}" == "true"]
+.Liquid variables
+[cols="2,4,6a, options="header", role="table-responsive, full-width"]
+|===============================================================================
+|name |value |description
+
+|`page.path`
+|{{ page.path }}
+|The path to the raw post or page. Example usage: Linking back to the page
+or post's source on GitHub. This can be overridden in the `YAML Front Matter`.
+
+|`site.collections_dir`
+|{{ site.collections_dir }}
+|lorem:sentences[1]
+
+|`page.images.dir`
+|{{ page.images.dir }}
+|Image path set pagewise. See FRONTMATTER defaults in `_config.yml` for the
+images path specified by: `images.dir` for specific page *type*. See the
+example below for a page of type *pages*.
+[source, yaml]
+----
+defaults:
+  - scope:
+      path:          pages
+      type:          pages
+
+    values:
+      images:
+        dir:        /assets/images/pages
+----
+
+|`page-imagesdir`
+|{{ page-imagesdir }}
+| Images path set in the page by `:page-imagesdir:`.
+
+|`template`
+|{{ site.template.name }}
+|Name of the template used for rendering a page. Settings are taken from
+sitewide configuration defined by `_config.yml`.
+
+|`includedir`
+|{{ includedir }}
+|lorem:sentences[1]
+
+|===============================================================================
+endif::[]