Use 4 level indentation everywhere

config/_default/hugo.toml

@@ -76,7 +76,14 @@ enableEmoji     = true
 # and add them into your own `layouts/partials/sharing-buttons.html`
 # Preconfigured: facebook, twitter, tumblr, email, pinterest, linkedin, reddit, xing, whatsapp, hackernews, telegram
 enableSharingButtons = true
-  sharingButtons = ["twitter", "email", "linkedin", "reddit", "whatsapp", "telegram"]
+sharingButtons = [
+  "twitter",
+  "email",
+  "linkedin",
+  "reddit",
+  "whatsapp",
+  "telegram",
+]
 
 # Integrate Javascript files or stylesheets by adding the url to the external assets or by
 # linking local files with their path relative to the static folder, e.g. "css/styles.css"

themes/maik-blog/assets/js/nav.js

@@ -1,38 +1,40 @@
+// Path navigation on top left
 window.addEventListener("load", () => {
-  const terminal = document.getElementById('nav-terminal')
+    const terminal = document.getElementById("nav-terminal");
 
     const keyDown = (e) => {
         if (e.keyCode === 13) {
-      if (document.activeElement !== document.body) return
+            if (document.activeElement !== document.body) return;
-      if (terminal.textContent.length === 0) return
+            if (terminal.textContent.length === 0) return;
 
-      if (terminal.textContent.includes("~")) terminal.textContent = ""
+            if (terminal.textContent.includes("~")) terminal.textContent = "";
 
-      window.location.href = window.location.origin + "/" + terminal.textContent
+            window.location.href =
-      return
+                window.location.origin + "/" + terminal.textContent;
+            return;
         }
 
         if (e.keyCode === 8) {
-      terminal.textContent = terminal.textContent.slice(0, -1)
+            terminal.textContent = terminal.textContent.slice(0, -1);
-      return
+            return;
         }
 
         if (e.keyCode === 192) {
-      if (terminal.textContent.length !== 0) return
+            if (terminal.textContent.length !== 0) return;
 
-      terminal.textContent += "~"
+            terminal.textContent += "~";
-      return
+            return;
         }
 
         if (e.keyCode === 191) {
-      terminal.textContent += "/"
+            terminal.textContent += "/";
-      return
+            return;
         }
 
-    if (e.keyCode < 65 || e.keyCode > 90) return
+        if (e.keyCode < 65 || e.keyCode > 90) return;
 
-    terminal.textContent += e.key.toLowerCase()
+        terminal.textContent += e.key.toLowerCase();
-  }
+    };
 
-  document.addEventListener('keydown', keyDown)
+    document.addEventListener("keydown", keyDown);
-})
+});

themes/maik-blog/assets/scss/_buttons.scss

@@ -48,10 +48,12 @@ a.button {
     }
 
     &.primary {
-    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
+        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11),
+            0 1px 3px rgba(0, 0, 0, 0.08);
 
         &:hover {
-      box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08);
+            box-shadow: 0 2px 6px rgba(50, 50, 93, 0.21),
+                0 1px 3px rgba(0, 0, 0, 0.08);
         }
     }
 
@@ -61,7 +63,7 @@ a.button {
     }
 
     &.small {
-    font-size: .8rem;
+        font-size: 0.8rem;
     }
 
     &.wide {

themes/maik-blog/assets/scss/_code.scss

@@ -20,7 +20,6 @@
     }
 
     input[type="checkbox"]:checked {
-
         ~ .highlight,
         ~ .code-toolbar .highlight {
             max-height: 0;

themes/maik-blog/assets/scss/_fonts.scss

@@ -1,5 +1,5 @@
 @font-face {
-  font-family: 'Inter UI';
+    font-family: "Inter UI";
     font-style: normal;
     font-display: fallback;
     font-weight: 400;
@@ -8,7 +8,7 @@
 }
 
 @font-face {
-  font-family: 'Inter UI';
+    font-family: "Inter UI";
     font-style: italic;
     font-display: fallback;
     font-weight: 400;
@@ -17,7 +17,7 @@
 }
 
 @font-face {
-  font-family: 'Inter UI';
+    font-family: "Inter UI";
     font-style: normal;
     font-display: auto;
     font-weight: 600;
@@ -26,7 +26,7 @@
 }
 
 @font-face {
-  font-family: 'Inter UI';
+    font-family: "Inter UI";
     font-style: italic;
     font-display: fallback;
     font-weight: 600;
@@ -35,7 +35,7 @@
 }
 
 @font-face {
-  font-family: 'Inter UI';
+    font-family: "Inter UI";
     font-style: normal;
     font-display: fallback;
     font-weight: 800;
@@ -44,7 +44,7 @@
 }
 
 @font-face {
-  font-family: 'Inter UI';
+    font-family: "Inter UI";
     font-style: italic;
     font-display: fallback;
     font-weight: 800;

themes/maik-blog/assets/scss/_main.scss

@@ -38,7 +38,8 @@ body {
     color: $light-color;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
-  font-feature-settings: "liga", "tnum", "case", "calt", "zero", "ss01", "locl";
+    font-feature-settings: "liga", "tnum", "case", "calt", "zero", "ss01",
+        "locl";
     -webkit-overflow-scrolling: touch;
     -webkit-text-size-adjust: 100%;
 
@@ -505,7 +506,6 @@ table {
                 &::after {
                     right: 100%;
                     width: 1.5em;
-
                 }
             }
         }

themes/maik-blog/assets/scss/_masonry.scss

@@ -3,8 +3,6 @@
     margin-top: 20px;
     grid-gap: 20px 90px;
     grid-template-columns: repeat(2, minmax(250px, 1fr));
-  // grid-auto-rows: 20px; // Set by JavaScript
-  // margin-bottom: calc(4 * 20px); // Set by JavaScript
 
     > * {
         margin: 0;

themes/maik-blog/assets/scss/_mixins.scss

@@ -1,3 +1,3 @@
 @mixin dimmed {
-  opacity: .6;
+    opacity: 0.6;
 }

themes/maik-blog/theme.toml

@@ -1,6 +1,16 @@
 name = "maik-blog"
 description = "A simple theme for my blog."
-tags = ["blog", "clean", "dark", "light", "monochromatic", "personal", "responsive"]
+tags = [
+  "blog",
+  "clean",
+  "dark",
+  "light",
+  "monochromatic",
+  "personal",
+  "responsive",
+  "technical",
+  "highlighting",
+]
 features = ["blog", "shortcode", "syntax highlighting"]
 min_version = 0.30