j1-template 2023.0.17 → 2023.1.0

data/lib/starter_web/_data/modules/slick.yml

@@ -0,0 +1,295 @@
+# ------------------------------------------------------------------------------
+# ~/_data/modules/carousel.yml
+# User configuration for J1 Carousel (based on Owl Carousel V1)
+#
+# 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
+# ------------------------------------------------------------------------------
+
+# ------------------------------------------------------------------------------
+# Description
+#
+description:
+  title:                                Slick
+  scope:                                User settings
+  location:                             _data/apps/slick.yml
+
+# ------------------------------------------------------------------------------
+# User configuration settings
+#
+settings:
+  enabled:                              true
+
+  # ----------------------------------------------------------------------------
+  # Slider settings
+  # ----------------------------------------------------------------------------
+  sliders:
+
+    # --------------------------------------------------------------------------
+    # POST slider
+    #
+    - slider:
+      enabled:                          true
+
+      id:                               post_slider
+      type:                             post
+      group:                            Life                                    # generate slides only for group (specified in article/post)
+
+      # ------------------------------------------------------------------------
+      # Lightbox options
+      #
+      lightbox:
+        enabled:                        false
+
+      # ------------------------------------------------------------------------
+      # Slider options
+      #
+      options:
+        autoplay:                       true
+        slidesToShow:                   3
+        slidesToScroll:                 1
+        arrows:                         true
+        dots:                           false
+        responsive:                     true                                    # enables reponsive options to generate breakpoint properties for slick()
+
+      # ------------------------------------------------------------------------
+      # Reponsive options
+      #
+      responsive:
+        - breakpoint:
+          settings:
+            breakOn:                    1024
+            slidesToShow:               2
+            slidesToScroll:             2
+        - breakpoint:
+          settings:
+            breakOn:                    600
+            slidesToShow:               1
+            slidesToScroll:             1
+            dots:                       true
+        - breakpoint:
+          settings:
+            breakOn:                    480
+            slidesToShow:               1
+            slidesToScroll:             1
+
+    # --------------------------------------------------------------------------
+    # EXAMPLE slider 1
+    #
+    - slider:
+      enabled:                          true
+
+      id:                               example_slider_arrows_dots
+      type:                             example
+
+      # ------------------------------------------------------------------------
+      # Lightbox options
+      #
+      lightbox:
+        enabled:                        false
+
+      # ------------------------------------------------------------------------
+      # Slider options
+      #
+      options:
+        arrows:                         true
+        dots:                           true
+        autoplay:                       false
+        slidesToShow:                   3
+        slidesToScroll:                 3
+        responsive:                     true
+
+      # ------------------------------------------------------------------------
+      # Reponsive options
+      #
+      responsive:
+        - breakpoint:
+          settings:
+            breakOn:                    1024
+            arrows:                     true
+            dots:                       true
+            slidesToShow:               2
+            slidesToScroll:             2
+        - breakpoint:
+          settings:
+            breakOn:                    600
+            slidesToShow:               1
+            slidesToScroll:             1
+        - breakpoint:
+          settings:
+            breakOn:                    480
+            slidesToShow:               1
+            slidesToScroll:             1
+
+      # ------------------------------------------------------------------------
+      # Slides
+      #
+      slides:                           9
+
+    # --------------------------------------------------------------------------
+    # IMAGE slider
+    #
+    - slider:
+      enabled:                          true
+
+      id:                               image_slider
+      type:                             image
+      image_base_path:                  /assets/images/modules/gallery/mega_cities
+      image_styles:                     img-fluid img-object--cover g-height-300
+
+      # ------------------------------------------------------------------------
+      # Lightbox options
+      #
+      lightbox:
+        enabled:                        false
+
+      # ------------------------------------------------------------------------
+      # Slider options
+      #
+      options:
+        arrows:                         true
+        dots:                           true
+        speed:                          300
+        autoplay:                       false
+        slidesToShow:                   2
+        slidesToScroll:                 2
+        responsive:                     true
+
+      # ------------------------------------------------------------------------
+      # Reponsive options
+      #
+      responsive:
+        - breakpoint:
+          settings:
+            breakOn:                    1024
+            slidesToShow:               2
+            slidesToScroll:             2
+        - breakpoint:
+          settings:
+            breakOn:                    800
+            slidesToShow:               1
+            slidesToScroll:             1
+        - breakpoint:
+          settings:
+            breakOn:                    480
+            dots:                       false
+            slidesToShow:               1
+            slidesToScroll:             1
+
+      # ------------------------------------------------------------------------
+      # Slides
+      #
+      slides:
+
+        - slide:                        # slide 1
+          title:                        Jin Mao Tower Shanghai
+          image:                        denys-nevozhai-1_b.jpg
+
+        - slide:                        # slide 2
+          title:                        Sunset over Taipei City
+          image:                        thomas-tucker_b.jpg
+
+        - slide:                        # slide 3
+          title:                        Chicago
+          image:                        emmad-mazhari_b.jpg
+
+        - slide:                        # slide 4
+          title:                        The Queen Bee at the Eureka Tower
+          image:                        johan-mouchet_b.jpg
+
+        - slide:                        # slide 5
+          title:                        Shanghai
+          image:                        federico-rizzarelli_b.jpg
+
+        - slide:                        # slide 6
+          title:                        Shangri-La Hotel Jakarta
+          image:                        gints-gailis_b.jpg
+
+
+    # --------------------------------------------------------------------------
+    # IMAGE slider  + Lightbox
+    #
+    - slider:
+      enabled:                          true
+
+      id:                               image_slider_lightbox
+      type:                             image
+      image_base_path:                  /assets/images/modules/gallery/mega_cities
+      image_styles:                     img-fluid img-object--cover g-height-300
+
+      # ------------------------------------------------------------------------
+      # Lightbox options
+      #
+      lightbox:
+        enabled:                        true
+        src:                            src
+        itemSelector:                   .card img
+
+      # ------------------------------------------------------------------------
+      # Slider options
+      #
+      options:
+        arrows:                         true
+        dots:                           true
+        speed:                          300
+        autoplay:                       false
+        slidesToShow:                   2
+        slidesToScroll:                 2
+        responsive:                     true
+
+      # ------------------------------------------------------------------------
+      # Reponsive options
+      #
+      responsive:
+        - breakpoint:
+          settings:
+            breakOn:                    1024
+            slidesToShow:               2
+            slidesToScroll:             2
+        - breakpoint:
+          settings:
+            breakOn:                    800
+            slidesToShow:               1
+            slidesToScroll:             1
+        - breakpoint:
+          settings:
+            breakOn:                    480
+            slidesToShow:               1
+            slidesToScroll:             1
+
+      # ------------------------------------------------------------------------
+      # Slides
+      #
+      slides:
+
+        - slide:                        # slide 1
+          title:                        Jin Mao Tower Shanghai
+          image:                        denys-nevozhai-1_b.jpg
+
+        - slide:                        # slide 2
+          title:                        Sunset over Taipei City
+          image:                        thomas-tucker_b.jpg
+
+        - slide:                        # slide 3
+          title:                        Chicago
+          image:                        emmad-mazhari_b.jpg
+
+        - slide:                        # slide 4
+          title:                        The Queen Bee at the Eureka Tower
+          image:                        johan-mouchet_b.jpg
+
+        - slide:                        # slide 5
+          title:                        Shanghai
+          image:                        federico-rizzarelli_b.jpg
+
+        - slide:                        # slide 6
+          title:                        Shangri-La Hotel Jakarta
+          image:                        gints-gailis_b.jpg
+
+# ------------------------------------------------------------------------------
+# END config

