type-on-strap 2.4.0 → 2.4.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8389a7d6ea215d30a665c55a1395631f0fc555772ed192956637b81390cd36d6
-  data.tar.gz: 7bb8bef255c863b833801b5c6005c49c33a7c0d9d438f1733b3072685fa3f202
+  metadata.gz: 156bbe1cf170b38f6c26d3ef1d10ec7ab44bae0f906d319fe81f236bc3655e84
+  data.tar.gz: 70be3647db492019087c9a1dbb81efe75194a739829d9fb9807dd4fbad9195c5
 SHA512:
-  metadata.gz: 3f4da0e9cc2b2447859de17a193b26bede24f02a8f78be88556c44ab4f8cdceac7a57fc101959ebccf5707fb7e3b5a6734548641e4ee359f9be4a0f3bb119e92
-  data.tar.gz: 12acd5e8c2b5e807489bbffb5a9472c4488fbacf5af2be3daf396b65231f627d17f82b40df03f0b875e13e6417f3af9fee0f1d631c0d1585ea0e3e9f996744ff
+  metadata.gz: c2106f5c0a8fdb10ee22cc986ded7efcc21eb347e7ea68b54da1a8dd9c99327cde99ef4fb8cab8b937e0b8de889fdea53a0a986a7e03316295a95e7eb53f292e
+  data.tar.gz: 248f2a9d816a92a9ed1d8a32ebe615a49f8537cce9f88a22d313114fb36236ca383936bfcd63c27681b177dc526318d58996a1856923236b328a70542fd6f7e2

data/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016-2021 Sylhare
+Copyright (c) 2016-2022 Sylhare
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/README.md

