j1-template 2020.0.13 → 2020.0.14

data/lib/starter_web/_data/template_settings.yml

@@ -138,7 +138,7 @@ cookies:
 #   NOTE: Used for developent mode ONLY
 #   NOTE: See ~/packages/300_template_src/_layouts/default.html
 # ------------------------------------------------------------------------------
-flicker_timeout:                        0
+flicker_timeout:                        250
 
 # ------------------------------------------------------------------------------
 # HTML PrettyPrint
@@ -256,26 +256,27 @@ font:
 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

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

@@ -6,7 +6,7 @@ description:                            Auto-generated welcome post
 date:                                   <%= Time.now.strftime('%Y-%m-%d %H:%M:%S %z') %>
 series:
 adsense:                                false
-image:                                  /assets/images/modules/attics/welcome-1920x1280-bw.jpg
+image:                                  /assets/images/modules/attics/welcome-1920x1280-bw.webp
 
 tags:                                   [ Example, Post ]
 index:                                  []
@@ -19,10 +19,10 @@ resource_options:
   - attic:
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/welcome-1920x1280-bw.jpg
+        - url:                          /assets/images/modules/attics/welcome-1920x1280-bw.webp
           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

@@ -21,8 +21,8 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/banner/jekyll.1200x600-bw.jpg
-          alt:                          jekyll.1200x600-bw
+        - url:                          /assets/images/modules/attics/banner/jekyll.1200x600-bw.webp
+          alt:                          jekyll.1200x600-bw.webp
 ---
 
 // 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

@@ -6,7 +6,7 @@ description:                            Top open-source site generators
 date:                                   2019-05-01 00:00:00
 series:
 adsense:                                false
-image:                                  /assets/images/modules/attics/building-blocks-1920x1280-bw.jpg
+image:                                  /assets/images/modules/attics/building-blocks-1920x1280-bw.webp
 
 tags:                                   [ Jekyll, Generators ]
 index:                                  [ Jekyll, Top, Open, Source, Static, Site, Generators ]
@@ -21,9 +21,9 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/building-blocks-1920x1280-bw.jpg
+        - url:                          /assets/images/modules/attics/building-blocks-1920x1280-bw.webp
           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].
 

data/lib/starter_web/collections/posts/public/featured/_posts/2019-06-01-about-cookies.adoc

@@ -6,7 +6,7 @@ description:                            Useful info on cookies and how they used
 date:                                   2019-06-01 00:00:00 +0200
 series:
 adsense:                                false
-image:                                  /assets/images/modules/attics/cookies-1920x1200-bw.jpg
+image:                                  /assets/images/modules/attics/cookies-1920x1200-bw.webp
 
 tags:                                   [ About, Cookies ]
 index:                                  [ Cookie, Usage, Type, Policy, Consent ]
@@ -21,9 +21,9 @@ resource_options:
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/cookies-1920x1200-bw.jpg
+        - url:                          /assets/images/modules/attics/cookies-1920x1200-bw.webp
           alt:                          Photo by Miroslava on Unsplash
-#         caption:                      
+#         caption:
 #           text:                       Photo by Miroslava on Unsplash
 #           href:                       https://unsplash.com/@miroslava
           badge:
@@ -33,7 +33,7 @@ resource_options:
 ---
 
 // TODO:  For POSTS, currently the include:: macro does NOT work.
-// Path calculation needes to be fixec (includes the document file name) 
+// Path calculation needes to be fixec (includes the document file name)
 // -----------------------------------------------------------------------------
 
 // NOTE
@@ -53,18 +53,18 @@ resource_options:
 // -----------------------------------------------------------------------------
 Is it needed for vistors to know what cookies are all about?
 
-Not first place. Cookies are widely used. All users visting web sites are 
-bothered all the time to accept on cookies. Because cookies are used that often. 
-For good reasons - but for *different* reasons. 
+Not first place. Cookies are widely used. All users visting web sites are
+bothered all the time to accept on cookies. Because cookies are used that often.
+For good reasons - but for *different* reasons.
 
 To answer the question: yes, you should.
 
-All people are part of the *real* and virtual worlds as well; the internet 
-for example. In real world you've learned what cookies are. You can simply 
+All people are part of the *real* and virtual worlds as well; the internet
+for example. In real world you've learned what cookies are. You can simply
 *see* them, smell them and eat some. In real world cookies are *real*, you
 know sweets from earliest days.
 
-But cookies in the digital world are different. Cookies in the sense of the 
+But cookies in the digital world are different. Cookies in the sense of the
 internet, of the web are *not* dangerous but not nessearily a sort of sweets
 to enjoy people.
 
@@ -81,12 +81,12 @@ excerpt__end
 [role="mb-3"]
 // image::{{page.image}}[{{page.title}}]
 // image::/assets/images/modules/attics/cookies-1920x1200-bw.png[{{page.title}}, 800]
- 
+
 In short words. A cookie is a small piece of data that a website asks your
