j1-template 2021.1.1 → 2021.1.6

data/assets/themes/j1/modules/util/js/domready.js

@@ -0,0 +1,146 @@
+(function(){
+
+    var DomReady = window.DomReady = {};
+
+	// Everything that has to do with properly supporting our document ready event. Brought over from the most awesome jQuery. 
+
+    var userAgent = navigator.userAgent.toLowerCase();
+
+    // Figure out what browser is being used
+    var browser = {
+    	version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
+    	safari: /webkit/.test(userAgent),
+    	opera: /opera/.test(userAgent),
+    	msie: (/msie/.test(userAgent)) && (!/opera/.test( userAgent )),
+    	mozilla: (/mozilla/.test(userAgent)) && (!/(compatible|webkit)/.test(userAgent))
+    };    
+
+	var readyBound = false;	
+	var isReady = false;
+	var readyList = [];
+
+	// Handle when the DOM is ready
+	function domReady() {
+		// Make sure that the DOM is not already loaded
+		if(!isReady) {
+			// Remember that the DOM is ready
+			isReady = true;
+        
+	        if(readyList) {
+	            for(var fn = 0; fn < readyList.length; fn++) {
+	                readyList[fn].call(window, []);
+	            }
+            
+	            readyList = [];
+	        }
+		}
+	};
+
+	// From Simon Willison. A safe way to fire onload w/o screwing up everyone else.
+	function addLoadEvent(func) {
+	  var oldonload = window.onload;
+	  if (typeof window.onload != 'function') {
+	    window.onload = func;
+	  } else {
+	    window.onload = function() {
+	      if (oldonload) {
+	        oldonload();
+	      }
+	      func();
+	    }
+	  }
+	};
+
+	// does the heavy work of working through the browsers idiosyncracies (let's call them that) to hook onload.
+	function bindReady() {
+		if(readyBound) {
+		    return;
+	    }
+	
+		readyBound = true;
+
+		// Mozilla, Opera (see further below for it) and webkit nightlies currently support this event
+		if (document.addEventListener && !browser.opera) {
+			// Use the handy event callback
+			document.addEventListener("DOMContentLoaded", domReady, false);
+		}
+
+		// If IE is used and is not in a frame
+		// Continually check to see if the document is ready
+		if (browser.msie && window == top) (function(){
+			if (isReady) return;
+			try {
+				// If IE is used, use the trick by Diego Perini
+				// http://javascript.nwbox.com/IEContentLoaded/
+				document.documentElement.doScroll("left");
+			} catch(error) {
+				setTimeout(arguments.callee, 0);
+				return;
+			}
+			// and execute any waiting functions
+		    domReady();
+		})();
+
+		if(browser.opera) {
+			document.addEventListener( "DOMContentLoaded", function () {
+				if (isReady) return;
+				for (var i = 0; i < document.styleSheets.length; i++)
+					if (document.styleSheets[i].disabled) {
+						setTimeout( arguments.callee, 0 );
+						return;
+					}
+				// and execute any waiting functions
+	            domReady();
+			}, false);
+		}
+
+		if(browser.safari) {
+		    var numStyles;
+			(function(){
+				if (isReady) return;
+				if (document.readyState != "loaded" && document.readyState != "complete") {
+					setTimeout( arguments.callee, 0 );
+					return;
+				}
+				if (numStyles === undefined) {
+	                var links = document.getElementsByTagName("link");
+	                for (var i=0; i < links.length; i++) {
+	                	if(links[i].getAttribute('rel') == 'stylesheet') {
+	                	    numStyles++;
+	                	}
+	                }
+	                var styles = document.getElementsByTagName("style");
+	                numStyles += styles.length;
+				}
+				if (document.styleSheets.length != numStyles) {
+					setTimeout( arguments.callee, 0 );
+					return;
+				}
+			
+				// and execute any waiting functions
+				domReady();
+			})();
+		}
+
+		// A fallback to window.onload, that will always work
+	    addLoadEvent(domReady);
+	};
+
+	// This is the public function that people can use to hook up ready.
+	DomReady.ready = function(fn, args) {
+		// Attach the listeners
+		bindReady();
+    
+		// If the DOM is already ready
+		if (isReady) {
+			// Execute the function immediately
+			fn.call(window, []);
+	    } else {
+			// Add the function to the wait list
+	        readyList.push( function() { return fn.call(window, []); } );
+	    }
+	};
+    
+	bindReady();
+	
+})();

