j1-template 2020.0.3 → 2020.0.8

data/lib/starter_web/_data/resources.yml

@@ -351,17 +351,14 @@ resources:
   #   6   n/a                           moment@2.19.2
   #   7   log4javascript                log4javascript@1.4.15
   #   8   clipboard                     clipboard@1.7.1
-  #   9   smoothscroll                  smoothscroll-for-websites@1.4.6
   #   10  bs_material_design            bootstrap-material-design@4.0.0-beta.4
   #   11  j1_template_4                 j1_template_4@0.0.1
-  #   12  tocbot                        tocbot@3.0.2
+  #   12  tocbot                        tocbot@4.11.2
   #   13  jekyll_search                 simple_jekyll_search@1.1.5
-  #   14  back2top                      back2top@1.1
   #   15  bs_theme_switcher             bs_theme_switcher@1.1.5
   #   16  backstretch                   backstretch@2.1.16
   #   17  cookie consent                cookieConsent@2019-07-24
   #   18  bootstrap_datepicker          datepicker@1.7.1
-  #   19  bs_gallery                    bs_gallery@2017-12-27
   #
   # ----------------------------------------------------------------------------
   #   J1 Template Core, integrated CSS Resources
@@ -439,7 +436,7 @@ resources:
       region:                           head
       layout:                           [ all ]
       required:                         always
-      script_load:                      defer
+      script_load:                      defer                                   # Warum defer???
       dependencies:                     [ logger ]
       pass_init_data:                   false
       data:
@@ -479,7 +476,7 @@ resources:
       layout:                           [ page, post, collection, blog_archive ]
       region:                           head
       required:                         always
-      script_load:                      defer
+      script_load:                      defer                                   # Warum defer???
       dependencies:                     [ navigator ]
       pass_init_data:                   true
       data:
@@ -488,46 +485,6 @@ resources:
         js:                             []
         init_function:                  [ j1.adapter.toccer.init ]
 
-  # ----------------------------------------------------------------------------
-  # Back2Top
-  #
-  - name:                               J1 Back2Top
-    resource:
-      id:                               back2top
-      enabled:                          true
-      comment:                          module back2top
-      region:                           head
-      layout:                           [ all ]
-      required:                         always
-      script_load:                      defer
-      dependencies:                     [ navigator ]
-      pass_init_data:                   false
-      data:
-        css:                            []
-        files:                          [ adapter/js/back2top.js ]
-        js:                             []
-        init_function:                  [ j1.adapter.back2top.init ]
-
-  # ----------------------------------------------------------------------------
-  # Scroller
-  #
-  - name:                               J1 Scroller
-    resource:
-      id:                               scroller
-      enabled:                          true
-      comment:                          module smoothscroll
-      region:                           head
-      layout:                           [ all ]
-      required:                         always
-      script_load:                      defer
-      dependencies:                     false
-      pass_init_data:                   false
-      data:
-        css:                            []
-        files:                          [ adapter/js/scroller.js ]
-        js:                             []
-        init_function:                  [ j1.adapter.scroller.init ]
-
   # ----------------------------------------------------------------------------
   # Searcher
   #
@@ -568,6 +525,27 @@ resources:
         js:                             []
         init_function:                  [ j1.adapter.cookie_consent.init ]
 
+  # ----------------------------------------------------------------------------
+  # Sticky Side Menu
+  #
+  - name:                               Sticky Side Menu
+    resource:
+      id:                               ssm
+      enabled:                          true
+      comment:                          module ssm
+      region:                           head
+      layout:                           [ page, post, app, collection, blog_archive ]
+      required:                         always
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   true
+      data:
+        css:                            []
+        files:                          [ adapter/js/ssm.js ]
+        js:                             []
+        init_function:                  [ j1.adapter.ssm.init ]
+
+
 # ==============================================================================
 # J1 Core MODULES initialized 'ondemand' for a layout
 # ------------------------------------------------------------------------------
@@ -712,9 +690,9 @@ resources:
       dependencies:                     false
       pass_init_data:                   false
       data:
-        css:                            [ extensions/mmenu-light/css/mmenu-light ]
-        files:                          [ adapter/js/mmenu.js]
-        js:                             [ extensions/mmenu-light/js/mmenu-light]
+        css:                            []
+        files:                          [ adapter/js/mmenu.js ]
+        js:                             []
         init_function:                  [ j1.adapter.mmenu.init ]
 
 # ==============================================================================

