j1-template 2023.1.0 → 2023.2.0

data/lib/starter_web/_includes/custom/templates/custom_header.html

@@ -1,76 +1,98 @@
-<!-- Custom Header -->
-<!-- [INFO   ] [~/_includes/custom/templates/custom_header.html     ] [ create attic for layout: {{page.layout}}] -->
-<header class="masthead bg-primary text-white text-center mb-4">
-  <div class="container d-flex align-items-center flex-column">
-
-    <!-- Masthead Image-->
-    <div class="row">
-      <!-- img class="masthead-avatar mb-5" src="/assets/images/custom/header/avatar.svg" alt="Avatar" aria-label="Avatar" -->
-      <!-- img class="masthead-image" src="/assets/images/custom/header/family.svg" alt="Family Cartoon" aria-label="Family Cartoon" -->
-      <!-- img class="masthead-image" src="{{page.image.path}}" alt="{{page.image.alt}}" aria-label="{{page.image.alt}}" -->
-      <img class="masthead-image" src="/assets/images/custom/header/family.svg" alt="Family Cartoon" aria-label="Family Cartoon">
-    </div>
-    <!-- /Masthead Image-->
-
-    <!-- Masthead Title|Tagline -->
-    <div class="mt-5">
-      <div id="head-title" class="animate__animated animate__fadeInLeft animate__slower">
-        <h1 class="masthead-heading text-uppercase mb-0">{{page.title}}</h1>
-      </div>
-
-      <div id="head-tagline" class="animate__animated animate__fadeInLeft animate__slower">
-        <p class="masthead-subheading font-weight-light mb-0">{{page.tagline}}</p>
-      </div>
-    </div>
-    <!-- /Masthead Title|Tagline -->
-
-  </div>
-</header>
-<!-- /Custom Header -->
-
-<!-- Custom Header CSS -->
-<style>
-.masthead {
-  padding-top: calc(6rem + 80px);
-  padding-bottom: 4rem;
-
-  .masthead-heading {
-    font-size: 2.75rem;
-    line-height: 2.75rem;
-  }
-
-  .masthead-subheading {
-    font-size: 1.25rem;
-  }
-
-  .masthead-avatar {
-    width: 15rem;
-  }
-
-  .masthead-image {
-    width: 60rem;
-  }
-
-  /* BS 'md' */
-  @media only screen and (min-width: 768px) and (max-width: 992px) {
-    .masthead-image {
-      width: 40rem;
-    }
-  }
-
-  /* BS 'sm' */
-  @media only screen and (min-width: 576px) and (max-width: 768px) {
-    .masthead-image {
-      width: 30rem;
-    }
-  }
-
-  /* BS 'xs' */
-  @media only screen and (max-width: 480px)  {
-    .masthead-image {
-      width: 30rem;
-    }
-  }
-}
-</style>
-<!-- /Custom Header CSS -->
+<!--
+ # -----------------------------------------------------------------------------
+ #  ~/assets/custom/content/templates/bs5_accordion.html
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2023 Juergen Adams
+ #
+ #  J1 Theme is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ #
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # Find the accordion example @BS5:
+ #    https://getbootstrap.com/docs/5.2/components/accordion/
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    liquid_var:  {{liquid_var | debug}}
+ # -----------------------------------------------------------------------------
+-->
+
+<!-- Custom Header -->
+<!-- [INFO   ] [~/_includes/custom/templates/custom_header.html     ] [ create attic for layout: {{page.layout}}] -->
+<header class="masthead bg-primary text-white text-center mb-4">
+  <div class="container d-flex align-items-center flex-column">
+
+    <!-- Masthead Image-->
+    <div class="row">
+      <!-- img class="masthead-avatar mb-5" src="/assets/images/custom/header/avatar.svg" alt="Avatar" aria-label="Avatar" -->
+      <!-- img class="masthead-image" src="/assets/images/custom/header/family.svg" alt="Family Cartoon" aria-label="Family Cartoon" -->
+      <!-- img class="masthead-image" src="{{page.image.path}}" alt="{{page.image.alt}}" aria-label="{{page.image.alt}}" -->
+      <img class="masthead-image" src="/assets/images/custom/header/family.svg" alt="Family Cartoon" aria-label="Family Cartoon">
+    </div>
+    <!-- /Masthead Image-->
+
+    <!-- Masthead Title|Tagline -->
+    <div class="mt-5">
+      <div id="head-title" class="animate__animated animate__fadeInLeft animate__slower">
+        <h1 class="masthead-heading text-uppercase mb-0">{{page.title}}</h1>
+      </div>
+
+      <div id="head-tagline" class="animate__animated animate__fadeInLeft animate__slower">
+        <p class="masthead-subheading font-weight-light mb-0">{{page.tagline}}</p>
+      </div>
+    </div>
+    <!-- /Masthead Title|Tagline -->
+
+  </div>
+</header>
+<!-- /Custom Header -->
+
+<!-- Custom Header CSS -->
+<style>
+.masthead {
+  padding-top: calc(6rem + 80px);
+  padding-bottom: 4rem;
+
+  .masthead-heading {
+    font-size: 2.75rem;
+    line-height: 2.75rem;
+  }
+
+  .masthead-subheading {
+    font-size: 1.25rem;
+  }
+
+  .masthead-avatar {
+    width: 15rem;
+  }
+
+  .masthead-image {
+    width: 60rem;
+  }
+
+  /* BS 'md' */
+  @media only screen and (min-width: 768px) and (max-width: 992px) {
+    .masthead-image {
+      width: 40rem;
+    }
+  }
+
+  /* BS 'sm' */
+  @media only screen and (min-width: 576px) and (max-width: 768px) {
+    .masthead-image {
+      width: 30rem;
+    }
+  }
+
+  /* BS 'xs' */
+  @media only screen and (max-width: 480px)  {
+    .masthead-image {
+      width: 30rem;
+    }
+  }
+}
+</style>
+<!-- /Custom Header CSS -->

