add reading time and update stuff

assets/scss/style.scss

@@ -25,7 +25,9 @@ $min-device-width: 940px;
 	src: url('/fonts/kreon-v37-latin-regular.woff2') format('woff2');
 }
 
-
+.float-left {
+	float: left;
+}
 
 a {
 	margin: 0;
@@ -266,10 +268,6 @@ nav {
 		margin-top: 16px;
 	}
 
-	.float-left {
-		float: left;
-	}
-
 	.hero-text {
 		font-size: 1.5em;
 		margin: 0;
@@ -285,15 +283,16 @@ nav {
 
 footer {
 	overflow: hidden;
-
-	>div {
-		float: left;
-	}
 }
 
 .section-page-item {
-	>time {
+	>.details {
 		color: gray;
 		font-size: 90%;
+		overflow: hidden;
+
+		>div {
+			white-space: pre;
+		}
 	}
 }

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

@@ -2,9 +2,10 @@
 title: "Issues with Docker Swarm on ESXi"
 description: "How to make Docker Swarm work with Nodes on ESXi"
 publishdate: "2021-04-20"
+author: "Laura 🌹"
 ---
 
-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.
+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 storage 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.
 

content/blog/_index.md

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

content/projects/_index.md

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

hugo.yaml

@@ -1,9 +1,13 @@
 baseURL: https://www.lauka.net/
 languageCode: en-us
-title: Lauras Website <3
+title: "Lauras Website <3"
 enableGitInfo: true
 params:
   description: "Lauras personal website and portfolio 💖"
+  display:
+    readingTime: true
+    author: true
+
 
 menu:
   main:
@@ -16,4 +20,3 @@ menu:
     - name: Projects
       pageRef: /projects
       weight: 3
-

layouts/_default/list.html

@@ -0,0 +1,12 @@
+{{ define "page" }}
+<content>
+  <h1>{{ .Title }}</h1>
+  {{ range .Site.Sections }}
+    <div class="section-page-item">
+        <h2>{{ .Title }}</a></h2>
+        <div class="summary">{{ or .Params.Description .Summary }}</div>
+        <a href="{{ .RelPermalink }}">Read more</a>
+    </div>
+  {{ end }}
+</content>
+{{ end }}

layouts/_default/section.html

@@ -5,7 +5,10 @@
   {{ range .Pages }}
     <div class="section-page-item">
         <h3>{{ .Title }}</h3>
-        <time>{{ .PublishDate | time.Format ":date_medium" }}</time>
+        <div class="details">
+          <time class="float-left">{{ .PublishDate | time.Format ":date_medium" }}</time>
+        </div>
+        
         <div class="summary">{{ .Summary }}</div>
         <a href="{{ .RelPermalink }}">Read more &rarr;</a>
     </div>

layouts/blog/section.html

@@ -0,0 +1,24 @@
+{{ define "page" }}
+<content>
+  <h1>{{ .Title }}</h1>
+  <p>{{ .Content }}</p>
+  <h2>Latest posts</h2>
+  {{ range .Pages }}
+    <div class="section-page-item">
+        <h3>{{ .Title }}</h3>
+        <div class="details">
+          <time class="float-left">{{ .PublishDate | time.Format ":date_medium" }}</time>
+          {{- if .Site.Params.Display.ReadingTime -}}
+          <div class="read-time float-left"> &bull; {{ partial "reading-time.html" . }}</div>
+          {{- end -}}
+          {{- if and .Site.Params.Display.Author .Page.Params.Author -}}
+          <div class="author float-left"> &bull; by {{ .Page.Params.Author }}</div>
+          {{- end -}}
+        </div>
+        
+        <div class="summary">{{ .Summary }}</div>
+        <a href="{{ .RelPermalink }}">Read more &rarr;</a>
+    </div>
+  {{ end }}
+</content>
+{{ end }}

layouts/partials/body/footer.html

@@ -1,3 +1,3 @@
 <footer>
-    <div>Copyright (c) Laura Kalb 2021-{{ now.Format "2006" }} - <a href="/impressum"> Impressum und Datenschutzerklärung</a></div>
+    <div class="float-left">Copyright (c) Laura Kalb 2021-{{ now.Format "2006" }} - <a href="/impressum"> Impressum und Datenschutzerklärung</a></div>
 </footer>

layouts/partials/reading-time.html

@@ -0,0 +1 @@
+{{ .ReadingTime }} min{{ if (ne .ReadingTime 1) }}s{{ end }}