j1-template 2020.0.12 → 2020.0.17

data/lib/starter_web/_data/template_settings.yml

@@ -228,46 +228,55 @@ bootstrap:
 #   https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content
 #   https://github.com/GoogleChromeLabs/critters/issues/18 (crossorigin)
 # ------------------------------------------------------------------------------
+# font:
+#   preload:                              true
+#   cors:                                 crossorigin
+#   fonts:                                [
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.woff,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.woff2,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.woff,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.woff2,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.woff,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.woff2,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.woff,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.woff2,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.woff,
+#                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.woff2,
+#                                           /assets/themes/j1/core/fonts/materialdesign_icons/fonts/materialdesignicons-webfont.woff,
+#                                           /assets/themes/j1/core/fonts/materialdesign_icons/fonts/materialdesignicons-webfont.woff2
+#                                         ]
+
 font:
   preload:                              true
   cors:                                 crossorigin
   fonts:                                [
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.woff,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Thin.woff2,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.woff,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Light.woff2,
                                           /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.woff,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Regular.woff2,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.woff,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Medium.woff2,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.woff,
-                                          /assets/themes/j1/core/fonts/roboto/fonts/Roboto-Bold.woff2,
-                                          /assets/themes/j1/core/fonts/materialdesign_icons/fonts/materialdesignicons-webfont.woff,
-                                          /assets/themes/j1/core/fonts/materialdesign_icons/fonts/materialdesignicons-webfont.woff2
+                                          /assets/themes/j1/core/fonts/materialdesign_icons/fonts/materialdesignicons-webfont.woff
                                         ]
 css:
   preload:                              true
   css:                                  [
-                                          /assets/themes/j1/core/css/vendor,
-                                          /assets/themes/j1/core/css/globals
+                                          /assets/themes/j1/core/css/uno,
+                                          /assets/themes/j1/core/css/vendor
                                         ]
   files:                                []
 
 js:
   preload:                              true
-  js:                                   [ /assets/themes/j1/core/js/template ]
+  js:                                   [
+                                          /assets/themes/j1/modules/bmd/js/bootstrap-material-design,
+                                          /assets/themes/j1/modules/backstretch/js/backstretch,
+                                          /assets/themes/j1/core/js/template
+                                        ]
   files:                                [
-                                          /assets/themes/j1/adapter/js/mdb.js,
-                                          /assets/themes/j1/adapter/js/logger.js,
                                           /assets/themes/j1/adapter/js/attic.js,
+                                          /assets/themes/j1/adapter/js/logger.js,
+                                          /assets/themes/j1/adapter/js/mdb.js,
                                           /assets/themes/j1/adapter/js/navigator.js
                                         ]
 image:
   preload:                              true
-  files:                                [
-                                          /assets/images/modules/icons/j1/j1-512x512.png,
-                                          /assets/images/modules/patterns/gridtile.png
-                                        ]
+  files:                                [ /assets/images/modules/icons/j1/j1-512x512.png ]
 
 # ------------------------------------------------------------------------------
 # PRECONNECT settings
@@ -281,7 +290,7 @@ image:
 # ------------------------------------------------------------------------------
 preconnect:
   enabled:                              true
