j1-template 2023.0.17 → 2023.2.0

data/lib/starter_web/_data/plugins/paginator.yml

@@ -20,18 +20,6 @@ description:
   scope:                                User settings
   location:                             _data/plugins/paginator.yml
 
-# ------------------------------------------------------------------------------
-# GENERAL plugin settings
-#
-# enabled
-# ------------------------------------------------------------------------------
-#   Enables|Disables the plugin for processing
-#
-#   values:                             true|false (boolean)
-#   default:                            false
-#
-#enabled:                                true
-
 # ------------------------------------------------------------------------------
 # User configuration settings
 #
@@ -47,11 +35,20 @@ settings:
     sort_reverse:                       true
     title:                              :title
 
+  # ----------------------------------------------------------------------------
   # AUTOPAGE settings
   #
   autopages:
     enabled:                            false
-    rebuild:                            false                                   # currently NOT used
+
+    tags:
+      enabled:                          false
+
+    categories:
+      enabled:                          false
+
+    collections:
+      enabled:                          false
 
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/puma/config.rb

@@ -1,3 +1,13 @@
 # Puma configuration (file)
+# ------------------------------------------------------------------------------
+
+# start puma
 #
 bind 'tcp://' + ENV["INTERFACE"] + ':' + ENV["PORT"]
+
+# Code to run after puma is booted
+#
+on_booted do
+  # configuration here
+  # puts 'After booting ...'
+end

data/lib/starter_web/_data/resources.yml

@@ -1889,31 +1889,6 @@ resources:
         js:                             [ modules/requirejs/js/require ]
         init_function:                  []
 
-  # ----------------------------------------------------------------------------
-  # Masonry
-  # Cascading grid layout library
-  #
-  # See: https://github.com/desandro/masonry
-  #
-  - name:                               Masonry
-    resource:
-      enabled:                          true
-
-      id:                               masonry
-      comment:                          Module Masonry
-      region:                           head
-      layout:                           [ all ]
-      required:                         ondemand
-      preload:                          false
-      script_load:                      defer
-      dependencies:                     false
-      pass_init_data:                   false
-      data:
-        css:                            []
-        files:                          [ adapter/js/masonry.js ]
-        js:                             [ modules/masonry/js/masonry.pkgd ]
-        init_function:                  [ j1.adapter.masonry.init ]
-
   # ----------------------------------------------------------------------------
   # Waves
   #
@@ -1937,7 +1912,7 @@ resources:
         init_function:                  [ j1.adapter.waves.init ]
 
   # ----------------------------------------------------------------------------
-  # Waves
+  # Particles
   #
   - name:                               Particles
     resource:
@@ -1958,7 +1933,6 @@ resources:
         js:                             [ modules/particles/js/particles ]
         init_function:                  [ j1.adapter.particles.init ]
 
-
   # ----------------------------------------------------------------------------
   # Slick
   # Ultimate Slider library
@@ -1979,10 +1953,43 @@ resources:
       dependencies:                     false
       pass_init_data:                   false
       data:
-        css:                            [ modules/slick/css/slick ]
+        css:                            [
+                                          modules/slick/lightbox/css/slick-lightbox,
+                                          modules/slick/lightbox/css/theme/uno,
+                                          modules/slick/slider/css/slick,
+                                          modules/slick/slider/css/theme/uno
+                                        ]
         files:                          [ adapter/js/slick.js ]
-        js:                             [ modules/slick/js/slick ]
+        js:                             [
+                                          modules/slick/lightbox/js/slick-lightbox,
+                                          modules/slick/slider/js/slick
+                                        ]
         init_function:                  [ j1.adapter.slick.init ]
 
+  # ----------------------------------------------------------------------------
+  # Masonry
+  # Cascading grid layout library
+  #
+  # See: https://github.com/desandro/masonry
+  #
+  - name:                               Masonry
+    resource:
+      enabled:                          true
+
+      id:                               masonry
+      comment:                          Module Masonry
+      region:                           head
+      layout:                           [ all ]
+      required:                         ondemand
+      preload:                          false
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            [ modules/masonry/css/theme/uno ]
+        files:                          [ adapter/js/masonry.js ]
+        js:                             [ modules/masonry/js/masonry.pkgd ]
+        init_function:                  [ j1.adapter.masonry.init ]
+
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/templates/feed.xml

@@ -57,7 +57,7 @@
   <id>{{ page.url | absolute_url | xml_escape }}</id>
   <post_limited>{{ limit_posts }}</post_limited>
   <template_name>J1 Theme</template_name>
-  <template_version>2023.0.17</template_version>
+  <template_version>2023.2.0</template_version>
 
   {% assign title = site.title | default: site.name %}
   {% if page.collection != "posts" %}

data/lib/starter_web/_data/utilities/defaults/util_srv.yml

@@ -15,9 +15,9 @@
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# About this configuration (used for J1 CC only)
+# Description
 #
-about_config:
+description:
   title:                                Utility Services
   scope:                                Default settings
   location:                             _data/utilities/defaults/util_srv.yml

data/lib/starter_web/_data/utilities/util_srv.yml

@@ -15,10 +15,9 @@
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# About this configuration (used for J1 CC only)
+# Description
 #
