Use 4 level indentation everywhere

master
Maik de Kruif 13 hours ago
parent dd9e97016c
commit c859780f74
No known key found for this signature in database
GPG Key ID: DB1A8C782DD43CB3
  1. 335
      config/_default/hugo.toml
  2. 4
      config/production/hugo.toml
  3. 38
      themes/maik-blog/assets/js/nav.js
  4. 8
      themes/maik-blog/assets/scss/_buttons.scss
  5. 11
      themes/maik-blog/assets/scss/_code.scss
  6. 12
      themes/maik-blog/assets/scss/_fonts.scss
  7. 4
      themes/maik-blog/assets/scss/_footer.scss
  8. 6
      themes/maik-blog/assets/scss/_main.scss
  9. 2
      themes/maik-blog/assets/scss/_masonry.scss
  10. 2
      themes/maik-blog/assets/scss/_mixins.scss
  11. 22
      themes/maik-blog/theme.toml

@ -25,177 +25,184 @@ enableGitInfo = true
enableEmoji = true enableEmoji = true
[permalinks] [permalinks]
[permalinks.page] [permalinks.page]
posts = "/posts/:title/" posts = "/posts/:title/"
writeups = "/:sections/:title/" writeups = "/:sections/:title/"
# writeups = "/writeups/:title/" # writeups = "/writeups/:title/"
portfolio = "/portfolio/:title/" portfolio = "/portfolio/:title/"
[outputs] [outputs]
home = ["HTML", "RSS"] home = ["HTML", "RSS"]
page = ["HTML", "RSS"] page = ["HTML", "RSS"]
[pagination] [pagination]
pagerSize = 12 pagerSize = 12
[params] [params]
dateform = "Jan 2, 2006" dateform = "Jan 2, 2006"
dateformShort = "Jan 2" dateformShort = "Jan 2"
dateformNum = "2006-01-02" dateformNum = "2006-01-02"
dateformNumTime = "2006-01-02 15:04 -0700" dateformNumTime = "2006-01-02 15:04 -0700"
dateformMonth = "Jan, 2006" dateformMonth = "Jan, 2006"
# Metadata mostly used in document's head # 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." 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" keywords = "Devloper, Software Engineer, Software Developer, Maik, Computer Science, Portfolio, Blog, Maik de Kruif"
images = [""] images = [""]
genre = "Blog" genre = "Blog"
rssLimit = 15 rssLimit = 15
showReadingTimeInList = false showReadingTimeInList = false
homeSubtitle = "Software Engineering, Linux and Cyber Security" homeSubtitle = "Software Engineering, Linux and Cyber Security"
# Prefix of link to the git commit detail page. GitInfo must be enabled. # Prefix of link to the git commit detail page. GitInfo must be enabled.
gitUrl = "https://github.com/maikka39/Personal-Website/commit/" gitUrl = "https://github.com/maikka39/Personal-Website/commit/"
# Add domain for GoatCounter to enable # Add domain for GoatCounter to enable
goatCounter = "webstats.maik.dev" goatCounter = "webstats.maik.dev"
# Show pageviews on posts, writeups, etc. # Show pageviews on posts, writeups, etc.
showPageViews = true showPageViews = true
# Set disableReadOtherPosts to true in order to hide the links to other posts. # Set disableReadOtherPosts to true in order to hide the links to other posts.
disableReadOtherPosts = false disableReadOtherPosts = false
# Sharing buttons # Sharing buttons
# There are a lot of buttons preconfigured. If you want to change them, # There are a lot of buttons preconfigured. If you want to change them,
# generate the buttons here: https://sharingbuttons.io # generate the buttons here: https://sharingbuttons.io
# and add them into your own `layouts/partials/sharing-buttons.html` # and add them into your own `layouts/partials/sharing-buttons.html`
# Preconfigured: facebook, twitter, tumblr, email, pinterest, linkedin, reddit, xing, whatsapp, hackernews, telegram # Preconfigured: facebook, twitter, tumblr, email, pinterest, linkedin, reddit, xing, whatsapp, hackernews, telegram
enableSharingButtons = true enableSharingButtons = true
sharingButtons = ["twitter", "email", "linkedin", "reddit", "whatsapp", "telegram"] sharingButtons = [
"twitter",
# Integrate Javascript files or stylesheets by adding the url to the external assets or by "email",
# linking local files with their path relative to the static folder, e.g. "css/styles.css" "linkedin",
customCSS = [] "reddit",
customJS = [] "whatsapp",
"telegram",
# Toggle this option need to rebuild SCSS, requires extended version of Hugo ]
justifyContent = false # Set "text-align: justify" to .post-content.
# Integrate Javascript files or stylesheets by adding the url to the external assets or by
# Default theme "light" or "dark" # linking local files with their path relative to the static folder, e.g. "css/styles.css"
defaultTheme = "light" customCSS = []
themeColor = "#252627" customJS = []
# Colors for favicons # Toggle this option need to rebuild SCSS, requires extended version of Hugo
[params.favicon.color] justifyContent = false # Set "text-align: justify" to .post-content.
mask = "#252627"
msapplication = "#252627" # Default theme "light" or "dark"
theme = "#252627" defaultTheme = "light"
themeColor = "#252627"
[params.logo]
logoText = "$ cd /home/" # Colors for favicons
logoHomeLink = "/" [params.favicon.color]
mask = "#252627"
# Uncomment this if you want a portrait on your start page msapplication = "#252627"
[params.portrait] theme = "#252627"
path = "/img/home/portrait.png"
alt = "Portrait" [params.logo]
size = "175px" logoText = "$ cd /home/"
logoHomeLink = "/"
[params.author]
name = "Maik de Kruif" # Uncomment this if you want a portrait on your start page
email = "maik@maik.dev" [params.portrait]
twitter = "@maik_dev" path = "/img/home/portrait.png"
image = "/img/home/portrait.png" alt = "Portrait"
size = "175px"
[params.general]
twitter = "@maik_dev" [params.author]
name = "Maik de Kruif"
# Wallets email = "maik@maik.dev"
[[params.wallets]] twitter = "@maik_dev"
name = "XMR" image = "/img/home/portrait.png"
address = "83cfsXGHPaW81hKJtAPYZEgbfFqANMTXXRwghsBpjf5oTDRV3BnCC4jFno8tLTnF4C6gJzGjPEmpvjntXaiGBB7kVitkDKi"
[params.general]
# Social icons twitter = "@maik_dev"
[[params.social]]
name = "email" # Wallets
url = "mailto:maik@maik.dev" [[params.wallets]]
name = "XMR"
[[params.social]] address = "83cfsXGHPaW81hKJtAPYZEgbfFqANMTXXRwghsBpjf5oTDRV3BnCC4jFno8tLTnF4C6gJzGjPEmpvjntXaiGBB7kVitkDKi"
name = "github"
url = "https://github.com/maikka39" # Social icons
[[params.social]]
[[params.social]] name = "email"
name = "linkedin" url = "mailto:maik@maik.dev"
url = "https://www.linkedin.com/in/maikdekruif/"
[[params.social]]
[[params.social]] name = "github"
name = "twitter" url = "https://github.com/maikka39"
url = "https://twitter.com/maik_dev"
[[params.social]]
[[params.social]] name = "linkedin"
name = "discord" url = "https://www.linkedin.com/in/maikdekruif/"
url = "https://discord.gg/wXCMdzCDcH"
[[params.social]]
[[params.social]] name = "twitter"
name = "instagram" url = "https://twitter.com/maik_dev"
url = "https://www.instagram.com/maik.dev/"
[[params.social]]
[[params.social]] name = "discord"
name = "stackoverflow" url = "https://discord.gg/wXCMdzCDcH"
url = "https://stackoverflow.com/users/9146982/maik-de-kruif"
[[params.social]]
# [[params.social]] name = "instagram"
# name = "rss" url = "https://www.instagram.com/maik.dev/"
# url = "posts/index.xml"
[[params.social]]
# [[params.social]] name = "stackoverflow"
# name = "hackerrank" url = "https://stackoverflow.com/users/9146982/maik-de-kruif"
# url = "https://www.hackerrank.com/maik_dev"
# [[params.social]]
# [[params.social]] # name = "rss"
# name = "medium" # url = "posts/index.xml"
# url = "https://medium.com/@maikka39"
# [[params.social]]
[[params.social]] # name = "hackerrank"
name = "steam" # url = "https://www.hackerrank.com/maik_dev"
url = "https://steamcommunity.com/id/maikka39"
# [[params.social]]
[[params.social]] # name = "medium"
name = "reddit" # url = "https://medium.com/@maikka39"
url = "https://www.reddit.com/user/maikka39"
[[params.social]]
# [[params.social]] name = "steam"
# name = "lbry" url = "https://steamcommunity.com/id/maikka39"
# url = "https://lbry.tv/@Maik:c"
[[params.social]]
[[params.social]] name = "reddit"
name = "youtube" url = "https://www.reddit.com/user/maikka39"
url = "https://www.youtube.com/channel/UCepNO6s7q0Kcyn8cc3rZNFA"
# [[params.social]]
# name = "lbry"
# url = "https://lbry.tv/@Maik:c"
[[params.social]]
name = "youtube"
url = "https://www.youtube.com/channel/UCepNO6s7q0Kcyn8cc3rZNFA"
[languages] [languages]
[languages.en] [languages.en]
weight = 1 weight = 1
copyright = "© Maik de Kruif (maik_dev). All rights reserved." copyright = "© Maik de Kruif (maik_dev). All rights reserved."
[menu] [menu]
[[menu.main]] [[menu.main]]
identifier = "about" identifier = "about"
name = "About" name = "About"
url = "about/" url = "about/"
[[menu.main]] [[menu.main]]
identifier = "portfolio" identifier = "portfolio"
name = "Portfolio" name = "Portfolio"
url = "portfolio/" url = "portfolio/"
[[menu.main]] [[menu.main]]
identifier = "posts" identifier = "posts"
name = "Posts" name = "Posts"
url = "posts/" url = "posts/"
[[menu.main]] [[menu.main]]
identifier = "writeups" identifier = "writeups"
name = "Writeups" name = "Writeups"
url = "writeups/" url = "writeups/"

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

@ -1,38 +1,40 @@
// Path navigation on top left
window.addEventListener("load", () => { window.addEventListener("load", () => {
const terminal = document.getElementById('nav-terminal') const terminal = document.getElementById("nav-terminal");
const keyDown = (e) => { const keyDown = (e) => {
if (e.keyCode === 13) { 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) { 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 (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) { 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);
}) });

@ -48,10 +48,12 @@ a.button {
} }
&.primary { &.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 { &: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 { &.small {
font-size: .8rem; font-size: 0.8rem;
} }
&.wide { &.wide {

@ -20,9 +20,8 @@
} }
input[type="checkbox"]:checked { input[type="checkbox"]:checked {
~ .highlight,
~.highlight, ~ .code-toolbar .highlight {
~.code-toolbar .highlight {
max-height: 0; max-height: 0;
padding: 0; padding: 0;
@ -30,7 +29,7 @@
overflow: hidden; overflow: hidden;
} }
~.code-toolbar { ~ .code-toolbar {
padding: 0; padding: 0;
border-top: none; border-top: none;
@ -39,11 +38,11 @@
} }
} }
~label { ~ label {
border-radius: 10px; border-radius: 10px;
} }
~label .collapsable-code__toggle:after { ~ label .collapsable-code__toggle:after {
content: attr(data-label-expand); content: attr(data-label-expand);
} }
} }

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

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

@ -38,7 +38,8 @@ body {
color: $light-color; color: $light-color;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -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-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -213,7 +214,7 @@ figure {
&.floated-focus { &.floated-focus {
display: flex; display: flex;
position:fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100vw;
@ -505,7 +506,6 @@ table {
&::after { &::after {
right: 100%; right: 100%;
width: 1.5em; width: 1.5em;
} }
} }
} }

@ -3,8 +3,6 @@
margin-top: 20px; margin-top: 20px;
grid-gap: 20px 90px; grid-gap: 20px 90px;
grid-template-columns: repeat(2, minmax(250px, 1fr)); 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; margin: 0;

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

@ -1,14 +1,24 @@
name = "maik-blog" name = "maik-blog"
description = "A simple theme for my 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"] features = ["blog", "shortcode", "syntax highlighting"]
min_version = 0.30 min_version = 0.30
[author] [author]
name = "Maik de Kruif" name = "Maik de Kruif"
homepage = "https://maik.dev/" homepage = "https://maik.dev/"
[original] [original]
name = "hello-friend" name = "hello-friend"
homepage = "https://github.com/panr/hugo-theme-hello-friend" homepage = "https://github.com/panr/hugo-theme-hello-friend"
repo = "https://github.com/panr/hugo-theme-hello-friend" repo = "https://github.com/panr/hugo-theme-hello-friend"

Loading…
Cancel
Save