data/lib/starter_web/_data/template_settings.yml

@@ -118,7 +118,7 @@ cookies:
   user_session:                         j1.user.session
   user_state:                           j1.user.state
 
-    
+
 # ==============================================================================
 # PAGE configuration settings
 #
@@ -132,14 +132,14 @@ cookies:
 #
 #   prettify
 #   ----------------------------------------------------------------------------
-#   If set to true, all generated HTML pages (by Liquid|Jekyll) get 
+#   If set to true, all generated HTML pages (by Liquid|Jekyll) get
 #   formatted "pretty" by layout "default".
 #
 #   NOTE: Used for developent mode ONLY
 #   NOTE: See ~/packages/300_template_src/_layouts/default.html
 #
 # ------------------------------------------------------------------------------
-flicker_timeout:                        250
+flicker_timeout:                        150
 
 # ------------------------------------------------------------------------------
 # HTML PrettyPrint
@@ -159,9 +159,9 @@ user:
   provider:                             j1
   provider_site_url:                    https://jekyll.one
   provider_home_url:                    https://jekyll.one
-  provider_blog_url:                    /pages/public/blog/navigator/ 
+  provider_blog_url:                    /pages/public/blog/navigator/
   provider_member_url:                  /pages/public/learn/whats_up/
-  provider_privacy_url:                 /pages/public/legal/en/privacy/                       
+  provider_privacy_url:                 /pages/public/legal/en/privacy/
   user_name:                            guest
   status:                               active
   provider_membership:                  guest
@@ -191,7 +191,7 @@ fa:
 # Body style settings
 #
 body:
-  scrollbar:                            false 
+  scrollbar:                            false
   background-color:                     md_gray_50
   font-color:                           md_gray_900
   font-size:                            1em
@@ -219,7 +219,7 @@ comments:
   enabled:                              true
   provider:                             disqus
 
-  disqus:    
+  disqus:
     short_name:                         jekyll-one
 
 # facebook:
@@ -228,7 +228,7 @@ comments:
 #   width:                              580
 #   colorscheme:                        light
 
-# custom:    
+# custom:
 #   custom_data:
 
 # ------------------------------------------------------------------------------
@@ -242,7 +242,7 @@ analytics:
   provider:                             google
   google:
     tracking_id:                        'UA-138160879-1'
-  custom:    
+  custom:
     custom_data:
 
 # ------------------------------------------------------------------------------
@@ -254,9 +254,9 @@ analytics:
 advertising:
   enabled:                              false
   provider:                             google
-  google:    
+  google:
     publisher_id:                       ca-pub-6537273267695855
-  custom:    
+  custom:
     custom_data:
 
 # ------------------------------------------------------------------------------
@@ -271,7 +271,7 @@ translation:
 
   google:
     layout:                             default
-    meta_data:                          [google-translate-customization]    
+    meta_data:                          [google-translate-customization]
     page_language:                      en
     translation_languages:              [all]
 
@@ -291,4 +291,4 @@ translation:
 
 
 # ------------------------------------------------------------------------------
-# END config
+# END config

data/lib/starter_web/_plugins/uglify.rb