@@ -251,7 +251,7 @@ Enable the [mermaid-js](https://github.com/mermaid-js/mermaid) diagram rendering
 This will load and init the [mermaid.min.js](https://mermaid-js.github.io/mermaid/getting-started/n00b-gettingStarted.html#4-calling-mermaid-from-a-relative-link).
 
 ```yml
-mermaid: true # to Enable it
+mermaid: default # Enable mermaid-js for diagrams, use theme: base, forest, dark, default, neutral
 ```
 
 Find all the help you need on the official [mermaid documentation](https://mermaid-js.github.io/mermaid/).
@@ -628,4 +628,4 @@ remote_theme: sylhare/Type-on-Strap
 This theme is licensed under the [The MIT License (MIT)](/LICENSE)
 
 - Pictures from [Pexels](https://www.pexels.com/) are under Creative Commons Zero (CC0) license
-- Fonts are licensed under the [SIL Open Font License (OFL)](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL) 
+- Fonts are licensed under the [SIL Open Font License (OFL)](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL)

data/_includes/default/head.liquid

@@ -41,12 +41,15 @@
     <script defer src="{{ '/assets/js/vendor/auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
     {% endif %}
 
-    <!-- Mermaid 8.13.10 -->
+    <!-- Mermaid 9.1.1 -->
     {% if site.mermaid %}
-    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({startOnLoad:true});"></script>
+    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({
+      startOnLoad:true,
+      theme: '{{ site.mermaid }}',
+    });"></script>
     {% endif %}
 
-    <!-- Simple Jekyll Search 1.9.1 -->
+    <!-- Simple Jekyll Search 1.10.0 -->
     <script src="{{ '/assets/js/vendor/simple-jekyll-search.min.js' | relative_url }}" type="text/javascript"></script>
 
     <!-- Google Analytics / Cookie Consent -->
@@ -54,6 +57,7 @@
       const cookieName = 'cookie-notice-dismissed-{{ site.url }}';
       const isCookieConsent = '{{ site.cookie_consent }}';
       const analyticsName = '{{ site.google_analytics }}';
+      const analyticsNameGA4 = '{{ site.google_analytics_ga4 }}';
     </script>
 
     {% if site.cookie_consent %}

data/_includes/default/tags_list.liquid

@@ -10,7 +10,7 @@
       {% endif %}
 
       {% for tag in tags %}
-        <li><a class="button" href="#{{ tag | cgi_escape }}">
+        <li><a class="button" href="{% unless 'Tags' == page.title %}{{ site.baseurl }}/tags{% endunless %}#{{ tag | cgi_escape }}">
           <p><i class="fas fa-tag fa-fw fa-sm"></i> {{ tag }}</p>
         </a></li>
       {% endfor %}

data/_includes/gallery.html

@@ -1,7 +1,7 @@
 <style>
 /* force scrollbar */
 html { overflow-y: scroll; }
-    
+
 /* To overwrite page's padding, to get bigger images */
 /* article {padding:2%;} */
 </style>
@@ -13,10 +13,10 @@ html { overflow-y: scroll; }
   {% if image.path contains include.gallery_path %}
     {% unless image.path contains '.md' %}
         <img src="{{ image.path | relative_url }}" alt="" class="grid-item" style="padding: 0;">
-    {% endunless %}  
+    {% endunless %}
   {% endif %}
 {% endfor %}
-</div> 
+</div>
 
-<script src="{{ '/assets/js/vendor/imagesloaded.min.js' | relative_url }}" type="text/javascript"></script>
+<script src="{{ '/assets/js/vendor/imagesloaded.pkgd.min.js' | relative_url }}" type="text/javascript"></script>
 <script src="{{ '/assets/js/vendor/masonry.pkgd.min.js' | relative_url }}" type="text/javascript"></script>

data/_layouts/default.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.4.0
+    Type on Strap jekyll theme v2.4.3
     Theme free for personal and commercial use under the MIT license
     https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
 -->

data/_layouts/post.liquid

@@ -56,10 +56,19 @@ layout: default
   }
 
   {% if page.color %}
-  .feature-image a { color: {{ page.color }} !important; }
+  .post-content a { color: {{ page.color }} !important; }
+  .share-buttons a { color: {{ page.color }} !important; }
+  .tag-list a:not(:hover) { color: {{ page.color }} !important; }
   div#post-nav a { color: {{ page.color }} !important; }
   footer a { color: {{ page.color }} !important; }
   .site-header nav a:hover {  color: {{ page.color }} !important; }
+  a.button:hover {
+    background: {{ page.color }} !important;
+    border: 1px solid {{ page.color }} !important;
+    color: white;
+    text-decoration: none;
+    filter: none;
+  }
   header#main {
       background-color: {{ page.color }} !important;
       background-image: url('{{ site.color_image | relative_url }}');

data/_sass/base/_highlight.scss

@@ -7,7 +7,7 @@ figure.highlight,
 .highlight code {
   position: relative;
   background: var(--base00);
-  color: var(--base05);
+  color: var(--base07);
   font-family: $monospace;
   font-size: $font-size-code;
   line-height: $font-height-code;
@@ -121,7 +121,7 @@ table.rouge-table {
   .ge{ /* Generic.Emph */
     font-style: italic  }
   .gh{ /* Generic.Heading */
-    color: var(--base05);font-weight: bold  }
+    color: var(--base07);font-weight: bold  }
   .gi{ /* Generic.Inserted */
     color: var(--base0a)  }
   .gp{ /* Generic.Prompt */
@@ -135,7 +135,7 @@ table.rouge-table {
   .k { /* Keyword */
     color: var(--base0d) }
   .kc{ /* Keyword.Constant */
-    color: var(--base0d)  }
+    color: var(--base0f)  }
   .kd{ /* Keyword.Declaration */
     color: var(--base0d)  }
   .kn{ /* Keyword.Namespace */
@@ -163,19 +163,19 @@ table.rouge-table {
   .mo{ /* Literal.Number.Oct */
     color: var(--base0e)  }
   .n{ /* Name */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .na{ /* Name.Attribute */
-    color: var(--base0b)  }
+    color: var(--base0c)  }
   .nb{ /* Name.Builtin */
     color: var(--base0c)  }
   .nc{ /* Name.Class */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .no{ /* Name.Constant */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .nd{ /* Name.Decorator */
     color: var(--base0f)  }
   .ni{ /* Name.Entity */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .ne{ /* Name.Exception */
     color: var(--base0c)  }
   .nf{ /* Name.Function */
@@ -183,27 +183,31 @@ table.rouge-table {
   .nl{ /* Name.Label */
     color: var(--base0c)  }
   .nn{ /* Name.Namespace */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .nt{ /* Name.Tag */
     color: var(--base08)  }
   .nv{ /* Name.Variable */
     color: var(--base0c)  }
   .nx{ /* Name.Other */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .o{ /* Operator */
     color: var(--base08)  }
   .ow{ /* Operator.Word */
     color: var(--base0d)  }
   .p{ /* Punctuation */
     color: var(--base05)  }
+  .pi{ /* Name.Property */
+    color: var(--base07)  }
   .py{ /* Name.Property */
-    color: var(--base05)  }
+    color: var(--base0d)  }
   .s{ /* Literal.String */
     color: var(--base0a)  }
+  .sa{ /* Literal.String.raw */
+    color: var(--base0a)  }
   .sb{ /* Literal.String.Backtick */
     color: var(--base0a)  }
   .sc{ /* Literal.String.Char */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .sd{ /* Literal.String.Doc */
     color: var(--base04)  }
   .s2{ /* Literal.String.Double */
@@ -229,7 +233,7 @@ table.rouge-table {
   .vi{ /* Name.Variable.Instance */
     color: var(--base0c)  }
   .w{ /* Text.Whitespace */
-    color: var(--base05)  }
+    color: var(--base07)  }
 }
 
 // Fix Github syntax display

data/_sass/base/_utility.scss

@@ -68,13 +68,13 @@ a.button {
     border: 1px solid var(--link);
     color: var(--background);
     text-decoration: none;
+    filter: none;
   }
 }
 
 .body-link {
   &:hover {
     text-decoration: underline;
-    color: var(--link);
     filter: brightness(0.85);
   }
 }
@@ -83,7 +83,6 @@ a.button {
   &:hover {
     text-decoration: none;
     color: var(--link);
-    filter: brightness(1.1);
   }
 }
 

data/_sass/base/_variables.scss

@@ -33,7 +33,7 @@ html, html[data-theme="light"] {
   --blockquote: #eef7fa;
   --selection: #d4d4d4;
   --meta: #595959;
-  --link: #337ab7;
+  --link: #0072B5;
   --header-background: #24292e;
   --header-text: #ffffff;
   --header-link: #383838;
@@ -81,11 +81,11 @@ html, html[data-theme="light"] {
   --base01: #2e3c43; // Lighter Background (Used for status bars) - NOT USED
   --base02: #314549; // Selection Background
   --base03: #546e7a; // Comments, Invisible, Line Highlighting
-  --base04: #b2ccd6; // Dark Foreground (Used for status bars) - NOT USED
-  --base05: #eeffff; // Light Foreground (Not often used)
-  --base06: #eeffff; // Light Background (Not often used)
+  --base04: #b2ccd6; // Dark Foreground (Used for status bars)
+  --base05: #eeffff; // Punctuation
+  --base06: #eeffff; // Highlight, Light Background
   --base07: #ffffff; // Default Foreground, Default text color
-  --base08: #f07178; // Parenthesis, Caret, Delimiters, Operators
+  --base08: #f07178; // Operators (and Parenthesis, Caret, Delimiters)
   --base09: #f78c6c; // Classes, Markup Bold, Search Text Background
   --base0a: #ffcb6b; // Strings, Inherited Class, Markup Code, Diff Inserted
   --base0b: #98c379; // Functions, Methods, Attribute IDs, Headings

data/_sass/includes/_footer.scss

@@ -20,15 +20,10 @@
         color: var(--link);
       }
 
-      @media (prefers-color-scheme: dark) {
-        a {
-          color: var(--meta);
-        }
-      }
-
       a:hover {
-        color: var(--link);
-        filter: brightness(0.85);
+        .fa-circle {
+          filter: brightness(0.85);
+        }
       }
     }
   }

data/_sass/layouts/_posts.scss

@@ -69,6 +69,10 @@ header {
     img {
       height: auto;
     }
+
+    &:hover {
+      text-decoration: none;
+    }
   }
 
   img {

data/_sass/layouts/_tags.scss

@@ -62,10 +62,10 @@
     font-size: 0.8em;
     line-height: normal;
   }
-}
 
-@media screen and (max-width: $sm-break) {
-  .tag-posts .meta {
-    display: none;
+  @media screen and (max-width: $sm-break) {
+    .meta {
+      display: none;
+    }
   }
 }

data/assets/js/partials/cookie_consent_init.js

@@ -35,6 +35,7 @@ function googleAnalytics() {
     function gtag() { dataLayer.push(arguments); }
     gtag('js', new Date());
     gtag('config', analyticsName);
+    gtag('config', analyticsNameGA4, { 'anonymize_ip': true });
 
     // Google analytics
     window.ga = window.ga || function () { (ga.q = ga.q || []).push(arguments) };

data/assets/js/vendor/imagesloaded.pkgd.min.js

@@ -0,0 +1,12 @@
+/*!
+ * imagesLoaded PACKAGED v5.0.0
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */
+!function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let i=this._events=this._events||{},s=i[t]=i[t]||[];return s.includes(e)||s.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this},e.off=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;let s=i.indexOf(e);return-1!=s&&i.splice(s,1),this},e.emitEvent=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;i=i.slice(0),e=e||[];let s=this._onceEvents&&this._onceEvents[t];for(let n of i){s&&s[n]&&(this.off(t,n),delete s[n]),n.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t})),
+  /*!
+   * imagesLoaded v5.0.0
+   * JavaScript is all like "You images are done yet or what?"
+   * MIT License
+   */
+  function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){let i=t.jQuery,s=t.console;function n(t,e,o){if(!(this instanceof n))return new n(t,e,o);let r=t;var h;("string"==typeof t&&(r=document.querySelectorAll(t)),r)?(this.elements=(h=r,Array.isArray(h)?h:"object"==typeof h&&"number"==typeof h.length?[...h]:[h]),this.options={},"function"==typeof e?o=e:Object.assign(this.options,e),o&&this.on("always",o),this.getImages(),i&&(this.jqDeferred=new i.Deferred),setTimeout(this.check.bind(this))):s.error(`Bad element for imagesLoaded ${r||t}`)}n.prototype=Object.create(e.prototype),n.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const o=[1,9,11];n.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!o.includes(e))return;let i=t.querySelectorAll("img");for(let t of i)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const r=/url\((['"])?(.*?)\1\)/gi;function h(t){this.img=t}function d(t,e){this.url=t,this.element=e,this.img=new Image}return n.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let i=r.exec(e.backgroundImage);for(;null!==i;){let s=i&&i[2];s&&this.addBackground(s,t),i=r.exec(e.backgroundImage)}},n.prototype.addImage=function(t){let e=new h(t);this.images.push(e)},n.prototype.addBackground=function(t,e){let i=new d(t,e);this.images.push(i)},n.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,i)=>{setTimeout((()=>{this.progress(t,e,i)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},n.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&s&&s.log(`progress: ${i}`,t,e)},n.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},h.prototype=Object.create(e.prototype),h.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},h.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},h.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:i}=this.img,s="PICTURE"===i.nodeName?i:this.img;this.emitEvent("progress",[this,s,e])},h.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},h.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},h.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},h.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype=Object.create(h.prototype),d.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},d.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},n.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(i=e,i.fn.imagesLoaded=function(t,e){return new n(this,t,e).jqDeferred.promise(i(this))})},n.makeJQueryPlugin(),n}));