data/assets/themes/j1/modules/util/js/gtag-opt-in.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.GTagOptIn=t():e.GTagOptIn=t()}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"register",(function(){return i})),n.d(t,"optIn",(function(){return f})),n.d(t,"optOut",(function(){return a}));let r=!1,o=void 0;const i=e=>{u(e),o=e},u=e=>{if(!e)throw new Error("gtag-opt-in: invalid value passed to `register` method. Make sure to use a valid Analytics ID.")},a=()=>{d(),window["ga-disable-"+o]=!0},f=()=>{d(),c(),window["ga-disable-"+o]=!1},d=()=>{if(!o)throw new Error("gtag-opt-in: no value found for Analytics ID. Make sure to register before by calling the `register` method.")},c=()=>{r||(l(),r=!0)},l=()=>{const e=s();p(e)},s=()=>(window.dataLayer=window.dataLayer||[],function(){dataLayer.push(arguments)}),p=e=>{e("js",new Date),e("config",o,{anonymize_ip:!0})}}])}));

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2021.1.1'
+  VERSION = '2021.1.6'
 end

data/lib/j1_app/j1_auth_manager/auth_manager.rb

@@ -154,10 +154,9 @@ module J1App
     # --------------------------------------------------------------------------
     j1_mw_auth_mgr.info 'initialize web session cookie'
     use Rack::Session::Cookie,
-        http_only: true,   # if set to 'true', make session cookie visible to the browser (document) for HTTP
+        http_only: true,
         key: 'j1.app.session',
-#       same_site: 'None',
-        same_site: 'Lax',
+        same_site: 'Strict',
         secret: ENV['J1_SESSION_SECRET'] || SecureRandom.hex
 
     # use Rack::Cache do |config|

data/lib/starter_web/Gemfile

@@ -54,7 +54,7 @@ gem 'jekyll', '~> 4.2'
 
 # Theme Rubies, default: J1 Template (NOT used for the development system)
 #
-gem 'j1-template', '~> 2021.1.1'
+gem 'j1-template', '~> 2021.1.6'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            production
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2021.1.1
+version:                                2021.1.6
 
 # version
 # ------------------------------------------------------------------------------
@@ -420,10 +420,10 @@ sass:
 # POSTS Management
 # Set the post articles to include, exclude and ignore
 #
-#future:                                false
-#show_drafts:                           false
-#unpublished:                           false
-#limit_posts:                           10
+future:                                 true                                    # workaround (non US) TZ issues (of April 2021)
+show_drafts:                            false
+unpublished:                            false
+limit_posts:                            1000000                                 # set to UNLIMITED
 
 # ------------------------------------------------------------------------------
 # LIQUID template engine
@@ -520,6 +520,7 @@ whitelist:
 # EXCERPT settings
 #
 excerpt_separator:                      excerpt__end
+excerpt_truncate_words:                 100
 
 # ------------------------------------------------------------------------------
 # COLLECTION settings
@@ -637,7 +638,7 @@ defaults:
 
       analytics:                        false
       advertising:                      false
-      comments:                         true
+      comments:                         false
 
       series:                           false
 
@@ -676,7 +677,7 @@ defaults:
 
       analytics:                        false
       advertising:                      false
-      comments:                         true
+      comments:                         false
 
       series:                           true
 

data/lib/starter_web/_data/_defaults/resources.yml

@@ -549,13 +549,13 @@ resources:
         init_function:                  [ j1.adapter.back2top.init ]
 
   # ----------------------------------------------------------------------------
-  # CookieBar
+  #  GDPR compatible Cookie Consent for J1 Template
   #