@@ -0,0 +1,41 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/uglify.rb
+# Liquid filter for J1 Template to uglify JS
+#
+# Product/Info:
+# http://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
+# ------------------------------------------------------------------------------
+# => Uglifier.compile(File.read(input))
+# ------------------------------------------------------------------------------
+#
+#  NOTE:
+#  CustomFilters cannot be used in SAFE mode (e.g not usable for
+#  rendering pages with Jekyll on GitHub
+#
+#  USAGE:
+#    {% capture cache_name %}
+#
+#      liquid code to generate HTML output goes here
+#
+#    {% endcapture %}
+#    {{ cache_name | uglify }}
+#
+# ------------------------------------------------------------------------------
+require 'uglifier'
+
+module Jekyll
+  module UglifyJS
+    def uglify(input)
+      site_config = @context.scopes[0]["site_config"]
+      path = @context.registers[:page]["url"]
+      Uglifier.compile(File.read("X:/j1/github/j1-template/packages/400_template_site/_site/assets/themes/j1/adapter/js/toccer.js"))
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::UglifyJS)

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1_starter",
-  "version": "2020.0.3",
+  "version": "2020.0.8",
   "description": "J1 Template starter Web",
   "homepage": "https://your.site",
   "author": {

data/lib/starter_web/pages/public/about/about_site.adoc

@@ -1,6 +1,6 @@
 ---
-title:                                  Abouttt
-tagline:                                J1 Template
+title:                                  J1 Template
+tagline:                                about
 description:                            Things you should know about this site
 categories:                             [ pages ]
 
@@ -37,4 +37,4 @@ lorem:sentences[5]
 
 == Hall of fame
 
-lorem:sentences[5]
+lorem:sentences[5]

data/lib/starter_web/pages/public/about/become_a_patron.adoc

@@ -1,6 +1,6 @@
 ---
-title:                                  Become a patron
-tagline:                                help us to create premium content
+title:                                  J1 Template
+tagline:                                become a patron
 description:                            Help to create premium content
 categories:                             [ pages ]
 
@@ -16,7 +16,7 @@ resource_options:
   - attic:
       padding_top:                      400
       padding_bottom:                   50
-      opacity:                          0.5 
+      opacity:                          0.5
       slides:
         - url:                          /assets/images/modules/attics/premium-1920x1280-bw.jpg
           alt:                          Photo by Anders Nord on Unsplash
@@ -29,9 +29,9 @@ resource_options:
 // Page content
 // -----------------------------------------------------------------------------
 
-_Patron_ allows fans -- the *patrons* -- to pay creators for their work. Many 
-of these creators are influencers: photographers on Instagram, comedians 
-on YouTube, podcasters that tweet, creative technicians providing useful 
+_Patron_ allows fans -- the *patrons* -- to pay creators for their work. Many
+of these creators are influencers: photographers on Instagram, comedians
+on YouTube, podcasters that tweet, creative technicians providing useful
 software, tools and tutorials.
 
 Simple like this.
@@ -40,11 +40,9 @@ Simple like this.
 == Become a Patron
 
 What does that mean? A _Patron_ support a _Creator_ for the provided content
-they love, they like to use: excellent content services -- created with passion. 
+they love, they like to use: excellent content services -- created with passion.
 
 What does a creator need to provide outstanding, useful products to the people?
 
-No surprise: time and money. What is, vice versa, quite the same. But that's not 
-all. 
-
-
+No surprise: time and money. What is, vice versa, quite the same. But that's not
+all.

data/lib/starter_web/pages/public/learn/floating_sidebar.adoc

@@ -0,0 +1,199 @@
+---
+title:                                  Floating SideBar
+tagline:                                where to go
+description:                            Where to go
+
+tags:                                   [ Page, Roundtrip ]
+index:                                  [ Start, Template, Whats, Up, Readme, TL;DR ]
+categories:                             [ pages ]
+
+permalink:                              /pages/public/learn/fsb/
+regenerate:                             false
+
+resources:                              [ lightbox ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/runner-1920x1200-bw.jpg
+          alt:                          Photo by Alexander Redl on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Alexander Redl
+            href:                       https://unsplash.com/@alexanderredl
+---
+
+// Enable the Liquid Preprocessor
+// -----------------------------------------------------------------------------
+:page-liquid:
+
+
+// Set other global page attributes here
+// -----------------------------------------------------------------------------
+//:my-asciidoc-attribute:
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture set_env_entry_document %}themes/{{site.template.name}}/procedures/global/set_env_entry_document.proc{%endcapture%}
+
+
+// Initialize entry document environmental attributes
+// -----------------------------------------------------------------------------
+{% include {{set_env_entry_document}} %}
+
+// Load tag, url and data attributes
+// -----------------------------------------------------------------------------
+// include::{includedir}/attributes.asciidoc[tag=tags]
+// include::{includedir}/attributes.asciidoc[tag=urls]
+// include::{includedir}/attributes.asciidoc[tag=data]
+
+// Set local page attributes
+// -----------------------------------------------------------------------------
+// :images-dir:                         {imagesdir}/path/to/page/images
+
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents
+// -----------------------------------------------------------------------------
+
+++++
+<div class="sidebar">
+  <div class="floating-div">
+    <p>This "floating div" could be a form, a call to action, an ad,
+      or whatever other content you want to float in sidebar as the user
+      scrolls up and down the page.
+    </p>
+  </div>
+</div>
+++++
+
+Welcome to the pages of J1 Template. If your here first time,
+hopefully you get on that page first. For sure, there is no better
+place to step in.
+
+Having a menu system is great. We hope the the navigator module of J1 will
+support you to explore this site, find what your are looking for. The site
+of J1 has grown over the last month a lot. Many documents were seeking for
+a home. And we have really a bunch of them.
+
+To get better orientated, the site is organized for *natural reading*. As we
+use the English language for our international vistors (we are German),
+*natural reading* means for a western language, reading from the left to the
+right (LTR), and from top to down a page. The same to all menus, sections
+and pages.
+
+To read the site it is recommended to go for LTR. Other languages, other
+countries and cultures go for RTL, but currently we've *no* support for RTL
+implemented.
+
+For that reason, it was a good decision to start from here.
+
+== Whats up
+
+First of all, you've started already! The important first step in to find
+your way to Jekyll is done. Congratiulations.
+
+The *Learn* section contains all you need to learn what Jekyll and J1 can do
+for your website. For your new static web - if you like.
+
+With this section you'll find a:
+
+. *Roundtrip* to show some of the main features of the template system
+  *J1*.
+
+. *Kickstarter* are Tutorials. The most important one to start is *Web in a Day*.
+  This tutorial guides you through all the steps to build a website using
+  the template system Jekyll One - your site using Jekyll and the template J1.
+
+== Where to go
+
+You should go for the *Roundtrip* first. See what you will get. As an overview
+of some of the main features of *J1*. The roundtrip is a *visual* tour. No
+technical stuff, nothing academic.
+
+Let's go more deeper and make things real - and your hands dirty. We
+recomment to work on the Kickstarter *Web in a Day*. A nice one-day journey
+diving into the world of Jekyll. You'll learn a lot and at the end of that day
+you know what Jekyll, static webs and the template system J1 is all about.
+
+You're welcome!
+
+If you like, continue by walking through the roundtrip examples
+link:/pages/public/learn/roundtrip/present_images/[by starting the tour here].
+
+++++
+<style>
+
+  .sidebar {
+    width:33.33%;
+    float:left;
+    padding: 0 10px;
+  }
+
+  .floating-div {
+    background-color: #333;
+    padding: 10px 50px;
+    color:#EEE;
+    font-size: 20px;
+    margin-top:10px;
+    position: absolute;
+    right: -40px;
+  }
+
+  .sticky {
+    position: fixed;
+    top: 150px;
+    right:-40px;
+    margin: 0;
+    width:calc(33.33% - 25px);
+  }
+
+  .abs {
+    position: absolute;
+    bottom: 10px;
+    right:10px;
+    width:calc(33.33% - 20px);
+  }
+</style>
+
+<script>
+  $(document).ready(function() {
+    var dependencies_met_core = setInterval(function() {
+      if (j1.getState() == 'finished') {
+        // variables
+        var main_content      = $('.js-toc-content');
+        var m                 = $(main_content).offset().top;
+        var topPosition       = $('.floating-div').offset().top - 10;
+        var floatingDivHeight = $('.floating-div').outerHeight();
+        var footer            = $('#j1_footer');
+        var footerFromTop     = $('#j1_footer').offset().top;
+        var absPosition       = footerFromTop - floatingDivHeight - 20;
+        var win               = $(window);
+        var floatingDiv       = $('.floating-div');
+
+        win.scroll(function() {
+          if (window.matchMedia('(min-width: 768px)').matches) {
+            if ((win.scrollTop() > topPosition) && (win.scrollTop() < absPosition)) {
+              floatingDiv.addClass('sticky');
+              floatingDiv.removeClass('abs');
+
+            } else if ((win.scrollTop() > topPosition) && (win.scrollTop() > absPosition)) {
+              floatingDiv.removeClass('sticky');
+              floatingDiv.addClass('abs');
+
+            } else {
+              floatingDiv.removeClass('sticky');
+              floatingDiv.removeClass('abs');
+            }
+          }
+        });
+        clearInterval(dependencies_met_core);
+      }
+    }, 25);
+  });
+</script>
+++++