j1-template 2023.0.2 → 2023.0.5

data/assets/themes/j1/modules/themeSwitcher/js/_unsued/switcher.1.js

@@ -0,0 +1,454 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/bsThemeSwitcher/js/switcher.js
+ # Provides Javascript functions for Bootstrap ThemeSwitcher
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/jguadagno/bootstrapThemeSwitcher
+ #
+ # Copyright (C) 2023 Juergen Adams
+ # Copyright (C) 2014 Joseph Guadagno
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # Bootstrap Theme Switcher is licensed under the MIT License.
+ # See: https://github.com/jguadagno/bootstrapThemeSwitcher
+ # -----------------------------------------------------------------------------
+ # NOTE: This modules is MODIFIED to be used with MobileMenu (mmenuLight).
+ #       The original version cannot be used with J1 for theme menu creation!
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+/* eslint no-console: ["error", { allow: ["log", "warn", "error"] }]          */
+/* eslint no-unused-vars: "off"                                               */
+/* eslint no-undef: "off"                                                     */
+/* eslint no-useless-escape: "off"                                            */
+/* eslint no-prototype-builtins: "off"                                        */
+/* eslint no-shadow-restricted-names: "off"                                   */
+/* global jQuery                                                              */
+/* global Cookies                                                             */
+// -----------------------------------------------------------------------------
+
+/**
+* jQuery Twitter Bootstrap Theme Switcher v1.1.5
+* https://github.com/jguadagno/bootstrapThemeSwitcher
+*
+* Copyright 2014, Joseph Guadagno
+* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+*/
+
+'use strict';
+;(function ($, window, document, undefined) {
+
+  var old = $.fn.bootstrapThemeSwitcher;
+
+  var cookie_names      = j1.getCookieNames();
+  var gaCookies         = j1.findCookie('_ga');
+  var j1Cookies         = j1.findCookie('j1');
+  var url               = new liteURL(window.location.href);
+  var hostname          = url.hostname;
+  var domain            = hostname.substring(hostname.lastIndexOf('.', hostname.lastIndexOf('.') - 1) + 1);
+  var secure            = (url.protocol.includes('https')) ? true : false;
+
+  var logger = log4javascript.getLogger('j1.core.switcher');
+  var logText;
+
+  var user_state_detected;
+  var user_state = {};
+  var user_state_json;
+  var user_state_cookie;
+
+  // Constructor
+  // ---------------------------------------------------------------------------
+  var BootstrapThemeSwitcher = function (element, options) {
+
+    this.$element = $(element);
+    this.settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, options);
+    this.themesList = [];
+
+    // loading local themes
+    this.getThemes();
+    return this;
+  };
+
+  // Prototype
+  // ---------------------------------------------------------------------------
+  BootstrapThemeSwitcher.prototype = {
+    clear: function () {
+      logger.debug('\n' + 'bootstrapThemeSwitcher.clear');
+      return this.$element.each(function () {
+        this.$element.empty();
+      });
+    },
+    update: function () {
+      logger.debug('\n' + 'bootstrapThemeSwitcher.update');
+      this.getThemes();
+    },
+
+    // -------------------------------------------------------------------------
+    //  checkStyleSheetByName
+    // -------------------------------------------------------------------------
+    checkStyleSheetByName: function (name) {
+      var found   = false;
+      var test    = '\/' + name + '\/';
+      var re      = new RegExp(test, 'i');
+
+      for(var i = 0; i < document.styleSheets.length; i++){
+        if(re.test(document.styleSheets[i].href)){
+          found=true;
+          break;
+        }
+      }
+      return found;
+    },
+
+    // -------------------------------------------------------------------------
+    //  switchTheme
+    // -------------------------------------------------------------------------
+    // NOTE:
+    // For J1 Theme, switchTheme set only the cookies contents. The theme
+    // switch is done by a page reload. The reload triggers the theme_generator
+    // to load theme CSS from cookies, finally.
+    // -------------------------------------------------------------------------
+    switchTheme: function (name, cssFile) {
+
+      var $this      = $(this);
+      var settings   = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, $this.data('bootstrapThemeSwitcher'));
+      var id         = settings.cssThemeLink;
+      var debug      = settings.debug;
+      var includeCSS = this.settings.includeBootswatch;
+      var themeName;
+      var theme_css;
+
+      // detect|set user state cookie
+      user_state_detected = j1.existsCookie (cookie_names.user_state);
+      if ( user_state_detected ) {
+        logger.debug('\n' + 'cookie found: ' + cookie_names.user_state);
+        user_state = j1.readCookie(cookie_names.user_state);
+      } else {
+        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
+        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
+        j1Cookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
+        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
+        gaCookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
+      }
+
+      themeName = user_state.theme_name;
+      theme_css = user_state.theme_css;
+      var theme_css_html = '<link rel="stylesheet" id="' + id + '" href="' + user_state.theme_css + '" type="text/css" />';
+
+      $('head').append(theme_css_html);
+
+      if (typeof cssFile === 'undefined') { cssFile = this.settings.defaultCssFile; }
+      if (typeof name === 'undefined') { name = cssFile; }
+
+      // check if theme is to be saved to cookie
+      if (settings.saveToCookie) {
+        if ( typeof Cookies === 'undefined' ) {
+          if ( debug === 'true' ) {
+            logger.error('\n' + 'cookies library not present');
+          }
+          return false;
+        }
+
+        user_state.theme_name  = name;
+        user_state.theme_css   = cssFile;
+
+        if (!(user_state.theme_name.includes('Uno') || user_state.theme_name == 'Bootstrap')) {
+          user_state.theme_author        = 'Bootswatch';
+          user_state.theme_author_url    = 'https://bootswatch.com/';
+        } else {
+          user_state.theme_author        = 'J1 Team';
+          user_state.theme_author_url    = 'https://jekyll.one/';
+        }
+
+        logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
+        j1.writeCookie({
+          name: cookie_names.user_state,
+          data: user_state,
+          secure:   secure,
+          expires:  365
+        });
+
+        // reload current page (skip cache)
+        // location.reload(true);
+      } else {
+        logger.debug('\n' + 'write to cookie : disabled');
+        logger.warn('\n' + 'selected theme not activated: ' + name);
+      } // END if saveToCookie
+
+    }, // END switchTheme
+
+    // -------------------------------------------------------------------------
+    //  loadThemeFromCookie
+    // -------------------------------------------------------------------------
+    loadThemeFromCookie: function (options) {
+
+      if ( typeof Cookies === 'undefined' ) {
+        logger.error('\n' + 'cookies library not present');
+        return false;
+      }
+
+      var settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, options);
+
+      // detect|set user state cookie
+      user_state_detected = j1.existsCookie (cookie_names.user_state);
+
+      if ( user_state_detected ) {
+        logger.info('\n' + 'cookie found: ' + cookie_names.user_state);
+        user_state = j1.readCookie(cookie_names.user_state);
+      } else {
+        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
+        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
+        j1Cookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
+        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
+        gaCookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
+      }
+
+      var themeName = user_state.theme_name;
+      var themeCss  = user_state.theme_css;
+      this.switchTheme(themeName, themeCss);
+
+    }, // END loadThemeFromCookie
+
+    // -------------------------------------------------------------------------
+    //  addTheme
+    // -------------------------------------------------------------------------
+    addTheme: function(name, cssFile, start, deleteCount) {
+      if (typeof start === 'undefined') { start = 0; }
+      if (typeof deleteCount === 'undefined') { deleteCount = 0; }
+      this.themesList.splice(start, deleteCount, {name: name, css: cssFile});
+      this.addThemesToControl();
+    }, // END addTheme
+
+    // -------------------------------------------------------------------------
+    //  addThemesToControl
+    // -------------------------------------------------------------------------
+    addThemesToControl: function() {
+      if (typeof this.$element === 'undefined') {
+        logger.error('\n' + 'bootstrapThemeSelector|addThemesToControl: Element is undefined');
+        return false;
+      }
+      if (typeof this.themesList === 'undefined') {
+        logger.error('\n' + 'bootstrapThemeSelector|addThemesToControl: Themes is undefined');
+        return false;
+      }
+
+      // if BootSwatch excludes are set
+      if(this.settings.excludeBootswatch){
+        var excludeBootswatchs;
+        // split the string on ,
+        if(this.settings.excludeBootswatch.indexOf(',') !== -1){
+          excludeBootswatchs = this.settings.excludeBootswatch.replace(/ /g, '').split(',');
+        } else {
+          excludeBootswatchs = [];
+          excludeBootswatchs.push(this.settings.excludeBootswatch);
+        }
+
+        var tempThemeList = this.themesList;
+        $.each(tempThemeList, function (i, value) {
+          if(value && value.name){
+            if( $.inArray( value.name, excludeBootswatchs ) !== -1 ){
+              tempThemeList.splice(i,1);
+            }
+          }
+        });
+        this.themesList = tempThemeList;
+      }
+
+      var base = this;
+
+      if (this.$element.is('ul')) {
+        var $this    = $(this);
+        var settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, $this.data('bootstrapThemeSwitcher'));
+        var id       = settings.cssThemeLink;
+        var debug    = settings.debug;
+        var themeName;
+
+        // detect|set user state cookie
+        user_state_detected = j1.existsCookie (cookie_names.user_state);
+        if ( user_state_detected ) {
+          logger.debug('\n' + 'user state cookie found');
+          user_state = j1.readCookie(cookie_names.user_state);
+        } else {
+          logger.error('\n' + 'user state NOT cookie found');
+          logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
+          j1Cookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
+          logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
+          gaCookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
+        }
+
+        themeName = user_state.theme_name;
+
+        if ( debug === 'true' ) {
+          logger.debug('\n' + 'bootstrapThemeSelector: UL element selected');
+        }
+        this.$element.empty();
+
+        var cssClass;
+        var iconColor = '#9E9E9E';
+        $.each(this.themesList, function (i, value) {
+          // Use DIFFERENT class for MobileMenu
+          //if (base.$element[0].id.includes('MMenu')) {
+          if (base.$element[0].id.includes('mmenu')) {
+            cssClass = 'mmenu-item';
+          } else {
+            cssClass = 'dropdown-item';
+          }
+          // Add class "active" to the current theme selected
+          if ( value.name === themeName ) {
+            // if (base.$element[0].id.includes('MMenu')) {
+            if (base.$element[0].id.includes('mmenu')) {
+              cssClass = 'mmenu-item active';
+            } else {
+              cssClass = 'dropdown-item active';
+            }
+          }
+          var li = $('<li />')
+              .attr('class',cssClass)
+              .append('<a class="link-no-decoration" href="#"><i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: ' +iconColor+ '"></i>' +value.name+ '</a>')
+              .on('click', function () {
+                if (settings.loadFromBootswatch) {
+                  base.switchTheme(value.name, value.css);
+                } else {
+                  base.switchTheme(value.name, value.cssCdn);
+                }
+                // remove previous "active" class and apply to latest clicked element
+                $(this).parent().find('li').removeClass('active');
+                $(this).addClass('active');
+              });
+          base.$element.append(li);
+        });
+
+      } else if (this.$element.is('select')) {
+        logger.debug('\n' + 'bootstrapThemeSelector: SELECT element selected');
+        this.$element.empty();
+
+        var optionSelectedMarker;
+        $.each(this.themesList, function (i, value) {
+          optionSelectedMarker = null;
+          if ( value.name === themeName ) {
+            optionSelectedMarker = 'selected';
+          }
+          if (settings.loadFromBootswatch) {
+            base.$element.append('<option ' + optionSelectedMarker + ' value=\'' + value.css + '\'>' + value.name + '</option>');
+          } else {
+            base.$element.append('<option ' + optionSelectedMarker + ' value=\'' + value.cssCdn + '\'>' + value.name + '</option>');
+          }
+        });
+        this.$element.on('change', function () {
+          var optionSelected = $('option:selected', this);
+          base.switchTheme(optionSelected.text(), optionSelected.val());
+        });
+
+      } else {
+        // no container found to add Theme list
+        logger.info('\n' + 'bootstrapThemeSelector: no UL or SELECT element found');
+        logger.error('\n' + 'bootstrapThemeSelector: failed');
+        // console.warn('bootstrapThemeSelector only works with ul or select elements');
+      }
+    }, // END addThemesToControl
+
+    // -------------------------------------------------------------------------
+    //  getThemes
+    // -------------------------------------------------------------------------
+    getThemes: function() {
+      var base = this;
+
+      if (this.settings.localFeed !== null && this.settings.localFeed !== '') {
+        // Deferred loading themes from local themes (json file)
+        $.ajax({
+          url: this.settings.localFeed,
+          // jadams 2016-10-10: removed the setting for sychronous XMLHttpRequest
+          // async: false,
+          dataType: 'json',
+          success: function (data) {
+            base.themesList = data.themes;
+            base.addThemesToControl();
+          },
+          error: function (jqXHR, textStatus, errorThrown) {
+            logger.error('\n' + 'failed to retrieve the local feed from: \'' + base.settings.localFeed + '\'');
+          }
+        });
+      } else {
+        // Deferred loading remote themes from Bootswatch API
+        // -----------------------------------------------------------------------
+        $.ajax({
+          url: this.settings.bootswatchApiUrl + '/' + this.settings.bootswatchApiVersion + '.json',
+          // jadams 2016-10-10: removed the setting for sychronous XMLHttpRequest
+          // async: false,
+          dataType: 'json',
+          success: function (data) {
+            if (typeof data.themes === 'undefined') {
+              return null;
+            }
+            base.themesList = data.themes;
+            base.themesList.splice(0,0, {name: 'default', css: base.settings.defaultCssFile});
+            base.addThemesToControl();
+          }
+        });
+      }
+    }, // END getThemes
+
+    // -------------------------------------------------------------------------
+    //  themes
+    // -------------------------------------------------------------------------
+    themes : function (newThemeList) {
+      if (typeof newThemeList === 'undefined') {
+        return this.themesList;
+      }
+      else {
+        // TODO: Set the associated control.
+        this.themesList = newThemeList;
+      }
+    } // END themes
+
+  }; // END prototype
+
+  // Plugin definition
+  // ---------------------------------------------------------------------------
+  $.fn.bootstrapThemeSwitcher = function (option) {
+    var methodReturn;
+    var args      = Array.prototype.slice.call(arguments, 1);
+    var $this     = $(this);
+    var data      = $this.data('bootstrapThemeSwitcher');
+    var options   = typeof option === 'object' && option;
+
+    if (!data) {
+      $this.data('bootstrapThemeSwitcher', (data = new BootstrapThemeSwitcher(this, options) ));
+    }
+    if (typeof option === 'string') {
+      methodReturn = data[ option ].apply(data, args);
+    }
+    return ( typeof methodReturn === 'undefined' ) ? $this : methodReturn;
+  };
+
+  $.fn.bootstrapThemeSwitcher.defaults = {
+    debug:                  false,
+    saveToCookie:           true,
+    cssThemeLink:           'bootstrapTheme',
+    cookieThemeName:        'bootstrapTheme.name',
+    cookieThemeCss:         'boostrapTheme.css',
+    cookieExpiration:       365,
+    cookiePath:             '/',
+    defaultCssFile:         'https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css',
+    bootswatchApiUrl:       'https://bootswatch.com/api/',
+    bootswatchApiVersion:   '4',
+    loadFromBootswatch:     true,
+    localFeed:              '',
+    excludeBootswatch:      ''
+  };
+
+  $.fn.bootstrapThemeSwitcher.Constructor = BootstrapThemeSwitcher;
+
+  $.fn.bootstrapThemeSwitcher.noConflict = function () {
+    $.fn.BootstrapThemeSwitcher = old;
+    return this;
+  };
+
+})(jQuery, window, document);

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2023.0.2'
+  VERSION = '2023.0.5'
 end

