Use 4 level indentation everywhere

config/_default/hugo.toml

@@ -25,177 +25,184 @@ enableGitInfo   = true
 enableEmoji = true
 
 [permalinks]
-  [permalinks.page]
-    posts = "/posts/:title/"
-    writeups = "/:sections/:title/"
-    # writeups = "/writeups/:title/"
-    portfolio = "/portfolio/:title/"
+[permalinks.page]
+posts = "/posts/:title/"
+writeups = "/:sections/:title/"
+# writeups = "/writeups/:title/"
+portfolio = "/portfolio/:title/"
 
 [outputs]
-  home = ["HTML", "RSS"]
-  page = ["HTML", "RSS"]
+home = ["HTML", "RSS"]
+page = ["HTML", "RSS"]
 
 [pagination]
-  pagerSize  = 12
+pagerSize = 12
 
 [params]
-  dateform        = "Jan 2, 2006"
-  dateformShort   = "Jan 2"
-  dateformNum     = "2006-01-02"
-  dateformNumTime = "2006-01-02 15:04 -0700"
-  dateformMonth   = "Jan, 2006"
-
-  # Metadata mostly used in document's head
-  description = "Hey there, my name is Maik de Kruif, I create websites, bots and other kinds of software. At the moment, I'm still studying computer science at Avans University of Applied Sciences. I am also a big fan of open-source software, which is why you'll find many of my projects on Github. And last but not least, I love playing around with cyber-security related stuff."
-  keywords = "Devloper, Software Engineer, Software Developer, Maik, Computer Science, Portfolio, Blog, Maik de Kruif"
-  images = [""]
-
-  genre = "Blog"
-
-  rssLimit  = 15
-
-  showReadingTimeInList = false
-
-  homeSubtitle = "Software Engineering, Linux and Cyber Security"
-
-  # Prefix of link to the git commit detail page. GitInfo must be enabled.
-  gitUrl = "https://github.com/maikka39/Personal-Website/commit/"
-
-  # Add domain for GoatCounter to enable
-  goatCounter = "webstats.maik.dev"
-
-  # Show pageviews on posts, writeups, etc.
-  showPageViews = true
-
-  # Set disableReadOtherPosts to true in order to hide the links to other posts.
-  disableReadOtherPosts = false
-
-  # Sharing buttons
-  # There are a lot of buttons preconfigured. If you want to change them,
-  # generate the buttons here: https://sharingbuttons.io
-  # 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"]
-
-  # 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"
-  customCSS = []
-  customJS  = []
-
-  # Toggle this option need to rebuild SCSS, requires extended version of Hugo
-  justifyContent = false  # Set "text-align: justify" to .post-content.
-
-  # Default theme "light" or "dark"
-  defaultTheme = "light"
-  themeColor = "#252627"
-
-  # Colors for favicons
-  [params.favicon.color]
-    mask = "#252627"
-    msapplication = "#252627"
-    theme = "#252627"
-
-  [params.logo]
-    logoText     = "$ cd /home/"
-    logoHomeLink = "/"
-
-  # Uncomment this if you want a portrait on your start page
-  [params.portrait]
-    path     = "/img/home/portrait.png"
-    alt      = "Portrait"
-    size = "175px"
-
-  [params.author]
-    name = "Maik de Kruif"
-    email = "maik@maik.dev"
-    twitter = "@maik_dev"
-    image = "/img/home/portrait.png"
-
-  [params.general]
-    twitter = "@maik_dev"
-
-  # Wallets
-  [[params.wallets]]
-    name = "XMR"
-    address = "83cfsXGHPaW81hKJtAPYZEgbfFqANMTXXRwghsBpjf5oTDRV3BnCC4jFno8tLTnF4C6gJzGjPEmpvjntXaiGBB7kVitkDKi"
-
-  # Social icons
-  [[params.social]]
-    name = "email"
-    url  = "mailto:maik@maik.dev"
-
-  [[params.social]]
-    name = "github"
-    url  = "https://github.com/maikka39"
-
-  [[params.social]]
-    name = "linkedin"
-    url  = "https://www.linkedin.com/in/maikdekruif/"
-
-  [[params.social]]
-    name = "twitter"
-    url  = "https://twitter.com/maik_dev"
-
-  [[params.social]]
-    name = "discord"
-    url  = "https://discord.gg/wXCMdzCDcH"
-
-  [[params.social]]
-    name = "instagram"
-    url  = "https://www.instagram.com/maik.dev/"
-
-  [[params.social]]
-    name = "stackoverflow"
-    url  = "https://stackoverflow.com/users/9146982/maik-de-kruif"
-
-  # [[params.social]]
-  #   name = "rss"
-  #   url  = "posts/index.xml"
-
-  # [[params.social]]
-  #   name = "hackerrank"
-  #   url  = "https://www.hackerrank.com/maik_dev"
-
-  # [[params.social]]
-  #   name = "medium"
-  #   url  = "https://medium.com/@maikka39"
-
-  [[params.social]]
-    name = "steam"
-    url  = "https://steamcommunity.com/id/maikka39"
-
-  [[params.social]]
-    name = "reddit"
-    url  = "https://www.reddit.com/user/maikka39"
-
-  # [[params.social]]
-  #   name = "lbry"
-  #   url  = "https://lbry.tv/@Maik:c"
-
-  [[params.social]]
-    name = "youtube"
-    url  = "https://www.youtube.com/channel/UCepNO6s7q0Kcyn8cc3rZNFA"
+dateform = "Jan 2, 2006"
+dateformShort = "Jan 2"
+dateformNum = "2006-01-02"
+dateformNumTime = "2006-01-02 15:04 -0700"
+dateformMonth = "Jan, 2006"
+
+# Metadata mostly used in document's head
+description = "Hey there, my name is Maik de Kruif, I create websites, bots and other kinds of software. At the moment, I'm still studying computer science at Avans University of Applied Sciences. I am also a big fan of open-source software, which is why you'll find many of my projects on Github. And last but not least, I love playing around with cyber-security related stuff."
+keywords = "Devloper, Software Engineer, Software Developer, Maik, Computer Science, Portfolio, Blog, Maik de Kruif"
+images = [""]
+
+genre = "Blog"
+
+rssLimit = 15
+
+showReadingTimeInList = false
+
+homeSubtitle = "Software Engineering, Linux and Cyber Security"
+
+# Prefix of link to the git commit detail page. GitInfo must be enabled.
+gitUrl = "https://github.com/maikka39/Personal-Website/commit/"
+
+# Add domain for GoatCounter to enable
+goatCounter = "webstats.maik.dev"
+
+# Show pageviews on posts, writeups, etc.
+showPageViews = true
+
+# Set disableReadOtherPosts to true in order to hide the links to other posts.
+disableReadOtherPosts = false
+
+# Sharing buttons
+# There are a lot of buttons preconfigured. If you want to change them,
+# generate the buttons here: https://sharingbuttons.io
+# 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",
+]
+
+# 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"
+customCSS = []
+customJS = []
+
+# Toggle this option need to rebuild SCSS, requires extended version of Hugo
+justifyContent = false # Set "text-align: justify" to .post-content.
+
+# Default theme "light" or "dark"
+defaultTheme = "light"
+themeColor = "#252627"
+
+# Colors for favicons
+[params.favicon.color]
+mask = "#252627"
+msapplication = "#252627"
+theme = "#252627"
+
+[params.logo]
+logoText = "$ cd /home/"
+logoHomeLink = "/"
+
+# Uncomment this if you want a portrait on your start page
+[params.portrait]
+path = "/img/home/portrait.png"
+alt = "Portrait"
+size = "175px"
+
+[params.author]
+name = "Maik de Kruif"
+email = "maik@maik.dev"
+twitter = "@maik_dev"
+image = "/img/home/portrait.png"
+
+[params.general]
+twitter = "@maik_dev"
+
+# Wallets
+[[params.wallets]]
+name = "XMR"
+address = "83cfsXGHPaW81hKJtAPYZEgbfFqANMTXXRwghsBpjf5oTDRV3BnCC4jFno8tLTnF4C6gJzGjPEmpvjntXaiGBB7kVitkDKi"
+
+# Social icons
+[[params.social]]
+name = "email"
+url = "mailto:maik@maik.dev"
+
+[[params.social]]
+name = "github"
+url = "https://github.com/maikka39"
+
+[[params.social]]
+name = "linkedin"
+url = "https://www.linkedin.com/in/maikdekruif/"
+
+[[params.social]]
+name = "twitter"
+url = "https://twitter.com/maik_dev"
+
+[[params.social]]
+name = "discord"
+url = "https://discord.gg/wXCMdzCDcH"
+
+[[params.social]]
+name = "instagram"
+url = "https://www.instagram.com/maik.dev/"
+
+[[params.social]]
+name = "stackoverflow"
+url = "https://stackoverflow.com/users/9146982/maik-de-kruif"
+
+# [[params.social]]
+#   name = "rss"
+#   url  = "posts/index.xml"
+
+# [[params.social]]
+#   name = "hackerrank"
+#   url  = "https://www.hackerrank.com/maik_dev"
+
+# [[params.social]]
+#   name = "medium"
+#   url  = "https://medium.com/@maikka39"
+
+[[params.social]]
+name = "steam"
+url = "https://steamcommunity.com/id/maikka39"
+
+[[params.social]]
+name = "reddit"
+url = "https://www.reddit.com/user/maikka39"
+
+# [[params.social]]
+#   name = "lbry"
+#   url  = "https://lbry.tv/@Maik:c"
+
+[[params.social]]
+name = "youtube"
+url = "https://www.youtube.com/channel/UCepNO6s7q0Kcyn8cc3rZNFA"
 
 [languages]
