j1-template 2022.4.9 → 2022.4.10

data/assets/themes/j1/modules/rouge/css/uno.light/theme.css

@@ -16,9 +16,18 @@
  #  See: https://github.com/rouge-ruby/rouge/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
+.highlight {
+  background-color: #f5f5f5;    /* $gray-100 */
+}
+
+.highlight table td {
+  padding: 5px;
+}
+
+.highlight table pre {
+  margin: 0;
+}
 
-.highlight table td { padding: 5px; }
-.highlight table pre { margin: 0; }
 .highlight .cm {
   color: #999988;
   font-style: italic;
@@ -28,7 +37,7 @@
   font-weight: bold;
 }
 .highlight .c1 {
-  color: #999988;
+  color: #424242;
   font-style: italic;
 }
 .highlight .cs {
@@ -106,22 +115,22 @@
   font-weight: bold;
 }
 .highlight .mf {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .mh {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .il {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .mi {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .mo {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .m, .highlight .mb, .highlight .mx {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .sa {
   color: #000000;
@@ -164,7 +173,7 @@
   color: #d14;
 }
 .highlight .na {
-  color: #008080;
+  color: #303F9F;
 }
 .highlight .bp {
   color: #999999;
@@ -177,7 +186,7 @@
   font-weight: bold;
 }
 .highlight .no {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .nd {
   color: #3c5d5d;
@@ -205,16 +214,16 @@
   color: #000080;
 }
 .highlight .vc {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .vg {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .vi {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .nv, .highlight .vm {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .ow {
   color: #000000;
@@ -227,6 +236,3 @@
 .highlight .w {
   color: #bbbbbb;
 }
-.highlight {
-  background-color: #f8f8f8;
-}

data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js

@@ -297,8 +297,8 @@
   $.fn.twemojiPicker = function (i) {
     var h = $.data(this, "twemojiPicker");
     this.each(function () {
-      h ? h._init() : h = $.data(this, "twemojiPicker", new $.TwemojiPicker(this, i))
+      h ? h._init() : h = $.data(this, "twemojiPicker", new $.TwemojiPicker(this, i));
     });
     return h
   }
-})(jQuery, window);
+})(jQuery, window, document);

data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.min.js

@@ -16,4 +16,307 @@
  # For details, https://github.com/xLs51/Twemoji-Picker
  # -----------------------------------------------------------------------------
 */
-(function(c,h,a){var k=150;var i={};var e="/assets/data/twa_v1.json";var j;var l;c.TwemojiPicker=function(d,b){var f=this;c.when(this._loadDatabase()).done(function(m){f.$el=c(d);f._init(b)})};c.TwemojiPicker.defaults={init:null,language:"en",size:25,icon:"grinning",iconSize:25,height:100,width:null,category:["smile","cherry-blossom","video-game","oncoming-automobile","symbols"],categorySize:20,pickerPosition:null,pickerHeight:150,pickerWidth:null,placeholder:"Click on Picker to select Emoji's from a Category",};c.TwemojiPicker.prototype={_init:function(b){this.options=c.extend(true,{},c.TwemojiPicker.defaults,b);this._initPicker();this._initCategory();this._initTwemoji();this._initText();this._initStyle();this._initEvents()},_loadDatabase:function g(){return c.ajax({url:e,success:function(b){if(typeof b=="string"){i=JSON.parse(b)}if(typeof b=="object"){i=b}}})},_initPicker:function(){var f=this;var b;var d;if(f.options.language=="en"){b="Clear";j="Copied to Clipboard";l=f.options.placeholder}else{if(f.options.language=="de"){b="Löschen";j="Kopiert zur Zwischenablage";l="Klicken Sie auf Picker zur Auswahl von Emoji's aus einer Kategorie"}else{b="Clear";j="in Clipboard";l=f.options.placeholder}}d='<div class="twemoji-icon-picker">';d+='<span id="open-group" class="mr-2" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="open-group" class="btn btn-flex btn-primary mr-2"><i class="toggle-button mdi mdi-lg mr-1 mdi-toggle-switch-off"></i> Picker </button>';d+="</span>";d+='<span id="clear-textarea" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="clear-textarea" class="btn btn-flex btn-primary"><i class="mdi mdi-close mdi-lg mr-1"></i>'+b+"</button>";d+="</span>";d+="</div>";f.$id="#"+f.$el["0"].id;f.$pickerHeigth=f.options.height.replace("px","");f.$pickerHeigth=Number(f.$pickerHeigth);f.$wrapper=f.$el.wrap('<div class="twemoji-wrap"></div>').parent();f.$wrapper.append('<div class="twemoji-textarea" contentEditable="true" placeholder="'+l+'"></div>');f.$wrapper.append('<div class="twemoji-textarea-duplicate"></div>');f.$wrapper.append(d);f.$wrapper.append('<div class="twemoji-picker"></div>');f.$el.hide();f.$textarea=f.$wrapper.find(".twemoji-textarea");f.$textareaDuplicate=f.$wrapper.find(".twemoji-textarea-duplicate").hide();f.$iconPicker=f.$wrapper.find("#open-group");f.$clearTextarea=f.$wrapper.find("#clear-textarea");f.$picker=f.$wrapper.find(".twemoji-picker").hide()},_initCategory:function(){var d=this;var b=this.options.category;this.categoryName=["people","nature","object","place","symbol"];this.$picker.append('<div class="twemoji-picker-category"></div>');this.$pickerCategory=this.$picker.find(".twemoji-picker-category");c.each(this.categoryName,function(m,f){d.$pickerCategory.append('<span data-category="'+f+'">'+d.imageFromName(b[m])+"</span>")});this.$pickerCategory.find("span:first").addClass("active")},_initTwemoji:function(){var b=this;c.each(this.categoryName,function(f,d){b.$picker.append('<div class="twemoji-list '+d+'"></div>');c.each(i,function(n,m){if(m.category===d){b.$wrapper.find(".twemoji-picker ."+d).append('<span><img class="emoji" draggable="false" src="'+m.base64+'" alt="'+m.value+'" title="'+m.name+'"></span>')}})});this.$twemojiList=this.$picker.find(".twemoji-list");this.$twemojiList.not(":first").hide()},_initText:function(){if(this.options.init){var b=this.options.init;var d=/:([\w-]+):/g;var f;while(f==d.exec(b)){b=b.replace(f[0],this.imageFromName(f[1],true))}this.$textarea.html(b);this.copyTextArea(this.$textarea.html())}},_initStyle:function(){this.$wrapper.css({width:this.options.width?this.options.width:"100%",height:this.options.height?this.options.height:"",});this.$wrapper.find("img").css({width:this.options.size,height:this.options.size,});this.$iconPicker.css({width:this.options.iconSize,height:this.options.iconSize,});this.$pickerCategory.find("img").css({width:this.options.categorySize,height:this.options.categorySize,});this.$twemojiList.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",height:this.options.pickerHeight,});this.$picker.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",top:this.options.pickerPosition==="top"?"-"+this.$picker.outerHeight()+"px":"",})},_initEvents:function(){var b=this;this.$textarea.on("keyup",function(){b.copyTextArea(c(this).html())});this.$iconPicker.on("click",function(){var d=c(".twemoji-picker").height()+k;c("#picker").height(d);c(".toggle-button").toggleClass("mdi-toggle-switch-off mdi-toggle-switch");if(!b.openedPicker){b.openPicker()}else{b.closePicker();c("#picker").height(b.$pickerHeigth)}});this.$clearTextarea.on("click",function(){b.copyTextArea("");c(b.$id).val("");c(".twemoji-textarea > .emoji-span").remove()});this.$pickerCategory.find("span").on("click",function(){var d=c(this).data("category");b.openCategory(c(this),d)});this.$pickerCategory.find(".close").on("click",function(){if(b.openedPicker){b.closePicker()}});this.$twemojiList.find("img").on("click",function(){b.copyTwemoji(c(this))})},copyText:function(f){var d=document.createElement("textarea");d.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");d.value=f;document.body.appendChild(d);d.select();document.execCommand("copy");var b=document.createElement("div");b.setAttribute("class","copied");b.appendChild(document.createTextNode(j));document.body.appendChild(b);setTimeout(function(){document.body.removeChild(d);document.body.removeChild(b)},1500)},openPicker:function(){this.$picker.show();this.openedPicker=true},closePicker:function(){this.$picker.hide();this.openedPicker=false},openCategory:function(d,b){this.$pickerCategory.find("span").removeClass("active");d.addClass("active");this.$twemojiList.not(".twemoji-picker ."+b).hide();this.$twemojiList.filter(".twemoji-picker ."+b).show()},copyTwemoji:function(b){var m=b.attr("alt");var d=b.attr("src");var f=b.attr("title");var n="emoji:"+f+"[]";this.copyText(n);this.$textarea.focus();this.pasteAtCursor('<span class="emoji-span"><img class="emoji" src="'+d+'" title="'+f+'" alt="'+m+'" width="'+this.options.size+'" height="'+this.options.size+'"> '+n+"</span> ");this.copyTextArea(this.$textarea.html())},copyTextArea:function(b){var f=this.$textareaDuplicate.html(b);f.find("img").replaceWith(function(){return this.alt});var d=f.html();this.$el.text(d)},imageFromName:function(d,b){var f=c.grep(i,function(m){return m.name==d});if(b){return'<img class="emoji" src="'+f[0].base64+'" alt="'+f[0].value+'" width="'+this.options.size+'" height="'+this.options.size+'">'}return'<img class="emoji" draggable="false" src="'+f[0].base64+'" alt="'+d+'">'},pasteAtCursor:function(b){var d,q;if(h.getSelection){d=h.getSelection();if(d.getRangeAt&&d.rangeCount){q=d.getRangeAt(0);q.deleteContents();var p=document.createElement("div");p.innerHTML=b;var r=document.createDocumentFragment(),f,o;while((f=p.firstChild)){o=r.appendChild(f)}q.insertNode(r);if(o){q=q.cloneRange();q.setStartAfter(o);q.collapse(true);d.removeAllRanges();d.addRange(q)}}}else{if(document.selection&&document.selection.type!="Control"){document.selection.createRange().pasteHTML(b)}}}};c.fn.twemojiPicker=function(b){var d=c.data(this,"twemojiPicker");this.each(function(){d?d._init():d=c.data(this,"twemojiPicker",new c.TwemojiPicker(this,b))});return d}})(jQuery,window);
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js
+ # Twemoji-Picker v2017-06-03 implementation for J1 template
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/xLs51/Twemoji-Picker
+ #
+ # Copyright (C) 2022 Juergen Adams
+ # Copyright (C) 2015 xLs51
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Twemoji-Picker is licensed under under the MIT License.
+ # For details, https://github.com/xLs51/Twemoji-Picker
+ # -----------------------------------------------------------------------------
+*/
+(function ($, window, undefined) {
+  var b = 150;
+  var d = {};
+  var twa_database = "/assets/data/twa_v1.json";
+  var responseText;
+  var placeholder;
+
+  $.TwemojiPicker = function (element, options) {
+    var h = this;
+    $.when(this._loadDatabase()).done(function (e) {
+      h.$el = $(element);
+      h._init(options)
+    })
+  };
+  $.TwemojiPicker.defaults = {
+    init: null,
+    language: "en",
+    size: 25,
+    icon: "grinning",
+    iconSize: 25,
+    height: 100,
+    width: null,
+    category: ["smile", "cherry-blossom", "video-game", "oncoming-automobile", "symbols"],
+    categorySize: 20,
+    pickerPosition: null,
+    pickerHeight: 150,
+    pickerWidth: null,
+    placeholder: "Click on Picker to select Emoji's from a Category",
+  };
+  $.TwemojiPicker.prototype = {
+    _init: function (h) {
+      this.options = $.extend(true, {}, $.TwemojiPicker.defaults, h);
+      this._initPicker();
+      this._initCategory();
+      this._initTwemoji();
+      this._initText();
+      this._initStyle();
+      this._initEvents()
+    },
+    _loadDatabase: function f() {
+      return $.ajax({
+        url: twa_database,
+        success: function (h) {
+          if (typeof h == "string") {
+            d = JSON.parse(h)
+          }
+          if (typeof h == "object") {
+            d = h
+          }
+        }
+      })
+    },
+    _initPicker: function () {
+      var h = this;
+      var clearText;
+      var buttonsHTML;
+
+      if (h.options.language == 'en') {
+        clearText    = 'Clear';
+        responseText = 'Copied to Clipboard';
+        placeholder  = h.options.placeholder;
+      } else if (h.options.language == 'de') {
+        clearText    = 'Löschen';
+        responseText = 'Kopiert zur Zwischenablage';
+        placeholder  = "Klicken Sie auf Picker zur Auswahl von Emoji's aus einer Kategorie";
+      } else {
+        clearText    = 'Clear';
+        responseText = 'in Clipboard';
+        placeholder  = h.options.placeholder;
+      }
+
+      buttonsHTML =  '<div class="twemoji-icon-picker">';
+      buttonsHTML +=   '<span id="open-group" class="mr-2" style="width: 2rem; height: 2rem;">';
+      buttonsHTML +=     '<button type="button" name="open-group" class="btn btn-flex btn-primary mr-2"><i class="toggle-button mdi mdi-lg mr-1 mdi-toggle-switch-off"></i> Picker </button>';
+      buttonsHTML +=   '</span>';
+      buttonsHTML +=   '<span id="clear-textarea" style="width: 2rem; height: 2rem;">';
+      buttonsHTML +=     '<button type="button" name="clear-textarea" class="btn btn-flex btn-primary"><i class="mdi mdi-close mdi-lg mr-1"></i>' + clearText + '</button>';
+      buttonsHTML +=   '</span>';
+      buttonsHTML += '</div>';
+
+      h.$id = "#" + h.$el["0"].id;
+      h.$pickerHeigth = h.options.height.replace("px", "");
+      h.$pickerHeigth = Number(h.$pickerHeigth);
+      h.$wrapper = h.$el.wrap('<div class="twemoji-wrap"></div>').parent();
+      h.$wrapper.append('<div class="twemoji-textarea" contentEditable="true" placeholder="' + placeholder + '"></div>');
+      h.$wrapper.append('<div class="twemoji-textarea-duplicate"></div>');
+      h.$wrapper.append(buttonsHTML);
+      h.$wrapper.append('<div class="twemoji-picker"></div>');
+      h.$el.hide();
+      h.$textarea = h.$wrapper.find(".twemoji-textarea");
+      h.$textareaDuplicate = h.$wrapper.find(".twemoji-textarea-duplicate").hide();
+      h.$iconPicker = h.$wrapper.find("#open-group");
+      h.$clearTextarea = h.$wrapper.find("#clear-textarea");
+      h.$picker = h.$wrapper.find(".twemoji-picker").hide()
+    },
+    _initCategory: function () {
+      var h = this;
+      var i = this.options.category;
+      this.categoryName = ["people", "nature", "object", "place", "symbol"];
+      this.$picker.append('<div class="twemoji-picker-category"></div>');
+      this.$pickerCategory = this.$picker.find(".twemoji-picker-category");
+      $.each(this.categoryName, function (j, k) {
+        h.$pickerCategory.append('<span data-category="' + k + '">' + h.imageFromName(i[j]) + "</span>")
+      });
+      this.$pickerCategory.find("span:first").addClass("active")
+    },
+    _initTwemoji: function () {
+      var h = this;
+      $.each(this.categoryName, function (j, k) {
+        h.$picker.append('<div class="twemoji-list ' + k + '"></div>');
+        $.each(d, function (i, l) {
+          if (l.category === k) {
+            h.$wrapper.find(".twemoji-picker ." + k).append('<span><img class="emoji" draggable="false" src="' + l.base64 + '" alt="' + l.value + '" title="' + l.name + '"></span>')
+          }
+        })
+      });
+      this.$twemojiList = this.$picker.find(".twemoji-list");
+      this.$twemojiList.not(":first").hide()
+    },
+    _initText: function () {
+      if (this.options.init) {
+        var j = this.options.init;
+        var i = /:([\w-]+):/g;
+        var h;
+        while (h == i.exec(j)) {
+          j = j.replace(h[0], this.imageFromName(h[1], true))
+        }
+        this.$textarea.html(j);
+        this.copyTextArea(this.$textarea.html())
+      }
+    },
+    _initStyle: function () {
+      this.$wrapper.css({
+        width: this.options.width ? this.options.width : "100%",
+        height: this.options.height ? this.options.height : "",
+      });
+      this.$wrapper.find("img").css({
+        width: this.options.size,
+        height: this.options.size,
+      });
+      this.$iconPicker.css({
+        width: this.options.iconSize,
+        height: this.options.iconSize,
+      });
+      this.$pickerCategory.find("img").css({
+        width: this.options.categorySize,
+        height: this.options.categorySize,
+      });
+      this.$twemojiList.css({
+        width: this.options.pickerWidth ? this.options.pickerWidth : "100%",
+        height: this.options.pickerHeight,
+      });
+      this.$picker.css({
+        width: this.options.pickerWidth ? this.options.pickerWidth : "100%",
+        top: this.options.pickerPosition === "top" ? "-" + this.$picker.outerHeight() + "px" : "",
+      })
+    },
+    _initEvents: function () {
+      var h = this;
+      this.$textarea.on("keyup", function () {
+        h.copyTextArea($(this).html())
+      });
+      this.$iconPicker.on("click", function () {
+        var i = $(".twemoji-picker").height() + b;
+        $("#picker").height(i);
+        $(".toggle-button").toggleClass("mdi-toggle-switch-off mdi-toggle-switch");
+        if (!h.openedPicker) {
+          h.openPicker()
+        } else {
+          h.closePicker();
+          $("#picker").height(h.$pickerHeigth)
+        }
+      });
+      this.$clearTextarea.on("click", function () {
+        h.copyTextArea('');
+        $(h.$id).val('');
+        $(".twemoji-textarea > .emoji-span").remove()
+      });
+      this.$pickerCategory.find("span").on("click", function () {
+        var i = $(this).data("category");
+        h.openCategory($(this), i)
+      });
+      this.$pickerCategory.find(".close").on("click", function () {
+        if (h.openedPicker) {
+          h.closePicker()
+        }
+      });
+      this.$twemojiList.find("img").on("click", function () {
+        h.copyTwemoji($(this))
+      })
+    },
+    copyText: function (text) {
+        var copyFrom = document.createElement('textarea');
+        copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
+        copyFrom.value = text;
+        document.body.appendChild(copyFrom);
+        copyFrom.select();
+        document.execCommand('copy');
+        var copied = document.createElement('div');
+        copied.setAttribute('class', 'copied');
+        copied.appendChild(document.createTextNode(responseText));
+        document.body.appendChild(copied);
+        setTimeout(function () {
+            document.body.removeChild(copyFrom);
+            document.body.removeChild(copied);
+        }, 1500);
+    },
+    openPicker: function () {
+      this.$picker.show();
+      this.openedPicker = true
+    },
+    closePicker: function () {
+      this.$picker.hide();
+      this.openedPicker = false
+    },
+    openCategory: function (h, i) {
+      this.$pickerCategory.find("span").removeClass("active");
+      h.addClass("active");
+      this.$twemojiList.not(".twemoji-picker ." + i).hide();
+      this.$twemojiList.filter(".twemoji-picker ." + i).show()
+    },
+    copyTwemoji: function (l) {
+      var i = l.attr("alt");
+      var k = l.attr("src");
+      var j = l.attr("title");
+      var h = "emoji:" + j + "[]";
+      this.copyText(h);
+      this.$textarea.focus();
+      this.pasteAtCursor('<span class="emoji-span"><img class="emoji" src="' + k + '" title="' + j + '" alt="' + i + '" width="' + this.options.size + '" height="' + this.options.size + '"> ' + h + "</span> ");
+      this.copyTextArea(this.$textarea.html())
+    },
+    copyTextArea: function (j) {
+      var h = this.$textareaDuplicate.html(j);
+      h.find("img").replaceWith(function () {
+        return this.alt
+      });
+      var i = h.html();
+      this.$el.text(i)
+    },
+    imageFromName: function (i, j) {
+      var h = $.grep(d, function (k) {
+        return k.name == i
+      });
+      if (j) {
+        return '<img class="emoji" src="' + h[0].base64 + '" alt="' + h[0].value + '" width="' + this.options.size + '" height="' + this.options.size + '">'
+      }
+      return '<img class="emoji" draggable="false" src="' + h[0].base64 + '" alt="' + i + '">'
+    },
+    pasteAtCursor: function (m) {
+      var l, h;
+      if (window.getSelection) {
+        l = window.getSelection();
+        if (l.getRangeAt && l.rangeCount) {
+          h = l.getRangeAt(0);
+          h.deleteContents();
+          var i = document.createElement("div");
+          i.innerHTML = m;
+          var n = document.createDocumentFragment(),
+            k, j;
+          while ((k = i.firstChild)) {
+            j = n.appendChild(k)
+          }
+          h.insertNode(n);
+          if (j) {
+            h = h.cloneRange();
+            h.setStartAfter(j);
+            h.collapse(true);
+            l.removeAllRanges();
+            l.addRange(h)
+          }
+        }
+      } else {
+        if (document.selection && document.selection.type != "Control") {
+          document.selection.createRange().pasteHTML(m)
+        }
+      }
+    }
+  };
+  $.fn.twemojiPicker = function (i) {
+    var h = $.data(this, "twemojiPicker");
+    this.each(function () {
+      h ? h._init() : h = $.data(this, "twemojiPicker", new $.TwemojiPicker(this, i));
+    });
+    return h
+  }
+})(jQuery, window, document);

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2022.4.9'
+  VERSION = '2022.4.10'
 end

data/lib/starter_web/Gemfile

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

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2022.4.9
+version:                                2022.4.10
 
 # version
 # ------------------------------------------------------------------------------
@@ -270,7 +270,7 @@ robots:
 
 brand:
   image:                                modules/icons/j1/j1-512x512.png
-  image_height:                         48
+  image_height:                         48px
   text:                                 Jekyll One
   text_color:                           "#9E9E9E"
 

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

@@ -112,7 +112,7 @@ settings:
                     translate:          notranslate                             # translate|notranslate
                     title:              Roundtrip
                     tagline:            learn top features
-                    class:              btn btn-xl btn-primary text-uppercase text-left mr-2 mb-2
+                    class:              btn btn-raised btn-xl btn-primary text-uppercase text-left mr-2 mb-2
                     style:              "min-width: 270px"
                     icon:               briefcase-search-outline
                     icon_color:
@@ -126,7 +126,7 @@ settings:
                     translate:          notranslate                             # translate|notranslate
                     title:              Download
                     tagline:            get on rubygems
-                    class:              btn btn-xl btn-primary text-uppercase text-left mr-2 mb-2
+                    class:              btn btn-raised btn-xl btn-primary text-uppercase text-left mr-2 mb-2
                     style:              "min-width: 270px"
                     icon:               briefcase-download-outline
                     icon_color:
@@ -181,9 +181,12 @@ settings:
               cite_text_size:             300%
               cite_text_quotes:           false
               cite_text: >
-                                          <strong><span class="text-primary">Making is</span>
-                                          like Wanting, <br> but even
-                                          <span class="text-primary">Better</span></strong>
+                                          <strong>
+                                            <span class="text-primary">Making is</span>
+                                            <span class="text-light">like Wanting, <br> but even</span>
+                                            <span class="text-primary">Better</span>
+                                          </strong>
+
               text_color:                 "#E0E0E0"
               gridify:                    true
               size_y:                     450

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

@@ -154,7 +154,7 @@ settings:
                                         the Web and the Web site generator Jekyll. J1 is Open
                                         Source and the modules packed as well.
                                         <br><br>
-                                        <b>No pain for private or professional use.</b>
+                                        <i>No pain for private or professional use.</i>
 
             justify:                    true
 

data/lib/starter_web/_data/modules/attics.yml

@@ -64,7 +64,7 @@ settings:
     # --------------------------------------------------------------------------
     # layouts posts|pages
     #
-    - name:                             Page_Post
+    - name:                             Pages and Posts
       attic:
         enabled:                        true
         id:                             attic_page_post
@@ -73,14 +73,26 @@ settings:
         padding_bottom:                 50
         opacity:                        0.5
 
+    # --------------------------------------------------------------------------
+    # layouts raw
+    #
+    - name:                             Raw pages
+      attic:
+        enabled:                        true
+        id:                             attic_raw
+        layout:                         [ raw ]
+        padding_top:                    400
+        padding_bottom:                 50
+        opacity:                        0.5
+
     # --------------------------------------------------------------------------
     #  layouts collection|app|raw
     #
-    - name:                             Text attic
+    - name:                             Text pages
       attic:
         enabled:                        true
         id:                             attic_text
-        layout:                         [ collection, app, raw ]
+        layout:                         [ collection, app ]
 
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/modules/defaults/navigator.yml

@@ -89,7 +89,7 @@ defaults:
     position:                           left
     bottom_line_height:                 1
     bottom_line_color:                  "#EEEEEE"                               # md-grey-200
-    background_color_full:              rgba(0, 0, 0, 0.4)                      # darken-400
+    background_color_full:              rgba(0, 0, 0, 0.8)                      # darken-600
     background_color_collapsed:         "#2196F3"                               # md-blue
     background_color_scrolled:          "#2196F3"                               # md-blue
 
@@ -135,9 +135,11 @@ defaults:
     icon_style:                         mdi                                     # far regular icon
     icon_color:                         "#9E9E9E"                               # md-grey
     icon_size:                          mdi-sm
-    menu_item_color:                    rgba(255, 255, 255, 0.5)                # rgba-lighten
-    menu_item_color_hover:              rgba(255, 255, 255, 0.9)                # rgba-lighten-900
+    menu_item_color:                    rgba(255, 255, 255, 0.9)                # rgba-lighten
+    menu_item_color_hover:              rgba(255, 255, 255, 0.5)                # rgba-lighten-900
     dropdown_style:                     raised
+    dropdown_color:                     '#2196f3'
+    dropdown_left:                      12                                      # px
     dropdown_item_style:                flat
     dropdown_animate:                   false
     dropdown_animate_in:                slideInDown
@@ -149,9 +151,9 @@ defaults:
     dropdown_padding_x:                 18                                      # rem
     dropdown_padding_y:                 10                                      # px
     dropdown_item_color:                "#212121"                               # md-grey-900
-    dropdown_border_color:              "#3f51b5"                               # BS bg-primary
+    dropdown_border_color:              "#2196f3"                               # BS bg-primary
     dropdown_border_top:                0                                       # 3, px
-    dropdown_border_radius:             0                                       # px
+    dropdown_border_radius:             2                                       # px
     dropdown_background_color_hover:    "#ECEFF1"                               # md-bluegrey-50
     dropdown_background_color_active:   "#CFD8DC"                               # md-bluegrey-100