data/lib/starter_web/Gemfile

@@ -75,11 +75,11 @@ end
 # Specify the THEME GEM used for the project
 
 # Loaded from RubyGems
-gem 'j1-template', '~> 2023.0.2'
+gem 'j1-template', '~> 2023.0.0'
 
 # Loaded from gem.fury.io
 #source 'https://gem.fury.io/jekyll-one-org/' do
-#  gem 'j1-template', '~> 2023.0.2'
+#  gem 'j1-template', '~> 2023.0.5'
 #end
 
 # ------------------------------------------------------------------------------
@@ -170,7 +170,7 @@ end
 # ------------------------------------------------------------------------------
 #
 # Required for Heroku, see support ticket: https://help.heroku.com/tickets/1198846
-gem 'sass-embedded', '~> 1.57.1'
+# gem 'sass-embedded', '~> 1.57.1'
 
 gem 'sassc', '~> 2.4'
 gem 'bump', '~> 0.10'

data/lib/starter_web/README.md

@@ -380,7 +380,7 @@ This command creates a **initial** project in folder **my-starter**.
   2022-07-30 18:12:12 - GENERATE: Resolving dependencies...
   2022-07-30 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2022-07-30 18:12:12 - GENERATE: Using j1-template 2023.0.2
+  2022-07-30 18:12:12 - GENERATE: Using j1-template 2023.0.5
   2022-07-30 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2022-07-30 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2022-07-30 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -416,7 +416,7 @@ commands are available as well.
   2022-07-30 18:17:48 - SETUP: Initialize the project ...
   2022-07-30 18:17:48 - SETUP: Be patient, this will take a while ...
   2022-07-30 18:17:49 - SETUP:
-  2022-07-30 18:17:49 - SETUP: > j1@2023.0.2 setup C:\Users\xxx\j1-projects\my-starter
+  2022-07-30 18:17:49 - SETUP: > j1@2023.0.5 setup C:\Users\xxx\j1-projects\my-starter
   2022-07-30 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2022-07-30 18:17:49 - SETUP:
   2022-07-30 18:17:50 - SETUP: Setup project for first use ..
@@ -461,7 +461,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2022-07-30 18:26:18 - SITE: Starting up your site ...
   2022-07-30 18:26:18 - SITE:
-  2022-07-30 18:26:18 - SITE: > j1@2023.0.2 j1-site C:\Users\jadams\j1-projects\my-starter
+  2022-07-30 18:26:18 - SITE: > j1@2023.0.5 j1-site C:\Users\jadams\j1-projects\my-starter
   2022-07-30 18:26:18 - SITE: > run-p -s j1-site:*
   2022-07-30 18:26:18 - SITE:
   2022-07-30 18:26:20 - SITE: Startup UTILSRV ..
@@ -500,7 +500,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2022-07-30 18:45:09 - REBUILD:
-2022-07-30 18:45:09 - REBUILD: > j1@2023.0.2 rebuild C:\Users\xxx\j1-projects\my-starter
+2022-07-30 18:45:09 - REBUILD: > j1@2023.0.5 rebuild C:\Users\xxx\j1-projects\my-starter
 2022-07-30 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2022-07-30 18:45:09 - REBUILD:
 2022-07-30 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -548,7 +548,7 @@ using Lerna for all packages:
   2022-07-30 18:29:07 - RESET: Reset the project to factory state ...
   2022-07-30 18:29:07 - RESET: Be patient, this will take a while ...
   2022-07-30 18:29:08 - RESET:
