j1-template 2020.0.1 → 2020.0.6

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
 # ------------------------------------------------------------------------------
@@ -677,6 +655,51 @@ resources:
         js:                             []
         init_function:                  []
 
+  # ----------------------------------------------------------------------------
+  # Algolia
+  #
+  - resource:
+      enabled:                          true
+      id:                               algolia
+      comment:                          Resources used by Algolia Instantsearch
+      region:                           head
+      layout:                           [ page, post, app ]
+      required:                         ondemand
+      script_load:                      sync
+      data:
+        files:                          [
+                                          adapter/js/algolia.js,
+                                          "https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css",
+                                          "https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css",
+                                          "https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.js"
+                                        ]
+        init_function:                  [ j1.adapter.algolia.init ]
+
+  # ----------------------------------------------------------------------------
+  # MMenu Light
+  #
+  - name:                               Mobile Menu
+    resource:
+      id:                               mmenu
+      enabled:                          true
+      comment:                          module mmenu
+      region:                           head
+      layout:                           [ all ]
+      required:                         always
+      script_load:                      sync
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            [
+                                          extensions/mmenu-light/css/mmenu-light,
+                                          extensions/mmenu-light/css/themes/uno
+                                        ]
+        files:                          [ adapter/js/mmenu.js ]
+        js:                             [
+                                          extensions/mmenu-light/js/mmenu-light,
+                                          extensions/mmenu-light/js/mmenu-light.polyfills
+                                        ]
+        init_function:                  [ j1.adapter.mmenu.init ]
 
 # ==============================================================================
 # Additional Apps and Modules - loaded ASYCHRONOUSLY (defer)
@@ -706,7 +729,7 @@ resources:
         files:                          []
         js:                             [
                                           extensions/light_gallery/js/core/lightgallery,
-                                          extensions/light_gallery/js/modules/j1/j1-video,                                          
+                                          extensions/light_gallery/js/modules/j1/j1-video,
                                           extensions/light_gallery/js/modules/lg-autoplay,
                                           extensions/light_gallery/js/modules/lg-fullscreen,
                                           extensions/light_gallery/js/modules/lg-hash,
@@ -740,7 +763,7 @@ resources:
                                           extensions/videojs/css/themes/sea
                                         ]
         files:                          []
-        js:                             [  
+        js:                             [
                                           extensions/videojs/js/video
                                         ]
         init_function:                  []
@@ -826,7 +849,7 @@ resources:
       dependencies:                     false
       pass_init_data:                   true
       data:
-        css:                            [ 
+        css:                            [
                                           extensions/justified_gallery/css/justifiedGallery,
                                           extensions/justified_gallery/css/theme/uno
                                         ]
@@ -838,7 +861,7 @@ resources:
 
   # ----------------------------------------------------------------------------
   # Bootstrap Tour - https://github.com/sorich87/bootstrap-tour/
-  # 
+  #
   # - name:                               J1 Bootstrap Tour
   #   resource:
   #     id:                               bs_tour
@@ -858,4 +881,4 @@ resources:
 
 
 # ------------------------------------------------------------------------------
-# END config
+# END config

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/apps/public/cc/index.adoc

@@ -0,0 +1,107 @@
+---
+layout:                                 page
+
+title:                                  Control Center
+tagline:                                site management
+description:                            A CMS environment based on Netlify CMS
+
+tags:                                   [ App, Control Center ]
+index:                                  [ Control, Center, Netlify, CMS ]
+categories:                             [ apps ]
+
+toc:                                    false
+scrollbar:                              true
+permalink:                              /apps/public/cc/
+regenerate:                             false
+
+resources:                              [ framer ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/banner/admin-dashboard-bootstrap-1280x800-bw.jpg
+          alt:                          admin-dashboard-bootstrap-1280x800-bw
+---
+
+// TODO
+// -----------------------------------------------------------------------------
+// jadams, 2019-08-31: Removing GitHub credentials should be configurable
+// See: ~/packages/400_template_site/_data/apps/cc.yml
+// See: https://stackoverflow.com/questions/9943220/how-to-delete-a-localstorage-item-when-the-browser-window-tab-is-closed
+
+// Enable the Liquid Preprocessor
+// -----------------------------------------------------------------------------
+:page-liquid:
+
+// Set other global page attributes here
+// -----------------------------------------------------------------------------
+
+// Liquid procedures
+// -----------------------------------------------------------------------------
+
+// Initialize entry document paths
+// -----------------------------------------------------------------------------
+
+// Load tags and urls
+// -----------------------------------------------------------------------------
+
+// Additional Asciidoc page attributes goes here
+// -----------------------------------------------------------------------------
+
+// Include documents
+// -----------------------------------------------------------------------------
+
+++++
+<div id="cms-manager" class="row mt-3">
+  <!--p id="callback" class="ml-2"></p -->
+
+  <iframe
+    src="/assets/data/cc/index.html"
+    width="100%"
+    style="border-width:0;">
+  </iframe>
+</div>
+
+<script>
+  var cookie_names              = j1.getCookieNames();
+  var cookie_user_state_name    = cookie_names.user_state;
+  var user_state                = j1.readCookie(cookie_user_state_name);
+  var bg_primary                = j1.getStyleValue('bg-primary', 'background-color');
+
+  // $('head').append('<style>div#nc-root { background-color: ' +bg_primary+ ' !important; }</style>');
+  
+  if (!user_state.cc_authenticated) {
+    // Remove GitHub credentials to enforce explicit login
+    localStorage.removeItem('netlify-cms-user');
+    user_state.cc_authenticated = true;
+
+    j1.writeCookie({
+        name:    cookie_user_state_name,
+        data:    user_state,
+        expires: 365
+    });
+  }
+
+	iFrameResize({
+		log:                      false,
+		inPageLinks:              true,
+    heightCalculationMethod:  'lowestElement',
+    minHeight:                512,
+		resizedCallback:          function(messageData) {
+			$('p#callback').html(
+				'<b>Frame ID:</b> '    + messageData.iframe.id +
+				' <b>Height:</b> '     + messageData.height +
+				' <b>Width:</b> '      + messageData.width +
+				' <b>Event type:</b> ' + messageData.type
+			);
+		}
+	});
+
+</script>
+++++
+
+
+
+