type-on-strap 2.4.7 → 2.4.9

data/_sass/includes/_navbar.scss

@@ -80,13 +80,11 @@ nav {
 
     &#pull {
       i {
-        margin-top: 13px;
-        margin-right: 10px;
+        margin-top: 22px;
+        margin-right: 18px;
         float: right;
       }
-
     }
-
   }
 }
 
@@ -96,6 +94,10 @@ nav {
   a#pull {
     display: none;
   }
+
+  .navbar-label-with-icon {
+    display: none;
+  }
 }
 
 @media screen and (max-width: $break) {

data/_sass/includes/_share_buttons.scss

@@ -1,6 +1,6 @@
 ul.share-buttons {
   list-style: none;
-  padding: $padding-x-small/2 0 $padding-x-small/4 0;
+  padding: 1.5% 0 0.75% 0;
   margin: 0;
   text-align: center;
 

data/_sass/layouts/_categories.scss

@@ -1,4 +1,6 @@
+#archive,
 #categories {
+  .archive-clouds,
   .category-clouds {
     margin: 30px 0 30px;
 
@@ -30,12 +32,14 @@
       color: var(--header-text);
     }
 
+    .archive-anchor:hover,
     .category-anchor:hover {
       text-decoration: none !important;
       filter: none;
     }
   }
 
+  .archive-group,
   .category-group {
     padding: 15px 0 10px;
 
@@ -71,6 +75,7 @@
         height: 100%;
       }
 
+      .archive-post-link:hover,
       .category-post-link:hover {
         text-decoration: none;
 

data/_sass/layouts/_posts.scss

@@ -99,7 +99,7 @@ header {
   header {
     color: var(--header-text);
     margin-bottom: 0;
-    padding: $padding-large/2.5 $padding-large;
+    padding: 3.6% $padding-large;
 
     .meta {
       color: var(--header-text);

data/assets/data/search.liquid

@@ -1,29 +1,8 @@
 ---
 ---
-[
-  {% for post in site.posts %}
-  {
-    "title"    : "{{ post.title | strip_newlines | escape }}",
-    "category" : "{{ post.category }}",
-    "tags"     : "{{ post.tags | join: ', ' | prepend: " " }}",
-    "url"      : "{{ post.url | relative_url }}",
-    "date"     : "{{ post.date | date: "%B %-d, %Y" }}",
-    "excerpt"  : {{ post.content | strip_html | truncate: '250' | escape | jsonify }},
-  "content"  : {{ post.content | strip_html | escape | jsonify }}
-} {% unless forloop.last %},{% endunless %}
-  {% endfor %}
-  {% if site.portfolio.size > 0 %},{% endif %}
-  {% for page in site.portfolio %}
-  {
-  {% if page.title != nil %}
-  "title"    : "{{ page.title | strip_newlines | escape }}",
-  "category" : "{{ page.category }}",
-  "tags"     : "{{ page.tags | join: ', ' | prepend: " " }}",
-  "url"      : "{{ page.url | relative_url }}",
-  "date"     : "{{ page.date | date: "%B %-d, %Y" }}",
-  "excerpt"  : {{ page.content | strip_html | truncate: '250' | jsonify }},
-  "content"  : {{ page.content | strip_html | escape | jsonify }}
-  {% endif %}
-} {% unless forloop.last %},{% endunless %}
-  {% endfor %}
-]
+{% comment %}
+The json is created in search_input.liquid and included here to be compresed
+{% endcomment %}
+{% capture _search %}{% include default/search_input.liquid %}{% endcapture %}
+{% assign emptyField = '{ },' %}
+{{ _search | split: " " | join: " " | remove: emptyField }}

data/assets/js/main.min.js

@@ -1,6 +1,6 @@
 /* @preserve Cookie Consent Init */
-function createCookie(e,t,o){var n="";if(o){var i=new Date;i.setTime(i.getTime()+24*o*60*60*1e3),n="; expires="+i.toUTCString()}document.cookie=`${e}=${t}${n}; path=/`}function readCookie(e){for(var t=e+"=",o=document.cookie.split(";"),n=0;n<o.length;n++){for(var i=o[n];" "===i.charAt(0);)i=i.substring(1,i.length);if(0===i.indexOf(t))return i.substring(t.length,i.length)}return null}function addCookieConsentListener(){document.getElementById("cookie-notice-accept").addEventListener("click",(function(){createCookie(cookieName,"true",31),document.getElementById("cookie-notice").style.display="none",location.reload()}))}function googleAnalytics(){if(""!==analyticsName.toLowerCase()){function e(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],e("js",new Date),e("config",analyticsName,{anonymize_ip:!0}),analyticsNameGA4&&e("config",analyticsNameGA4,{anonymize_ip:!0})}}"true"===isCookieConsent.toLowerCase()?(addCookieConsentListener(),"true"===readCookie(cookieName)?googleAnalytics():document.getElementById("cookie-notice").style.display="block"):googleAnalytics()
-/* @preserve Dark mode Init */;const themeButton={light:'<i class="fas fa-adjust" aria-hidden="true"></i>',dark:'<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i>'},currentTheme=()=>localStorage.getItem("theme");function setMode(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e);const t=document.getElementById("theme-toggle");t&&(t.innerHTML=themeButton[e])}function themeToggle(){setMode("light"===currentTheme()?"dark":"light")}function bootstrapTheme(){if(isAutoTheme){if(!currentTheme()){let e=window.matchMedia("(prefers-color-scheme: dark)");e.matches&&localStorage.setItem("theme","dark"),e.addEventListener("change",(()=>{e.matches&&localStorage.setItem("theme","dark")}))}let e=currentTheme();setMode(e||"light")}}bootstrapTheme();
+function createCookie(e,t,n){var o="";if(n){var a=new Date;a.setTime(a.getTime()+24*n*60*60*1e3),o="; expires="+a.toUTCString()}document.cookie=`${e}=${t}${o}; path=/`}function readCookie(e){for(var t=e+"=",n=document.cookie.split(";"),o=0;o<n.length;o++){for(var a=n[o];" "===a.charAt(0);)a=a.substring(1,a.length);if(0===a.indexOf(t))return a.substring(t.length,a.length)}return null}function addCookieConsentListener(){document.getElementById("cookie-notice-accept").addEventListener("click",(function(){createCookie(cookieName,"true",31),document.getElementById("cookie-notice").style.display="none",location.reload()}))}function googleAnalytics(){if(""!==analyticsName.toLowerCase()){function e(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],e("js",new Date),e("config",analyticsName,{anonymize_ip:!0}),analyticsNameGA4&&e("config",analyticsNameGA4,{anonymize_ip:!0})}}"true"===isCookieConsent.toLowerCase()?(addCookieConsentListener(),"true"===readCookie(cookieName)?googleAnalytics():document.getElementById("cookie-notice").style.display="block"):googleAnalytics()
+/* @preserve Dark mode Init */;const themeButton={light:`<i class="fas fa-adjust" aria-hidden="true"></i><span class="navbar-label-with-icon"> ${darkBtn}</span>`,dark:`<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i><span class="navbar-label-with-icon"> ${lightBtn}</span>`};function currentTheme(){return localStorage.getItem("theme")}function setMode(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e);const t=document.getElementById("theme-toggle");t&&(t.innerHTML=themeButton[e])}function themeToggle(){setMode("light"===currentTheme()?"dark":"light")}function bootstrapTheme(){if(isAutoTheme){if(!currentTheme()){let e=window.matchMedia("(prefers-color-scheme: dark)");e.matches&&localStorage.setItem("theme","dark"),e.addEventListener("change",(()=>{e.matches&&localStorage.setItem("theme","dark")}))}let e=currentTheme();setMode(e||"light")}}bootstrapTheme();
 /* @preserve Masonry Init */
 try{var elem=document.querySelector(".grid"),msnry=new Masonry(elem,{itemSelector:".grid-item",columnWidth:".grid-sizer",gutter:".gutter-sizer",percentPosition:!0}),imgLoad=imagesLoaded(elem);imgLoad.on("progress",(function(e,t){msnry.layout()}))}catch(e){if(!(e instanceof ReferenceError))throw e}
-/* @preserve Navbar */document.addEventListener("DOMContentLoaded",(function(e){const t=document.getElementById("pull"),o=document.querySelector("nav ul");["click","touch"].forEach((function(e){t?.addEventListener(e,(function(){o.classList.toggle("hide")}),!1)})),window.addEventListener("scroll",(function(){const e=-(window.scrollY||window.pageYOffset||document.body.scrollTop)/3,t=document.getElementById("main");t&&(t.style.backgroundPosition="100% "+(e-50)+"px, 0%, center top")}))}));
+/* @preserve Navbar */document.addEventListener("DOMContentLoaded",(function(e){const t=document.getElementById("pull"),n=document.querySelector("nav ul");["click","touch"].forEach((function(e){t?.addEventListener(e,(function(){n.classList.toggle("hide")}),!1)})),window.addEventListener("scroll",(function(){const e=-(window.scrollY||window.pageYOffset||document.body.scrollTop)/3,t=document.getElementById("main");t&&(t.style.backgroundPosition="100% "+(e-50)+"px, 0%, center top")}))}));

data/assets/js/partials/cookie_consent_init.js

@@ -1,4 +1,9 @@
 /* @preserve Cookie Consent Init */
+/*
+ * This script is used to display a cookie consent banner.
+ * The variables isCookieConsent, cookieName, analyticsName are defined in head.liquid from the _config.yml
+ * The variables cookieNotice and cookieNoticeAccept are defined in head.liquid from the _data/translations.yml
+ */
 function createCookie(name, value, days) {
   var expires = "";
   if (days) {

data/assets/js/partials/dark-mode.js

@@ -1,32 +1,37 @@
 /* @preserve Dark mode Init */
 /*
- * There are two color palettes on CSS for the data-theme: 'light' and 'dark'.
- * Initially the script check if a theme is set in session storage and
+ * There are two colour palettes on CSS for the data-theme: 'light' and 'dark'.
+ * Initially the script checks if a theme is set in session storage and
  * alternatively listens to a MediaQuery callback looking for "prefers-color-scheme: dark".
+ *
+ * The variables darkBtn and lightBtn are defined in head.liquid from the _data/translations.yml
+ * The isAutoTheme is defined in head.liquid from the _config.yml
  */
 
 const themeButton = {
-    'light': '<i class="fas fa-adjust" aria-hidden="true"></i>',
-    'dark': '<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i>'
-}
+    'light': `<i class="fas fa-adjust" aria-hidden="true"></i><span class="navbar-label-with-icon"> ${darkBtn}</span>`,
+    'dark': `<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i><span class="navbar-label-with-icon"> ${lightBtn}</span>`
+};
 
-const currentTheme = () => localStorage.getItem('theme')
+function currentTheme(){
+    return localStorage.getItem('theme');
+}
 
 function setMode(theme) {
-    document.documentElement.setAttribute('data-theme', theme)
-    localStorage.setItem('theme', theme)
-    const toggle = document.getElementById('theme-toggle')
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('theme', theme);
+    const toggle = document.getElementById('theme-toggle');
     if (toggle) {
-        toggle.innerHTML = themeButton[theme]
+        toggle.innerHTML = themeButton[theme];
     }
 }
 
 function themeToggle() {
-    let sessionPrefers = currentTheme()
+    let sessionPrefers = currentTheme();
     if (sessionPrefers === 'light') {
-        setMode('dark')
+        setMode('dark');
     } else {
-        setMode('light')
+        setMode('light');
     }
 }
 
@@ -37,17 +42,16 @@ function bootstrapTheme() {
             let browserPrefersDark = window.matchMedia('(prefers-color-scheme: dark)');
             if (browserPrefersDark.matches) localStorage.setItem('theme', 'dark');
             browserPrefersDark.addEventListener('change', () => {
-                if (browserPrefersDark.matches) localStorage.setItem('theme', 'dark')
+                if (browserPrefersDark.matches) localStorage.setItem('theme', 'dark');
             });
         }
-
         // Load theme
-        let sessionPrefers = currentTheme()
-        setMode(sessionPrefers ? sessionPrefers : 'light')
+        let sessionPrefers = currentTheme();
+        setMode(sessionPrefers ? sessionPrefers : 'light');
     }
 }
 
 // Init
 (function () {
     bootstrapTheme();
-})()
+})()