-  2022-07-30 18:29:08 - RESET: > j1@2023.0.2 reset C:\Users\xxx\j1-projects\my-starter
+  2022-07-30 18:29:08 - RESET: > j1@2023.0.5 reset C:\Users\xxx\j1-projects\my-starter
   2022-07-30 18:29:08 - RESET: > run-s -s reset:*
   2022-07-30 18:29:08 - RESET:
   2022-07-30 18:29:08 - RESET: Reset project to factory state ..

data/lib/starter_web/_config.yml

@@ -45,7 +45,7 @@
 # Sets the build environment of the website
 #
 #   values:                             development|production
-#   default:                            production
+#   default:                            development
 #
 environment:                            development
 
@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of J1 Theme Gem
 #
-version:                                2023.0.2
+version:                                2023.0.5
 
 # version
 # ------------------------------------------------------------------------------
@@ -411,8 +411,9 @@ strict_front_matter:                    false
 # Possible values: compact|compressed|expanded|nested
 #
 sass:
-  sass_dir:                             _sass/scss
-  style:                                expanded
+  sass_dir:                             _sass
+  style:                                compact                                 # possible values: nested expanded compact compressed
+
 
 # ------------------------------------------------------------------------------
 # WEBRICK Customizations
@@ -484,7 +485,6 @@ plugins:
   - jekyll-asciidoc
 # - jekyll-gist
 # - jekyll-redirect-from