-  - name:                               CookieBar
+  - name:                               J1 CookieConsent
     resource:
-      id:                               cookiebar
+      id:                               cookieConsent
       enabled:                          true
-      comment:                          module cookiebar
+      comment:                          module cookieConsent
       region:                           head
       layout:                           [ all ]
       required:                         always
@@ -565,9 +565,9 @@ resources:
       pass_init_data:                   false
       data:
         css:                            []
-        files:                          [ adapter/js/cookiebar.js ]
-        js:                             []
-        init_function:                  [ j1.adapter.cookiebar.init ]
+        files:                          [ adapter/js/cookieConsent.js ]
+        js:                             [ modules/cookieConsent/js/cookieConsent ]
+        init_function:                  [ j1.adapter.cookieConsent.init ]
 
   # ----------------------------------------------------------------------------
   # jqMouseWheel, jQuery plugin to add cross-browser mouse wheel support
@@ -1170,7 +1170,10 @@ resources:
       enabled:                          true
       comment:                          Floating Button Menu
       region:                           head
-      layout:                           [ home, page, post, collection ]        # TODO: check if FAM makes sense for layout app
+      layout:                           [                                       # TODO: check if FAM makes sense for layout app
+                                          home, page, post, collection,
+                                          blog_archive
+                                        ]
       required:                         always
       preload:                          false                                   # property currently unused
       script_load:                      sync

data/lib/starter_web/_data/apps/defaults/justifiedGalleryCustomizer.yml

@@ -29,6 +29,7 @@ defaults:
   title:                                Customizer
 
   xhr_container_id:                     customizer
+  xhr_data_element:                     galleryCustomizer
   xhr_data_path:                        /assets/data/gallery_customizer/index.html
 
   gallery_settings:

data/lib/starter_web/_data/blocks/banner.yml

@@ -121,6 +121,7 @@ settings:
         enabled:                        true
         comment:                        Top teaser shown on home page
         type:                           teaser
+        properties:                     mt-3 mr-3 mb-5 ml-3
         icon_family:                    MDI
 
         style:                          light
@@ -155,37 +156,41 @@ settings:
                                         </p>
               buttons:
 
-                - name:                 Roundtrip button
+                - name:                 Roundtrip
                   button:
-                    text:               Roundtrip
-                    class:              btn btn-raised btn-flex btn-md btn-primary mr-2 mb-2
-                    style:              "min-width: 12rem"
-                    icon:               eye
-                    icon_color:         md_white
-                    icon_size:          24px
+                    title:              Roundtrip
+                    tagline:            learn top features
+                    class:              btn btn-raised btn-xl btn-primary text-uppercase mr-2 mb-2
+#                   style:              "min-width: 370px"
+                    style:
+                    icon:               briefcase-search-outline
+                    icon_color:
+                    icon_size:          3x
                     href:               /pages/public/learn/roundtrip/present_images/
                     target:
 
-                - name:                 Kickstarter button
+                - name:                 Download
                   button:
-                    text:               Kickstart
-                    class:              btn btn-raised btn-flex btn-md btn-primary mr-2 mb-2
-                    style:              "min-width: 12rem"
-                    icon:               rocket
-                    icon_color:         md_white
-                    icon_size:          24px
-                    href:               "https://jekyll.one/pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/"
+                    title:              Download
+                    tagline:            get on rubygems
+                    class:              btn btn-raised btn-xl btn-primary text-uppercase mr-2 mb-2
+                    style:
+                    icon:               briefcase-download-outline
+                    icon_color:
+                    icon_size:          3x
+                    href:               "https://rubygems.org/gems/j1-template"
                     target:             blank
 
-                - name:                 Download button
+                - name:                 Quickstart
                   button:
-                    text:               Download
-                    class:              btn btn-raised btn-flex btn-md btn-primary mr-2 mb-2
-                    style:              "min-width: 12rem"
-                    icon:               download
-                    icon_color:         md_white
-                    icon_size:          24px
-                    href:               "https://rubygems.org/gems/j1-template"
+                    title:              Quickstart
+                    tagline:            finished in 15 minutes
+                    class:              btn btn-raised btn-xl btn-primary text-uppercase mr-2 mb-2
+                    style:
+                    icon:               briefcase-check-outline
+                    icon_color:
+                    icon_size:          3x
+                    href:               https://jekyll.one/pages/public/learn/quickstart/
                     target:             blank
 
     # --------------------------------------------------------------------------
@@ -249,7 +254,7 @@ settings:
                     text:               Start creating your static web
                     class:              btn btn-raised btn-flex btn-md btn-primary g-mr-5
                     icon:               rocket
-                    icon_color:         md_white
+                    icon_color:         md-black
                     icon_size:          24px
                     href:               /pages/public/learn/kickstarter/web_in_a_day/meet_and_greet/
                     target:
@@ -293,6 +298,7 @@ settings:
         id:                               home_parallax_banner
         enabled:                          true
         type:                             parallax
+        properties:                       mt-5 mb-5
         comment:                          Main parallax banner shown on home page
 
         style:                            dark

data/lib/starter_web/_data/blocks/panel.yml

@@ -39,6 +39,7 @@ settings:
         comment:                        Home Intro Panel
         type:                           intro
         animate:
+        properties:                     mt-3 mr-3 mb-5 ml-3
 
         title:                          All in One
         tagline:                        top features
@@ -70,7 +71,7 @@ settings:
               icon:                     responsive
               icon_family:              MDI
               icon_size:                3x
-              icon_color:               md-white
+              icon_color:
               text: >
                                         The Web is everywhere. J1 Template supports modern web browsers
                                         on all devices for best results on PCs, Tablets, and SmartPhones.
@@ -87,16 +88,16 @@ settings:
                     icon_color:
                     href:               /pages/public/panels/intro_panel#responsive-design
 
-          - name:                       HTML5
+          - name:                       Technology
             card:
               enabled:                  true
               type:                     text
-              title:                    HTML · CSS · JS
+              title:                    Technology
               tagline:                  J1 Template
-              icon:                     language-html5
+              icon:                     tools
               icon_family:              MDI
               icon_size:                3x
-              icon_color:               md-white
+              icon_color:
               text: >
                                         Current Technology and Design. Excellent performance in running
                                         a website. Use Jekyll One to present your content at its best.
@@ -122,7 +123,7 @@ settings:
               icon:                     clock
               icon_family:              MDI
               icon_size:                3x
-              icon_color:               md-white
+              icon_color:
               text: >
                                         No programming is needed to start using J1. The Template
                                         provides a large number of building blocks to create
@@ -305,9 +306,10 @@ settings:
         comment:                        Home News Panel
         type:                           news
         animate:
+        properties:                     mt-5 mr-3 mb-5 ml-3
+
         title:                          Creators Blog
         tagline:                        latest news
-
         description: >
                                         Explore the blog and find interesting articles around Jekyll and
                                         website creation processes in general. And this blog is an excellent

data/lib/starter_web/_data/builder/blog_navigator.yml

@@ -129,6 +129,10 @@
 #
 # ------------------------------------------------------------------------------
 #
+
+defaults:
+  post_image:                           /assets/images/modules/attics/christa-dodoo-1920x1280.jpg
+
 previewer:                              timeline
 
 article_navigator:
@@ -146,7 +150,7 @@ article_previewer:
                                         All articles are reverse ordered by date. The current articles are displayed
                                         first. To preview older posts, use the button <b>Older Posts</b> from the
                                         Preview Bar. For newer posts use the button <b>Newer Posts</b> for
-                                        more recent articles. 
+                                        more recent articles.
 
 archive_view:
   enabled:                              true
@@ -165,6 +169,7 @@ archive_view:
 category_view:
   enabled:                              true
   word_cloud:                           true
+  skip_categories:                      Posts, Public
   description: >
                                         Check out <b>all</b> articles in the blog posts <b>archive</b>.
                                         Below, find articles available this site <b>grouped</b> by