small redesign =)

assets/scss/style.scss

@@ -1,10 +1,12 @@
-$body-font-color: #d3d3d3;
+$body-font-color: #ffffff;
+/* old: #d3d3d3 */
 $background-color: #212121;
 $link-font-color: #1492FF;
 $heading-font-color: #FF85B8;
 $code-font-color: #a4c0f4;
 $special-font-color: #c2f486;
 $main-font-family: 'Open Sans', sans-serif;
+$heading-font-family: 'Kreon', serif;
 $min-device-width: 940px;
 
 @font-face {
@@ -15,12 +17,20 @@ $min-device-width: 940px;
 	src: url('/fonts/open-sans-v35-latin-regular.woff2') format('woff2');
 }
 
+@font-face {
+	font-display: swap;
+	font-family: 'Kreon';
+	font-style: normal;
+	font-weight: 400;
+	src: url('/fonts/kreon-v37-latin-regular.woff2') format('woff2');
+}
+
+
 
 a {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 	text-decoration: none;
 	color: $link-font-color;
@@ -34,7 +44,6 @@ body {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 	font-family: $main-font-family;
 	font-size: 1.4em;
@@ -49,67 +58,45 @@ content h1 {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
+	font-family: $heading-font-family;
 	font-size: 1.5em;
 	vertical-align: baseline;
 	line-height: 100%;
 	margin-top: 2rem;
 	margin-bottom: 1rem;
 	color: $heading-font-color;
-	/*
-
-	&:before {
-		content: "# ";
-		content: "# " / "";
-	}
-
-	&:after {
-		content: "-----";
-		content: "-----" / "";
-		display: block;
-	}
-	*/
 }
 
 content h2 {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
+	font-size: 1.3em;
+	font-family: $heading-font-family;
 	vertical-align: baseline;
 	line-height: 100%;
 	margin-top: 2rem;
 	margin-bottom: 1rem;
 	color: $heading-font-color;
-
-	&:before {
-		content: "## ";
-		content: "## " / "";
-	}
 }
 
 content h3 {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
+	font-family: $heading-font-family;
 	vertical-align: baseline;
 	line-height: 100%;
 	margin-top: 2rem;
 	margin-bottom: 1rem;
 	color: $heading-font-color;
 
-	&:before {
-		content: "### ";
-		content: "### " / "";
-	}
 }
 
 html {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 }
 
@@ -119,7 +106,6 @@ content {
 		padding: 0;
 		border: 0;
 		padding-left: 10px;
-		font: inherit;
 		vertical-align: baseline;
 	}
 
@@ -133,7 +119,6 @@ content p {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 	margin-bottom: .75rem;
 
@@ -148,7 +133,6 @@ content span {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 }
 
@@ -156,7 +140,6 @@ content strong {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 	font-weight: 700;
 	color: $heading-font-color;
@@ -166,7 +149,6 @@ content u {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 }
 
@@ -174,7 +156,6 @@ content ul {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font: inherit;
 	vertical-align: baseline;
 	list-style-type: none;
 	margin-left: 1rem;
@@ -199,6 +180,10 @@ content .special {
 	font-style: normal;
 }
 
+content pre>code {
+	font-family: monospace;
+}
+
 a.disabled {
 	pointer-events: none;
 	text-decoration: none;
@@ -222,9 +207,19 @@ a.disabled {
 
 	content code {
 		line-break: anywhere;
+		overflow-wrap: anywhere;
+		word-wrap: break-word;
+		white-space: pre-wrap;
+		white-space: -moz-pre-wrap;
+		white-space: -pre-wrap;
+		white-space: -o-pre-wrap;
+		word-wrap: break-word;
 	}
 
 	nav {
+		font-family: $heading-font-family;
+		padding-bottom: 5px !important;
+
 		.hero-text {
 			text-align: center !important;
 			font-weight: bold;
@@ -233,7 +228,7 @@ a.disabled {
 		.float-right,
 		.float-left {
 			float: none !important;
-			margin: 0;
+			margin: 0 !important;
 
 			a {
 				text-align: center;
@@ -258,7 +253,8 @@ nav {
 	overflow: hidden;
 	border-bottom: 1px solid $body-font-color;
 	margin-bottom: 30px;
-	padding: 0 10px 10px;
+	padding: 0 10px;
+	font-family: $heading-font-family;
 
 	div {
 		margin-left: 15px;
@@ -267,7 +263,6 @@ nav {
 	a {
 		padding: 0;
 		border: 0;
-		font: inherit;
 	}
 
 	.nav-link {
@@ -282,6 +277,7 @@ nav {
 
 	.float-right {
 		float: right;
+		margin-top: 16px;
 	}
 
 	.float-left {
@@ -292,7 +288,6 @@ nav {
 		font-size: 1.5em;
 		margin: 0;
 		padding: 0;
-		font: inherit;
 		text-decoration: none;
 
 		a {
@@ -305,7 +300,15 @@ nav {
 
 footer {
 	overflow: hidden;
-	> div {
+
+	>div {
 		float: left;
 	}
 }
+
+.section-page-item {
+	>time {
+		color: gray;
+		font-size: 90%;
+	}
+}

content/blog/2021/issues-with-docker-swarm-on-esxi.md

@@ -0,0 +1,21 @@
+---
+title: "Issues with Docker Swarm on ESXi"
+description: "How to make Docker Swarm work with Nodes on ESXi"
+publishdate: "2021-04-20"
+---
+
+I once tried to set up a Docker Swarm Cluster. I had three nodes, two on Proxmox hosts, and one on a ESXi 7 host. The nodes had a GlusterFS sdtorage attached to them which synced data to all three nodes so containers could be started on any node.
+
+Everything worked wonderfully. Until I found out that some Containers couldn't talk to others.
+
+Off to troubleshooting then. It seemed very sporadic, with communication working most of the time somehow. I tried some things, until I found out that it only happens if a container on the ESXi node tried to talk to others on the Proxmox nodes.
+
+After _A LOT_ of googling and searching many a reddit thread I finally found out why:  
+It seems like ESXi, even when in standalone mode, silently drops packets on `udp/4789`, which apparently is VMWares `VTEP VXLAN Port for NSX-T`.
+
+The fix for the Swarm cluster is to (re-)create the Swarm Cluster with `--data-path-port=xxxx`:
+```
+docker swarm init --data-path-port=(port that's not 4789)
+```
+
+Afterwards all communication works again 🎉

content/blog/_index.md

@@ -0,0 +1,7 @@
+---
+title: My Blog 🌸  
+description: "Lauras Blog"
+---
+I'll be posting about random stuff here :3 IT, Politics, Love...
+
+## Latest posts 

content/projects/_index.md

@@ -0,0 +1,5 @@
+---
+title: Projects
+description: "Lauras Projects"
+---
+Here you can see all of my project documentations and ideas ✨

content/projects/erisi.md

@@ -1,6 +1,8 @@
 ---
 title: "erisi: A self-hosted static site server"
 description: "Project outline page for erisi. erisi is planned to be a self-hosted alternative to Netlify/Vercel/Github Pages/etc... written in Go and utilizing Caddy and it's ACME capabilities."
+summary: Project outline page for erisi. erisi is planned to be a self-hosted alternative to Netlify/Vercel/Github Pages/etc... written in Go and utilizing Caddy and it's ACME capabilities.
+publishdate: "2023-08-30"
 ---
 
 ## Summary

hugo.yaml

@@ -7,10 +7,13 @@ params:
 
 menu:
   main:
+    - name: Blog
+      pageRef: /blog
+      weight: 1
     - name: Portfolio
       pageRef: /portfolio
       weight: 2
-    - name: Interesting Stuff
+    - name: Projects
-      pageRef: /interesting-stuff
+      pageRef: /projects
       weight: 3
 

layouts/_default/list.html

@@ -1,26 +0,0 @@
-{{ define "page" }}
-<article class="container">
-  {{ if ne .Kind "home" }}
-  <a href="{{ .Site.Home.RelPermalink }}">Home</a>
-  {{ end }}
-  <h1>{{ .Title }}</h1>
-  {{ range .Sections }}
-  <h2><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
-  <ul>
-    {{ range .Pages }}
-      <li>
-        <a href="{{ .RelPermalink }}">{{ or .Title .RelPermalink }}</a>
-      </li>
-    {{ end }}
-  </ul>
-  {{ end }}
-  <h2>Other</h2>
-  <ul>
-    {{ range .RegularPages }}
-      <li>
-        <a href="{{ .RelPermalink }}">{{ or .Title .RelPermalink }}</a>
-      </li>
-    {{ end }}
-  </ul>
-</article>
-{{ end }}

layouts/_default/section.html

@@ -0,0 +1,14 @@
+{{ define "page" }}
+<content>
+  <h1>{{ .Title }}</h1>
+  <p>{{ .Content }}</p>
+  {{ range .Pages }}
+    <div class="section-page-item">
+        <h2>{{ .Title }}</h2>
+        <time>{{ .PublishDate | time.Format ":date_medium" }}</time>
+        <div class="summary">{{ .Summary }}</div>
+        <a href="{{ .RelPermalink }}">Read more &rarr;</a>
+    </div>
+  {{ end }}
+</content>
+{{ end }}

layouts/partials/head/styling.html

@@ -1,3 +1,4 @@
 {{ $style := resources.Get "scss/style.scss" | toCSS | minify }}
 <link rel="stylesheet" href="{{ $style.RelPermalink }}">
 <link rel="preload" href="/fonts/open-sans-v35-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="/fonts/kreon-v37-latin-regular.woff2" as="font" type="font/woff2" crossorigin>