-# - jekyll-sass-converter
 
 # ------------------------------------------------------------------------------
 # ALGOLIA Search (Instantsearch)
@@ -633,27 +633,25 @@ defaults:
         height:                         800
         alt:                            J1 Theme Home
 
+      icons:
+        family:                         MDI
+        color:                          md-blue
+        size:                           5x
+
+      images:
+        dir:                            /assets/images/pages
+
       robots:
         index:                          true
         follow:                         true
 
       personalization:                  false
       exclude_from_search:              false
-
+      fab_menu_id:                      page_ctrl
+      scrollbar:                        false
       youtube:                          true
       vimeo:                            true
-
       toc:                              true
-      fab_menu_id:                      page_ctrl
-      scrollbar:                        false
-
-      icons:
-        family:                         MDI
-        color:                          md-blue
-        size:                           5x
-
-      images:
-        dir:                            /assets/images/pages
 
       resource_options:
         - toccer:
@@ -689,14 +687,14 @@ defaults:
         index:                          true
         follow:                         true
 
+      toc:                              true
+      fab_menu_id:                      open_toc_reload                         # default
+      scrollbar:                        false
       personalization:                  false
       exclude_from_search:              false
+      page_navigation:                  true
       series:                           false
 
-      toc:                              true
-      fab_menu_id:                      default
-      scrollbar:                        false
-
       resource_options:
         - toccer:
             collapseDepth:              3
@@ -727,18 +725,17 @@ defaults:
         index:                          true
         follow:                         true
 
-      personalization:                  false
-      exclude_from_search:              false
-
       toc:                              true
-      fab_menu_id:                      default
+      fab_menu_id:                      open_toc_reload                         # default
       scrollbar:                        false
+      personalization:                  false
+      exclude_from_search:              false
+      page_navigation:                  true
 
       resource_options:
         - toccer:
             collapseDepth:              3
 
-
 # ==============================================================================
 # 7. LAYOUT configuration
 #

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

@@ -100,9 +100,10 @@ settings:
               enabled:                  true
               width:                    12
               type:                     text
+              position:                 left                                    # left | center
               title:                    Jekyll One Theme
-              translate_title:          notranslate                             # translate|notranslate
               tagline:                  <b>powerful modern static websites</b>
+              translate_description:    notranslate                             # translate|notranslate
               description_properties:   mt-3 mb-3
               description: >
                                         <p class="dropcap">