-browser to store on your computer or mobile device. The cookie allows the 
+browser to store on your computer or mobile device. The cookie allows the
 website to "remember" your actions or preferences over time.
 
-Most browsers support cookies, but users can set their browsers to decline 
+Most browsers support cookies, but users can set their browsers to decline
 them and can delete them whenever they like.
 
 Good to know.
@@ -102,21 +102,21 @@ General information storage::
 remember users' custom preferences
 
 Support::
-help users complete tasks without having to re‑enter information 
+help users complete tasks without having to re‑enter information
 when browsing from one page to another or when visiting the site later.
 
 Track behavioural::
-Cookies can also be used for online behavioural target advertising and to 
+Cookies can also be used for online behavioural target advertising and to
 show adverts relevant to something that the user searched for in the past.
 
-The web server supplying the webpage can store a cookie on the user's 
-computer or mobile device. An external web server that manages files 
-included or referenced in the webpage is also able to store cookies. 
+The web server supplying the webpage can store a cookie on the user's
+computer or mobile device. An external web server that manages files
+included or referenced in the webpage is also able to store cookies.
 
-All these cookies are called http header cookies. Another way of storing 
+All these cookies are called http header cookies. Another way of storing
 cookies is through JavaScript code contained or referenced in that page.
 
-Each time the user requests a new page, the web server can receive the 
+Each time the user requests a new page, the web server can receive the
 values of the cookies it previously set and return the page with content
 relating to these values. Similarly, JavaScript code is able to read a
 cookie belonging to its domain and perform an action accordingly.
@@ -125,9 +125,9 @@ cookie belonging to its domain and perform an action accordingly.
 .How are they used
 [NOTE]
 ====
-The web server supplying the webpage can store a cookie on the user's 
-computer or mobile device. An external web server that manages files included 
-or referenced in the webpage is also able to store cookies. All these 
+The web server supplying the webpage can store a cookie on the user's
+computer or mobile device. An external web server that manages files included
+or referenced in the webpage is also able to store cookies. All these
 cookies are called http header cookies. Another way of storing cookies is
 through JavaScript code contained or referenced in that page.
 
@@ -140,7 +140,7 @@ cookie belonging to its domain and perform an action accordingly.
 
 == Types of cookies
 
-A cookie can be classified by its lifespan and the domain to which it belongs. 
+A cookie can be classified by its lifespan and the domain to which it belongs.
 By lifespan, a cookie is either a:
 
 Session cookie::
@@ -152,12 +152,12 @@ which remains on the user's computer/device for a pre-defined period of time.
 As for the domain to which it belongs, there are either:
 
 First-party cookie::
-cookies which are set by the web server of the visited page and share the 
+cookies which are set by the web server of the visited page and share the
 same domain
 
 Third-party cookies::
-cookies stored by a different domain to the visited page's domain. 
-This can happen when the webpage references a file, such as JavaScript, 
+cookies stored by a different domain to the visited page's domain.
+This can happen when the webpage references a file, such as JavaScript,
 located outside its domain.
 
 
@@ -167,9 +167,9 @@ Adjust this part of the page according to your needs.
 
 Explain which cookies you use in plain, jargon-free language. In particular:
 
-*	their purpose and the reason why they are being used, (e.g. to remember 
-users' actions, to identify the user, for online behavioural advertising) 
-*	if they are essential for the website or a given functionality to work 
+*	their purpose and the reason why they are being used, (e.g. to remember
+users' actions, to identify the user, for online behavioural advertising)
+*	if they are essential for the website or a given functionality to work
 or if they aim to enhance the performance of the website
 *	the types of cookies used (e.g. session or permanent, first or third-party)
 *	who controls/accesses the cookie-related information (website or third party)
@@ -177,21 +177,17 @@ or if they aim to enhance the performance of the website
 *	how consent can be withdrawn.
 
 You can use as example the top level "cookie notice" of the Commission homepage.
-If your site does not use any cookies, just declare it (e.g. The Information 
-Providers Guide site does not use any cookies). If your site uses the same 
-cookies as the Commission homepage, you can just link to the top level 
+If your site does not use any cookies, just declare it (e.g. The Information
+Providers Guide site does not use any cookies). If your site uses the same
+cookies as the Commission homepage, you can just link to the top level
 cookie notice.
 
 
 == How to control cookies
 
-You can control and/or delete cookies as you wish – for details, 
-see http://www.aboutcookies.org[aboutcookies.org]. You can delete 
-all cookies that are already on your computer and you can set most 
-browsers to prevent them from being placed. If you do this, however, 
-you may have to manually adjust some preferences every time you visit 
+You can control and/or delete cookies as you wish – for details,
+see http://www.aboutcookies.org[aboutcookies.org]. You can delete
+all cookies that are already on your computer and you can set most
+browsers to prevent them from being placed. If you do this, however,
+you may have to manually adjust some preferences every time you visit
 a site and some services and functionalities may not work.
-
-
-
-