data/lib/starter_web/_includes/custom/templates/people_panel.html

@@ -0,0 +1,144 @@
+<!--
+ # -----------------------------------------------------------------------------
+ #  ~/assets/custom/content/templates/people_panel.html
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2023 Juergen Adams
+ #
+ #  J1 Theme is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    liquid_var:  {{liquid_var | debug}}
+ # -----------------------------------------------------------------------------
+-->
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set collection data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign collection_name             = "people" %}
+
+{% comment %} Set grid data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign grid_title                  = collection_name | capitalize %}
+{% assign grid_tagline                = "meet us" %}
+{% assign card_translate_description  = "notranslate" %}
+
+{% comment %} Collect collection documents
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for collection in site.collections %}
+  {% if collection.label contains collection_name %}
+    {% assign articles = collection.docs %}
+    {% break %}
+  {% endif %}
+{% endfor %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- People Grid -->
+<section id="{{collection_name}}" class="page-section elevated-z1">
+  <div class="container mb-5">
+
+    <!-- Header -->
+    <div class="pt-5 mb-5">
+      <h2 class="g-font-weight-500 mb-0 {{card_translate_description}}">{{grid_title}}</h2>
+      <p class="tagline mb-0 {{card_translate_description}}"><b>{{grid_tagline}}</b></p>
+      <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
+    </div>
+    <!-- /Header -->
+
+    <div class="row">
+      {% for article in articles %}
+
+      <div class="col-lg-4 col-sm-6 mb-4">
+        <div class="people-member">
+          <img class="mx-auto rounded-circle" src="{{article.image.path | relative_url}}" alt="{{article.person.name | escape}}" />
+          <h3 class="mt-2">{{article.person.name}}</h3>
+          <p>{{article.person.role}}</p>
+
+          {% comment %} social media (links)
+          ---------------------------------------------------------------------- {% endcomment %}
+          {% if article.social_media.enabled %}
+          <ul class="social-icons">
+            {% if article.social_media.facebook.href contains 'http' %}
+              <li>
+                <a id="personFacebookButton"
+                   href="{{{article.social_media.facebook.href}}"
+                   aria-label="personFacebookButton"
+                   data-original-title="Facebook"
+                   class="rounded-circle social_facebook"
+                   target="_blank"
+                   rel="noopener noreferrer">
+                 </a>
+               </li>
+            {% else %}
+              <li>
+                <a id="personFacebookButton"
+                   href="javascript:void(0)"
+                   aria-label="personFacebookButton"
+                   data-original-title="Facebook"
+                   class="rounded-circle social_facebook">
+                </a>
+              </li>
+            {% endif %}
+
+            {% if article.social_media.twitter.href contains 'http' %}
+              <li>
+                <a id="personTwitterButton"
+                   href="{{{article.social_media.twitter.href}}"
+                   aria-label="personTwitterButton"
+                   data-original-title="Twitter"
+                   class="rounded-circle social_twitter"
+                   target="_blank"
+                   rel="noopener noreferrer">
+                 </a>
+               </li>
+            {% else %}
+              <li>
+                <a id="personTwitterButton"
+                   href="javascript:void(0)"
+                   aria-label="personTwitterButton"
+                   data-original-title="Twitter"
+                   class="rounded-circle social_twitter">
+                </a>
+              </li>
+            {% endif %}
+
+            {% if article.social_media.linkedin.href contains 'http' %}
+              <li>
+                <a id="personLinkedinButton"
+                   href="{{{article.social_media.linkedin.href}}"
+                   aria-label="personLinkedinkButton"
+                   data-original-title="Linkedin"
+                   class="rounded-circle social_linkedin"
+                   target="_blank"
+                   rel="noopener noreferrer">
+                 </a>
+               </li>
+            {% else %}
+              <li>
+                <a id="personLinkedinButton"
+                   href="javascript:void(0)"
+                   aria-label="personLinkedinButton"
+                   data-original-title="Linkedin"
+                   class="rounded-circle social_linkedin">
+                </a>
+              </li>
+            {% endif %}
+          </ul>
+          {% endif %}
+
+        </div>
+      </div>
+
+      {% endfor %}
+    </div>
+
+  </div>
+</section>
+<!-- /People Grid -->

data/lib/starter_web/_includes/custom/templates/readme

@@ -1 +1 @@
-Place Liquid-based HTML template files in this folder.
+Place custom Liquid-based HTML template files in this folder.

data/lib/starter_web/_plugins/asciidoctor/carousel-block.rb

@@ -35,7 +35,7 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attrs
 
-      title_html  = (attrs.has_key? 'title') ? %(<div class="slider-title">#{attrs['title']}</div>\n) : nil
+      title_html  = (attrs.has_key? 'title') ? %(<div class="slider-title notranslate">#{attrs['title']}</div>\n) : nil
       html = %(#{title_html} <div id="#{target}" class="#{attrs['role']}"></div>)
       create_pass_block parent, html, attrs, subs: nil
     end

data/lib/starter_web/_plugins/asciidoctor/gallery-block.rb

@@ -33,7 +33,7 @@ Asciidoctor::Extensions.register do
     name_positional_attributes 'role'
 
     def process parent, target, attrs
-      title_html  = (attrs.has_key? 'title') ? %(<div class="gallery-title">#{attrs['title']}</div>\n) : nil
+      title_html  = (attrs.has_key? 'title') ? %(<div class="gallery-title notranslate">#{attrs['title']}</div>\n) : nil
       html = %(#{title_html} <div id="#{target}" class="#{attrs['role']}"></div>)
       create_pass_block parent, html, attrs, subs: nil
     end

data/lib/starter_web/_plugins/asciidoctor/gist-block.rb

@@ -34,7 +34,7 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attrs
       title_html = (attrs.has_key? 'title') ?
-          %(<div class="title">#{attrs['title']}</div>\n) : nil
+          %(<div class="title notranslate">#{attrs['title']}</div>\n) : nil
 
       html = %(<div class="openblock gist mt-4 mb-5">
                  #{title_html}

data/lib/starter_web/_plugins/asciidoctor/lightbox-block.rb

@@ -44,7 +44,7 @@ Asciidoctor::Extensions.register do
       imagesdir     = parent.attr 'imagesdir'
       images_hash   = Hash[*attrs['image_data'].split(',')]
 
-      title_html    = (attrs.has_key? 'title') ? %(<div class="title">#{attrs['title']}</div>\n) : nil
+      title_html    = (attrs.has_key? 'title') ? %(<div class="title notranslate">#{attrs['title']}</div>\n) : nil
       role          = (attrs.has_key? 'role') ? role : ''
       grouped       = (attrs.has_key? 'group') ? true : false
 

data/lib/starter_web/_plugins/asciidoctor/masonry-block.rb

@@ -37,7 +37,7 @@ Asciidoctor::Extensions.register do
     name_positional_attributes 'role'
 
     def process parent, target, attrs
-      title_html  = (attrs.has_key? 'title') ? %(<div class="masonry-title">#{attrs['title']}</div>\n) : nil
+      title_html  = (attrs.has_key? 'title') ? %(<div class="masonry-title notranslate">#{attrs['title']}</div>\n) : nil
 #     html = %(#{title_html} <div id="#{target}_parent" class="container g-0 masonry-parent #{attrs['role']}"></div>)
       html = %(#{title_html} <div id="#{target}_parent" class="masonry-parent #{attrs['role']}"></div>)
       create_pass_block parent, html, attrs, subs: nil

data/lib/starter_web/_plugins/asciidoctor/masterslider-block.rb

@@ -37,7 +37,7 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attrs
 
-      title_html  = (attrs.has_key? 'title') ? %(<div class="slider-title">#{attrs['title']}</div>\n) : nil
+      title_html  = (attrs.has_key? 'title') ? %(<div class="slider-title notranslate">#{attrs['title']}</div>\n) : nil
       html = %(#{title_html} <div id="p_#{target}" class="master-slider-parent #{attrs['role']}"></div>)
       create_pass_block parent, html, attrs, subs: nil
     end

data/lib/starter_web/_plugins/asciidoctor/mdil-icon-inline.rb

@@ -14,6 +14,16 @@
 require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
 include Asciidoctor
 
+# A inline macro that places an MDIL icon into the output document
+#
+# Usage
+#
+#   mdil:<name>[<size>, <modifier>]
+#
+# Example:
+#
+#   mdil:account[mdi-48px, <modifier>]
+#
 Asciidoctor::Extensions.register do
   class MdilIconInlineMacro < Extensions::InlineMacroProcessor
     use_dsl

data/lib/starter_web/_plugins/asciidoctor/placeholder-inline.rb

@@ -0,0 +1,44 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/placeholder-inline.rb
+# Asciidoctor extension for placeholder images generated by "placehold.it"
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2023 Juergen Adams
+#
+# J1 Theme is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+#
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# A inline macro that places an "placehold.it" URL into the output document
+#
+# Usage
+#
+#   placeholder:<name>[<size>, <color>]
+#
+# Example:
+#
+#   placeholder:300x600[300x600, 212121]
+#
+Asciidoctor::Extensions.register do
+  class PlaceholderInlineMacro < Extensions::InlineMacroProcessor
+    use_dsl
+    named :placeholder
+    name_positional_attributes 'size', 'modifier'
+    default_attrs 'size' => '300x300', 'modifier' => ''
+
+    def process parent, target, attributes
+      doc = parent.document
+      size_class = (size = attributes['size']) ? %(mdil-#{size}) : nil
+      modifier_class = (modifier = attributes['modifier']) ? %(#{modifier}) : nil
+#     %(<i class="#{size} #{modifier}"></i>)
+      %("http://placehold.it/#{size}/#{modifier}")
+
+    end
+  end
+  inline_macro PlaceholderInlineMacro
+end

data/lib/starter_web/_plugins/asciidoctor/slick-block.rb

@@ -38,7 +38,7 @@ Asciidoctor::Extensions.register do
 
     def process parent, target, attrs
 
-      title_html  = (attrs.has_key? 'title') ? %(<div class="slider-title">#{attrs['title']}</div>\n) : nil
+      title_html  = (attrs.has_key? 'title') ? %(<div class="slider-title notranslate">#{attrs['title']}</div>\n) : nil
       html = %(#{title_html} <div id="#{target}_parent" class="slider-parent #{attrs['role']}"></div>)
       create_pass_block parent, html, attrs, subs: nil
     end

data/lib/starter_web/_plugins/index/lunr.rb

@@ -391,6 +391,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2023.1.0'
+    VERSION = '2023.2.0'
   end
 end

data/lib/starter_web/collections/_biography/a-life-in-questions.adoc

@@ -1,5 +1,4 @@
 ---
-layout:                                 collection
 title:                                  A Life in Questions
 tagline:                                Memoirs from the legend of Newsnight
 date:                                   2023-01-27 00:00:00 +0100
@@ -8,8 +7,11 @@ description: >
                                         The witty, incisive and frank memoirs from the legend of Newsnight
                                         and long-standing quiz master of University Challenge.
 
-categories:                             [ Book, Biography ]
-tags:                                   [ Political, Journalism ]
+categories:                             [ Book ]
+tags:                                   [ Biography, Political, Journalism ]
+
+image:
+  path:                                 https://d3by36x8sj6cra.cloudfront.net/assets/images/book/large/9780/0081/9780008128302.jpg
 
 book:
   cover:                                https://d3by36x8sj6cra.cloudfront.net/assets/images/book/large/9780/0081/9780008128302.jpg
@@ -23,8 +25,6 @@ book:
   ISBN13:                               9780008128302
   rank:                                 16817
 
-fab_menu_id:                            default
-scrollbar:                              false
 regenerate:                             false
 
 resources:                              [ animate ]

data/lib/starter_web/collections/_biography/becoming.adoc

@@ -1,5 +1,4 @@
 ---
-layout:                                 collection
 title:                                  Becoming
 tagline:                                Former First Lady of the USA
 date:                                   2023-01-27 00:00:00 +0100
@@ -9,8 +8,11 @@ description: >
                                         accomplishment, Michelle Obama has emerged as one of the
                                         most iconic and compelling women of our era.
 
-categories:                             [ Book, Biography ]
-tags:                                   [ Political, Journalism ]
+categories:                             [ Book ]
+tags:                                   [ Biography, Political, Journalism ]
+
+image:
+  path:                                 https://images-na.ssl-images-amazon.com/images/I/414JfiBCutL.jpg
 
 book:
   cover:                                https://images-na.ssl-images-amazon.com/images/I/414JfiBCutL.jpg
@@ -23,8 +25,6 @@ book:
   ISBN13:                               978-3-442-31487-4
   rank:                                 817
 
-fab_menu_id:                            default
-scrollbar:                              false
 regenerate:                             false
 
 resources:                              [ animate ]

data/lib/starter_web/collections/_biography/born-to-run.adoc

@@ -1,5 +1,4 @@
 ---
-layout:                                 collection
 title:                                  Born to Run
 tagline:                                A legendary Rock Star’s Memoir
 date:                                   2023-01-27 00:00:00 +0100
@@ -8,8 +7,11 @@ description: >
                                         lovers and loners, artists, freaks or anyone who has ever
                                         wanted to be baptized in the holy river of rock and roll.
 
-categories:                             [ Book, Biography ]
-tags:                                   [ Musician ]
+categories:                             [ Book ]
+tags:                                   [ Biography, Musician ]
+
+image:
+  path:                                 https://d1w7fb2mkkr3kw.cloudfront.net/assets/images/book/large/9781/4711/9781471157790.jpg
 
 book:
   cover:                                https://d1w7fb2mkkr3kw.cloudfront.net/assets/images/book/large/9781/4711/9781471157790.jpg
@@ -22,8 +24,6 @@ book:
   ISBN13:                               9781471157790
   rank:                                 23
 
-fab_menu_id:                            default
-scrollbar:                              false
 regenerate:                             false
 
 resources:                              [ animate ]

data/lib/starter_web/collections/_biography/forty-autumns.adoc

@@ -1,5 +1,4 @@
 ---
-layout:                                 collection
 title:                                  Forty Autumns
 tagline:                                A Family's Story
 date:                                   2023-01-27 00:00:00 +0100
@@ -8,8 +7,11 @@ description: >
                                         daughters and cousins - separated by forty years  of Soviet rule,
                                         and reunited after the fall of the Berlin Wall.
 
-categories:                             [ Book, Biography ]
-tags:                                   [ Historical ]
+categories:                             [ Book ]
+tags:                                   [ Biography, Historical ]
+
+image:
+  path:                                 https://d20eq91zdmkqd.cloudfront.net/assets/images/book/large/9781/4087/9781408707265.jpg
 
 book:
   cover:                                https://d20eq91zdmkqd.cloudfront.net/assets/images/book/large/9781/4087/9781408707265.jpg
@@ -22,8 +24,6 @@ book:
   ISBN13:                               9781408707265
   rank:                                 106052
 
-fab_menu_id:                            default
-scrollbar:                              false
 regenerate:                             false
 
 resources:                              [ animate ]

data/lib/starter_web/collections/_biography/not-dead-yet.adoc

@@ -1,6 +1,4 @@
 ---
-layout:                                 collection
-
 title:                                  Not Dead Yet
 tagline:                                Phil Collins Autobiography
 date:                                   2023-01-27 00:00:00 +0100
@@ -9,8 +7,11 @@ description: >
                                         his marriages and divorces. This is the story of his epic career, from
                                         child actor to one of the most successful songwriters of the pop music era.
 
-categories:                             [ Book, Biography ]
-tags:                                   [ Musician ]
+categories:                             [ Book ]
+tags:                                   [ Biography, Musician ]
+
+image:
+  path:                                 https://d1w7fb2mkkr3kw.cloudfront.net/assets/images/book/large/9781/7808/9781780895123.jpg
 
 book:
   cover:                                https://d1w7fb2mkkr3kw.cloudfront.net/assets/images/book/large/9781/7808/9781780895123.jpg
@@ -23,8 +24,6 @@ book:
   ISBN13:                               9781780895123
   rank:                                 1367
 
-fab_menu_id:                            default
-scrollbar:                              false
 regenerate:                             false
 
 resources:                              [ animate ]