data/assets/js/vendor/katex.auto-render.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var i={};return function(){n.d(i,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,i=0,a=e.length;n<t.length;){var o=t[n];if(i<=0&&t.slice(n,n+a)===e)return n;"\\"===o?n++:"{"===o?i++:"}"===o&&i--,n++}return-1},a=/^\\begin{/,o=function(e,t){for(var n,i=[],o=new RegExp("("+t.map((function(e){return e.left.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")})).join("|")+")");-1!==(n=e.search(o));){n>0&&(i.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));var l=t.findIndex((function(t){return e.startsWith(t.left)}));if(-1===(n=r(t[l].right,e,t[l].left.length)))break;var d=e.slice(0,n+t[l].right.length),s=a.test(d)?d:e.slice(t[l].left.length,n);i.push({type:"math",data:s,rawData:d,display:t[l].display}),e=e.slice(n+t[l].right.length)}return""!==e&&i.push({type:"text",data:e}),i},l=function(e,r){var n=o(e,r.delimiters);if(1===n.length&&"text"===n[0].type)return null;for(var i=document.createDocumentFragment(),a=0;a<n.length;a++)if("text"===n[a].type)i.appendChild(document.createTextNode(n[a].data));else{var l=document.createElement("span"),d=n[a].data;r.displayMode=n[a].display;try{r.preProcess&&(d=r.preProcess(d)),t().render(d,l,r)}catch(e){if(!(e instanceof t().ParseError))throw e;r.errorCallback("KaTeX auto-render: Failed to parse `"+n[a].data+"` with ",e),i.appendChild(document.createTextNode(n[a].rawData));continue}i.appendChild(l)}return i},d=function e(t,r){for(var n=0;n<t.childNodes.length;n++){var i=t.childNodes[n];if(3===i.nodeType){for(var a=i.textContent,o=i.nextSibling,d=0;o&&o.nodeType===Node.TEXT_NODE;)a+=o.textContent,o=o.nextSibling,d++;var s=l(a,r);if(s){for(var f=0;f<d;f++)i.nextSibling.remove();n+=s.childNodes.length-1,t.replaceChild(s,i)}else n+=d}else 1===i.nodeType&&function(){var t=" "+i.className+" ";-1===r.ignoredTags.indexOf(i.nodeName.toLowerCase())&&r.ignoredClasses.every((function(e){return-1===t.indexOf(" "+e+" ")}))&&e(i,r)}()}},s=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters||[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags||["script","noscript","style","textarea","pre","code","option"],r.ignoredClasses=r.ignoredClasses||[],r.errorCallback=r.errorCallback||console.error,r.macros=r.macros||{},d(e,r)}}(),i=i.default}()}));