-about_config:
-
+description:
   title:                                Utility Services
   scope:                                User settings
   location:                             _data/utilities/util_srv.yml

data/lib/starter_web/_includes/attributes.asciidoc

@@ -442,6 +442,30 @@ tag::urls[]
 :url-nodejs--​windows-download-remommended:        https://nodejs.org/dist/v12.22.0/node-v12.22.0-x64.msi
 :url-j1--​template-starter:                        https://github.com/jekyll-one/j1-template-starter
 
+:placeholder_image_100x100:                       https://placehold.it/100x100/
+:placeholder_image_200x200:                       https://placehold.it/200x200/
+:placeholder_image_300x300:                       https://placehold.it/300x300/
+:placeholder_image_400x400:                       https://placehold.it/400x400/
+:placeholder_image_500x500:                       https://placehold.it/500x500/
+
+:placeholder_image_100x600:                       https://placehold.it/100x600/
+:placeholder_image_200x600:                       https://placehold.it/200x600/
+:placeholder_image_300x600:                       https://placehold.it/300x600/
+:placeholder_image_400x600:                       https://placehold.it/400x600/
+:placeholder_image_500x600:                       https://placehold.it/500x600/
+
+:placeholder_kitten_100x100:                      https://placekitten.com/100/100/
+:placeholder_kitten_200x200:                      https://placekitten.com/200/200/
+:placeholder_kitten_300x300:                      https://placekitten.com/300/300/
+:placeholder_kitten_400x400:                      https://placekitten.com/400/400/
+:placeholder_kitten_500x500:                      https://placekitten.com/500/500/
+
+:placeholder_kitten_100x600:                      https://placekitten.com/100/600/
+:placeholder_kitten_200x600:                      https://placekitten.com/200/600/
+:placeholder_kitten_300x600:                      https://placekitten.com/300/600/
+:placeholder_kitten_400x600:                      https://placekitten.com/400/600/
+:placeholder_kitten_500x600:                      https://placekitten.com/500/600/
+
 end::urls[]
 
 

data/lib/starter_web/_includes/custom/static/readme

@@ -1 +1 @@
-Place already rendered HTML data files in this folder.
+Place custom static, already rendered HTML data files in this folder.

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

@@ -0,0 +1,131 @@
+<!--
+ # -----------------------------------------------------------------------------
+ #  ~/assets/custom/content/templates/collection_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             = "portfolio" %}
+
+{% comment %} Set grid data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign grid_title                  = collection_name | capitalize %}
+{% assign grid_tagline                = "what i do" %}
+{% 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 %}
+<!-- Article Grid-->
+<section id="{{collection_name}}" class="mt-5">
+  <div class="container">
+
+    <!-- Grid Header -->
+    <div class="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>
+    <!-- /Grid Header -->
+
+    <div class="row mb-5">
+      {% for article in articles %}
+      <div class="col-lg-4 col-sm-6 mb-4">
+        <!-- Article item -->
+        <div class="article-item article-item--w400">
+          <a class="article-link" data-bs-toggle="modal" href="#articleModal{{forloop.index}}">
+            <div class="article-hover">
+              <div class="article-hover-content">
+                <i class="mdi mdi-plus mdi-10x"></i>
+              </div>
+            </div>
+            <img class="img-fluid img-object--w400" src="{{article.image.path}}" alt="{{article.title}}" />
+          </a>
+          <div class="article-caption">
+            <div class="article-caption-heading">
+              <a class="card-link" href="{{article.url}}">{{article.title}}</a>
+            </div>
+            <div class="article-caption-subheading text-muted">{{article.tags[0]}}</div>
+          </div>
+        </div>
+        <!-- /Article item -->
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+<!-- /Article Grid-->
+
+<!-- Article Modals-->
+{% for article in articles %}
+<div class="article-modal modal fade" id="articleModal{{forloop.index}}" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+
+      <div class="close-modal" data-bs-dismiss="modal">
+        <img src="{{'/assets/images/icons/controls/close-icon.svg' | relative_url}}" alt="Close modal" />
+      </div>
+
+      <div class="container">
+        <div class="row justify-content-center">
+          <div class="col-lg-8">
+            <div class="modal-body">
+              <!-- Project details-->
+              <h2 class="text-uppercase">{{article.title}}</h2>
+              <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
+              <img class="img-fluid d-block mx-auto" src="{{article.image.path | relative_url}}" alt="{{article.title}}" />
+              <p>
+                Use this area to describe your project. Lorem ipsum dolor sit amet,
+                consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt
+                minus dignissimos deserunt repellat aperiam quasi sunt officia
+                expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis
+                facere nemo!
+              </p>
+              <ul class="list-inline">
+                <li>
+                  <strong>Client:</strong>
+                  Threads
+                </li>
+                <li>
+                  <strong>Category:</strong>
+                  Illustration
+                </li>
+              </ul>
+              <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
+                <i class="mdi mdi-close mdi-24px mx-2"></i>
+                Close Article Overview
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+{% endfor %}
+<!-- /Article Modals-->

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

@@ -0,0 +1,98 @@
+<!--
+ # -----------------------------------------------------------------------------
+ #  ~/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