data/lib/starter_web/_data/modules/themer.yml

@@ -13,10 +13,9 @@
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# Description (used for J1 CC only)
+# Description
 #
 description:
-
   title:                                Themer
   scope:                                User settings
   location:                             _data/modules/themer.yml

data/lib/starter_web/_data/modules/toccer.yml

@@ -12,10 +12,9 @@
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# Description (used for J1 CC only)
+# Description
 #
 description:
-
   title:                                Toccer
   scope:                                Default settings
   location:                             _data/modules/toccer.yml

data/lib/starter_web/_data/modules/translator.yml

@@ -12,10 +12,9 @@
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# Description (used for J1 CC only)
+# Description
 #
 description:
-
   title:                                J1 Translator
   scope:                                User settings
   location:                             _data/modules/translator.yml

data/lib/starter_web/_data/modules/waves.yml

@@ -12,10 +12,9 @@
 # ------------------------------------------------------------------------------
 
 # ------------------------------------------------------------------------------
-# Description (used for J1 CC only)
+# Description
 #
 description:
-
   title:                                J1 Wave
   scope:                                User settings
   location:                             _data/modules/wave.yml

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

@@ -71,6 +71,7 @@ defaults:
       before:                           0
       after:                            0
 
+  # ----------------------------------------------------------------------------
   # AUTOPAGE settings
   #
   autopages:
@@ -79,18 +80,36 @@ defaults:
 
     tags:
       enabled:                          false
+      silent:                           false
+      permalink:                        /autopages/tags/:tag
+      title:                            Posts tagged with tag :tag
       layouts:                          [
-                                          paginator/autopage_collections_tags.html,
-                                          paginator/autopage_tags.html
+                                          autopage_collections_tags.html,
+                                          autopage_tags.html
                                         ]
+      slugify:
+        mode:                           default                                 # :tag is slugified, available modes: default|raw|pretty|ascii|latin
+        case:                           false
 
     categories:
       enabled:                          false
-      layouts:                          [ paginator/autopage_category.html ]
+      silent:                           false
+      permalink:                        /autopages/categories/:cat
+      title:                            Posts in category :cat
+      layouts:                          [ autopage_category.html ]
+      slugify:
+        mode:                           default                                 # :cat is slugified, available modes: default|raw|pretty|ascii|latin
+        case:                           false
 
     collections:
       enabled:                          false
-      layouts:                          [ paginator/autopage_collection.html ]
+      silent:                           false
+      permalink:                        /autopages/collections/:coll
+      title:                            Posts in collection :coll
+      layouts:                          [ autopage_collection.html ]
+      slugify:
+        mode:                           default                                 # :coll is slugified, available modes: default|raw|pretty|ascii|latin
+        case:                           false
 
 # ------------------------------------------------------------------------------
 # END config

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/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,42 @@ resources:
       dependencies:                     false
       pass_init_data:                   false
       data:
-        css:                            [ modules/slick/css/slick ]
+        css:                            [
+                                          modules/slick/lightbox/css/slick-lightbox,
+                                          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.1.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/custom/templates/custom_header.html

@@ -0,0 +1,76 @@
+<!-- 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 -->