-  [languages.en]
-    weight    = 1
-    copyright = "© Maik de Kruif (maik_dev). All rights reserved."
+[languages.en]
+weight = 1
+copyright = "© Maik de Kruif (maik_dev). All rights reserved."
 
 [menu]
-  [[menu.main]]
-    identifier = "about"
-    name       = "About"
-    url        = "about/"
-  [[menu.main]]
-    identifier = "portfolio"
-    name       = "Portfolio"
-    url        = "portfolio/"
-  [[menu.main]]
-    identifier = "posts"
-    name       = "Posts"
-    url        = "posts/"
-  [[menu.main]]
-    identifier = "writeups"
-    name       = "Writeups"
-    url        = "writeups/"
+[[menu.main]]
+identifier = "about"
+name = "About"
+url = "about/"
+[[menu.main]]
+identifier = "portfolio"
+name = "Portfolio"
+url = "portfolio/"
+[[menu.main]]
+identifier = "posts"
+name = "Posts"
+url = "posts/"
+[[menu.main]]
+identifier = "writeups"
+name = "Writeups"
+url = "writeups/"

config/production/hugo.toml

@@ -1,5 +1,5 @@
 baseURL = "https://maik.dev/"
 
 [services]
-  [services.googleAnalytics]
-    id = "UA-136337666-1"
+[services.googleAnalytics]
+id = "UA-136337666-1"

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 (terminal.textContent.length === 0) return
+            if (document.activeElement !== document.body) 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
-      return
+            window.location.href =
+                window.location.origin + "/" + terminal.textContent;
+            return;
         }
 
         if (e.keyCode === 8) {
-      terminal.textContent = terminal.textContent.slice(0, -1)
-      return
+            terminal.textContent = terminal.textContent.slice(0, -1);
+            return;
         }
 
         if (e.keyCode === 192) {
-      if (terminal.textContent.length !== 0) return
+            if (terminal.textContent.length !== 0) return;
 
-      terminal.textContent += "~"
-      return
+            terminal.textContent += "~";
+            return;
         }
 
         if (e.keyCode === 191) {
-      terminal.textContent += "/"
-      return
+            terminal.textContent += "/";
+            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,9 +20,8 @@
     }
 
     input[type="checkbox"]:checked {
-
-        ~.highlight,
-        ~.code-toolbar .highlight {
+        ~ .highlight,
+        ~ .code-toolbar .highlight {
             max-height: 0;
 
             padding: 0;
@@ -30,7 +29,7 @@
             overflow: hidden;
         }
 
-        ~.code-toolbar {
+        ~ .code-toolbar {
             padding: 0;
             border-top: none;
 
@@ -39,11 +38,11 @@
             }
         }
 
-        ~label {
+        ~ label {
             border-radius: 10px;
         }
 
-        ~label .collapsable-code__toggle:after {
+        ~ label .collapsable-code__toggle:after {
             content: attr(data-label-expand);
         }
     }

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/_footer.scss

@@ -37,7 +37,7 @@
                 @media #{$media-size-tablet} {
                     flex-direction: column;
                 }
-        &>*:not(:last-child)::after {
+                & > *:not(:last-child)::after {
                     content: "•";
                     padding: 0 5px;
 
@@ -47,7 +47,7 @@
                     }
                 }
 
-        &>*:last-child {
+                & > *:last-child {
                     padding: 0 5px;
 
                     @media #{$media-size-tablet} {

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%;
 
@@ -213,7 +214,7 @@ figure {
 
     &.floated-focus {
         display: flex;
-    position:fixed;
+        position: fixed;
         top: 0;
         left: 0;
         width: 100vw;
@@ -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,14 +1,24 @@
 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
 
 [author]
-  name = "Maik de Kruif"
-  homepage = "https://maik.dev/"
+name = "Maik de Kruif"
+homepage = "https://maik.dev/"
 
 [original]
-  name = "hello-friend"
-  homepage = "https://github.com/panr/hugo-theme-hello-friend"
-  repo = "https://github.com/panr/hugo-theme-hello-friend"
+name = "hello-friend"
+homepage = "https://github.com/panr/hugo-theme-hello-friend"
+repo = "https://github.com/panr/hugo-theme-hello-friend"