-  urls:                                 [ https://bootswatch.com ]
+  urls:                                 [ "https://bootswatch.com" ]
 
 
 # ------------------------------------------------------------------------------

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

@@ -73,7 +73,7 @@ settings:
       enabled:                          false
 
       built:                              
-        execute:                        false                                   # rebuilt disabled for testing (as Jekyll is running in parallel)
+        execute:                        false                                   # rebuild disabled for testing (as Jekyll is running in parallel)
         response_success:               The built request to your local site finished successfully.
         response_failed:                "The built request to your local fite has failed. Reason: "
 

data/lib/starter_web/_plugins/asciidoctor-extensions/banner.rb

@@ -0,0 +1,43 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/banner.rb
+# Asciidoctor extension for J1 Banner blocks
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2020 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# A block macro that embeds a banner block into the output document
+#
+# Usage
+#
+#   banner::banner_id[role="additional classes"]
+#
+# Example:
+#
+#   banner::home_teaser_banner[role="mb-5"]
+#
+Asciidoctor::Extensions.register do
+
+  class J1BlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+
+    named :banner
+    name_positional_attributes 'role'
+
+    def process parent, target, attrs
+      html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
+      create_pass_block parent, html, attrs, subs: nil
+    end
+  end
+
+  block_macro J1BlockMacro
+
+end

data/lib/starter_web/_plugins/asciidoctor-extensions/panel.rb

@@ -0,0 +1,43 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/asciidoctor-extensions/banner.rb
+# Asciidoctor extension for J1 Banner blocks
+#
+# Product/Info:
+# https://jekyll.one
+#
+# Copyright (C) 2020 Juergen Adams
+#
+# J1 Template is licensed under the MIT License.
+# See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+#
+# ------------------------------------------------------------------------------
+require 'asciidoctor/extensions' unless RUBY_ENGINE == 'opal'
+include Asciidoctor
+
+# A block macro that embeds a banner block into the output document
+#
+# Usage
+#
+#   banner::banner_id[role="additional classes"]
+#
+# Example:
+#
+#   banner::home_teaser_banner[role="mb-5"]
+#
+Asciidoctor::Extensions.register do
+
+  class J1BlockMacro < Extensions::BlockMacroProcessor
+    use_dsl
+
+    named :panel
+    name_positional_attributes 'role'
+
+    def process parent, target, attrs
+      html = %(<div id="#{target}" class="#{attrs['role']}"></div>)
+      create_pass_block parent, html, attrs, subs: nil
+    end
+  end
+
+  block_macro J1BlockMacro
+
+end

data/lib/starter_web/collections/posts/public/featured/_posts/0000-00-00-welcome-to-j1-template.adoc.erb

@@ -22,7 +22,7 @@ resource_options:
         - url:                          /assets/images/modules/attics/welcome-1920x1280-bw.jpg
           alt:                          Photo by Belinda Fewings on Unsplash
           alignY:                       0.3
-#         caption:                      
+#         caption:
 #           text:                       Photo by Belinda Fewings on Unsplash
 #           href:                       https://unsplash.com/@bel2000a
           badge:
@@ -44,8 +44,8 @@ resource_options:
 // NOTE: Place an excerpt at the most top position
 // -----------------------------------------------------------------------------
 If you’re not familiar with Jekyll (or other site generators), Jekyll is a
-so-called static site generator. Think of it like a CMS but without all the 
-complexity and headache. No need to build a giant content strangling Rube 
+so-called static site generator. Think of it like a CMS but without all the
+complexity and headache. No need to build a giant content strangling Rube
 Goldberg machine to manage content.
 
 All you’re doing at the end of the day is writing your content and Jekyll does
@@ -157,4 +157,3 @@ choose Jekyll as for me it is the best static site generator so far.
 This blog is powered under Jekyll.
 
 Happy Jekylling!
-

data/lib/starter_web/collections/posts/public/featured/_posts/2018-05-01-confusion-about-base-url.adoc

@@ -22,7 +22,7 @@ resource_options:
       opacity:                          0.5
       slides:
         - url:                          /assets/images/modules/attics/banner/jekyll.1200x600-bw.jpg
-          alt:                          jekyll.1200x600-bw
+          alt:                          jekyll.1200x600-bw.jpg
 ---
 
 // NOTE:  General Asciidoc page attributes settings

data/lib/starter_web/collections/posts/public/featured/_posts/2019-05-01-top-open-source-static-site-generators.adoc

@@ -23,7 +23,7 @@ resource_options:
       slides:
         - url:                          /assets/images/modules/attics/building-blocks-1920x1280-bw.jpg
           alt:                          Photo by Ryan Quintal on Unsplash
-#         caption:                      
+#         caption:
 #           text:                       Photo by Ryan Quintal on Unsplash
 #           href:                       https://unsplash.com/@ryanquintal/portfolio
           badge:
@@ -42,8 +42,8 @@ resource_options:
 
 // Place an excerpt at the most top position
 // -----------------------------------------------------------------------------
-People quite often ask, if static websites make sense for anything beyond a 
-one-page website. Some other see in static websites the stone age of the 
+People quite often ask, if static websites make sense for anything beyond a
+one-page website. Some other see in static websites the stone age of the
 World Wide Web. What's about static websites today? What's achiveable?
 
 This article highlights top open source projects, in many different programming
@@ -61,36 +61,36 @@ excerpt__end
 // image::{{page.image}}[{{page.title}}]
 image::/assets/images/collections/blog/featured/staticgen.jpg[{{page.title}}]
 
-A typical CMS driven website works by building each and every page dynamically. 
-That means fetching the content from a database to pass them over to a template 
-system for adding the required structure information (e.g. CSS styles). 
+A typical CMS driven website works by building each and every page dynamically.
+That means fetching the content from a database to pass them over to a template
+system for adding the required structure information (e.g. CSS styles).
 This means each page is assembled on demand.
 
 For many, many websites dynamic page generation is completely unnecessary and
-adds unwanted risks in terms of complexity, performance losses and security 
-issues. After all, the content of most websites changes only, when the content 
-authors makes changes. 
+adds unwanted risks in terms of complexity, performance losses and security
+issues. After all, the content of most websites changes only, when the content
+authors makes changes.
 
-Why a hell should a web page always assembled on demand if there are no 
+Why a hell should a web page always assembled on demand if there are no
 changes?
 
-NOTE: To be fair, most CMS are providing caching systems for web pages to 
+NOTE: To be fair, most CMS are providing caching systems for web pages to
 prevent unnessesary creation processes. It is not easy to implement such
 a caching system and in the very end, it adds the next level of complexity.
 
 A Static Site Generator takes a different approach and generate all the pages
 of the website upfront. That does not nessesarily mean, that a static website
-is always generated from the scratch. Modern generators support a so-called 
-incremental build; like Jekyll does. When there are changes detected to the 
-content, only selected pages are rebuild. 
+is always generated from the scratch. Modern generators support a so-called
+incremental build; like Jekyll does. When there are changes detected to the
+content, only selected pages are rebuild.
 
-This means overall, statically build web pages having no moving parts in the 
+This means overall, statically build web pages having no moving parts in the
 deployed website. This results in browser-side caching only, the performance
 goes up and static sites are far more secure because they are build already.
 
 To find out what Open Source Static Site Generators are available today and
-their ranking in terms of popularity go for StaticGen You'll will find the 
-most complete list of generators! 
+their ranking in terms of popularity go for StaticGen You'll will find the
+most complete list of generators!
 
 Check https://www.staticgen.com[StaticGen].