✨ Add blog (#3)

* Add blog * Make blog pages nice * Add i18n for blog * Add first blog post * Make images inside a container responsive
nalsai · Jun 4, 2022 · 0c4bc35 · 0c4bc35
1 parent ee85396
commit 0c4bc35
Show file tree

Hide file tree

Showing 16 changed files with 188 additions and 13 deletions.
diff --git a/archetypes/default.md b/archetypes/default.md
@@ -1,5 +1,5 @@
 +++
 title = "{{ replace .Name "-" " " | title }}"
 date = {{ .Date }}
-draft: true
+draft = true
 +++
diff --git a/content/de/app/mothershipdefender2/index.html b/content/de/app/mothershipdefender2/index.html
@@ -1,5 +1,5 @@
 +++
-title = "Mothership Defender 2"
+title = "MothershipDefender2"
 url = "/mothershipdefender2"
 description = "Ein Remake des ersten Mothership Defender in Unity für Linux, Windows, Android und den Browser."
 menu = ["main", "projects"]

diff --git a/content/de/blog/_index.html b/content/de/blog/_index.html
@@ -0,0 +1,9 @@
++++
+title = "Blog"
+menu = "main"
+draft = false
+weight = 3
++++
+
+<h1 class="mt-4 display-3">Blog</h1>
+<p>bzw. Notizensammlung</p>
diff --git a/content/de/blog/hi.md b/content/de/blog/hi.md
@@ -0,0 +1,27 @@
++++
+title = "Hallo Welt!"
+description = "Ich habe jetzt einen Blog-Bereich auf meiner Website."
+tags = [
+    "meta",
+    "rust",
+]
+date = 2022-06-04
++++
+
+Hallo 👋,  
+wie du wahrscheinlich gerade herausgefunden hast, habe ich hier jetzt einen Blog-Bereich.  
+Ich werde versuchen, ihn eher wie eine Notizensammlung zu behandeln, weil ich sonst zu hohe Ansprüche an mich selbst hätte und nie etwas veröffentlichen würde.
+
+
+
+Übrigens habe ich vor kurzem mein erstes Programm in Rust geschrieben (<https://git.nalsai.de/imgname>), daher hier ein einfaches Hallo Welt:
+
+```rust
+fn main() {
+  println!("Hallo welt!");
+}
+```
+
+und hier ist ein Bild einer Rose, das ich gestern aufgenommen habe:
+
+![](https://lh3.googleusercontent.com/KNKtQ5qggJUGnw9I1pwLF0GYHKvV1weBk-9ueyvmD5ntdnLvfuhSm8GJkYtQkHwYr5PxkJtjG1QZfPTPfNDtu0pGdhm9sdiReYbViHgcBbDj108dqo-K2lgu1JPMl-v47fa4N-ssXWIMwEzDJXNb2ffbbM-T5FgKrBn1jI4yX24l7o9lFZQl9-X-8Fuser5KWPSuo4EAaLVRf82o75_EBx-tSfNTg85BZ3Ae59gKrA6fbOUN6qu-inSRhkKC3iCMGa_zte03lRWkc1aGOHzQiEC69CuWJiCY7-BFNLXYfEp77Uzsk9UqtAbRJ-Lt7zkxe-hyJPtfQ683FUlXYNoT2rIY-bvToEMmysyRVJ7bJIzEscAM87yDngSfOqZvedtWHqmX11EeS3swycxZgecY5kKvXUWCeYExEbg_xr15-lENpO5OpWc06gUwC2UX8yRglhPLs3EIOJNaPd-OyCl045dIdq0OJfrxeTbILvxq5LgT3F-PvQCdnWbYlMqnu-a50NY1PiMAXK8FmlKRqNbfsEnZnSi_AFgMzPb9bwH4OxiqI2F7c991yU7f1OX1AnOhYfiDuJc-cU1vvwSQKTrgDd29lyzdWRCXOwZRUrDouupkCoXMI9ynZpMNZcHmOTHFbF95-LycjIcVEzkHqBEkqVWPjjxF6eaH3F77bQCtuB1jPHVRb-XTys6Kz2Hy25o0SkoY1D7sp_aa1BvxTiJadXBYqZBsIEzH0-OlvCXF6iQQ88PGPijTO3G7ZfGG=w1050-h700-no?authuser=0)
diff --git a/content/en/app/mothershipdefender2/index.html b/content/en/app/mothershipdefender2/index.html
@@ -1,5 +1,5 @@
 +++
-title = "Mothership Defender 2"
+title = "MothershipDefender2"
 url = "/mothershipdefender2"
 description = "A remake of the first Mothership Defender in Unity for Linux, Windows, Android and the browser."
 menu = ["main", "projects"]

diff --git a/content/en/blog/_index.html b/content/en/blog/_index.html
@@ -0,0 +1,9 @@
++++
+title = "Blog"
+menu = "main"
+draft = false
+weight = 3
++++
+
+<h1 class="mt-4 display-3">Blog</h1>
+<p>or note collection</p>
diff --git a/content/en/blog/hi.md b/content/en/blog/hi.md
@@ -0,0 +1,27 @@
++++
+title = "Hello World!"
+description = "I have a blog section on my website now."
+tags = [
+    "meta",
+    "rust",
+]
+date = 2022-06-04
++++
+
+Hey 👋,  
+as you probably just found out, I have a blog section here now.  
+I will try to treat it more like a note collection than a blog, because otherwise I would have too high demands on myself and never publish anything.
+
+
+
+Anyway, I recently wrote my first program in rust (<https://git.nalsai.de/imgname>), so here is a simple hello world:
+
+```rust
+fn main() {
+  println!("Hello world!");
+}
+```
+
+and here is a picture of a rose I took yesterday:
+
+![](https://lh3.googleusercontent.com/KNKtQ5qggJUGnw9I1pwLF0GYHKvV1weBk-9ueyvmD5ntdnLvfuhSm8GJkYtQkHwYr5PxkJtjG1QZfPTPfNDtu0pGdhm9sdiReYbViHgcBbDj108dqo-K2lgu1JPMl-v47fa4N-ssXWIMwEzDJXNb2ffbbM-T5FgKrBn1jI4yX24l7o9lFZQl9-X-8Fuser5KWPSuo4EAaLVRf82o75_EBx-tSfNTg85BZ3Ae59gKrA6fbOUN6qu-inSRhkKC3iCMGa_zte03lRWkc1aGOHzQiEC69CuWJiCY7-BFNLXYfEp77Uzsk9UqtAbRJ-Lt7zkxe-hyJPtfQ683FUlXYNoT2rIY-bvToEMmysyRVJ7bJIzEscAM87yDngSfOqZvedtWHqmX11EeS3swycxZgecY5kKvXUWCeYExEbg_xr15-lENpO5OpWc06gUwC2UX8yRglhPLs3EIOJNaPd-OyCl045dIdq0OJfrxeTbILvxq5LgT3F-PvQCdnWbYlMqnu-a50NY1PiMAXK8FmlKRqNbfsEnZnSi_AFgMzPb9bwH4OxiqI2F7c991yU7f1OX1AnOhYfiDuJc-cU1vvwSQKTrgDd29lyzdWRCXOwZRUrDouupkCoXMI9ynZpMNZcHmOTHFbF95-LycjIcVEzkHqBEkqVWPjjxF6eaH3F77bQCtuB1jPHVRb-XTys6Kz2Hy25o0SkoY1D7sp_aa1BvxTiJadXBYqZBsIEzH0-OlvCXF6iQQ88PGPijTO3G7ZfGG=w1050-h700-no?authuser=0)
diff --git a/layouts/app/single.html b/layouts/app/single.html
@@ -0,0 +1,7 @@
+{{ define "main" }}
+<main class="container">
+    <h1 class="my-4">{{ .Title }}</h1>
+    <p class="lead text-justify">{{ .Description }}</p>
+    {{ .Content }}
+</main>
+{{ end }}
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+<main class="container">
+    <header class="mb-5">
+        <h1 class="mt-4">{{ .Title }}</h1>
+        <p>{{ .Description }}</p>
+        {{ if .Date }}
+        <p class="small">
+            {{ i18n "Published" }} {{ i18n "on" }} <time datetime="{{ .Date.Format "2006-01-02" }}" itemprop="datePublished">{{ dateFormat (default "Monday 2006-01-02" .Site.Params.dateFormat) .Date }}</time>
+            {{ if .Params.author }} {{ i18n "by" }} {{ .Params.author }}{{ end }}
+        </p>
+        {{ end }}
+        {{ with .Params.tags }}{{ range $tag := . }}
+        <a class="badge rounded-pill bg-primary text-decoration-none" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/">{{ . }}</a>
+        {{ end }}{{ end }}
+    </header>
+    {{ .Content }}
+</main>
+{{ end }}
diff --git a/themes/nalsai/i18n/de.toml b/themes/nalsai/i18n/de.toml
@@ -9,3 +9,15 @@ other = "aus Commit"
 
 [on]
 other = "am"
+
+[by]
+other = "von"
+
+[with]
+other = "mit"
+
+[Pages]
+other = "Seiten"
+
+[Published]
+other = "Veröffentlicht"
diff --git a/themes/nalsai/i18n/en.toml b/themes/nalsai/i18n/en.toml
@@ -9,3 +9,15 @@ other = "from commit"
 
 [on]
 other = "on"
+
+[by]
+other = "by"
+
+[with]
+other = "with"
+
+[Pages]
+other = "Pages"
+
+[Published]
+other = "Published"
diff --git a/themes/nalsai/layouts/_default/section.html b/themes/nalsai/layouts/_default/section.html
@@ -0,0 +1,20 @@
+{{ define "main" }}
+<main class="container">
+    {{ .Content }}
+    <div class="border-bottom pt-4"></div>
+    {{ range .Paginator.Pages }}
+    <a href="{{ .RelPermalink }}" class="text-decoration-none">
+        <div class="d-flex pt-3 mt-2 border-bottom">    
+            <p class="pb-2">
+                <strong class="d-block text-white">{{ .Title }}</strong>
+                {{ if .Date }}<time class="link-light" datetime="{{ .Date.Format " 2006-01-02" }}">{{ i18n "Published" }}: {{ dateFormat (default "2006-01-02" .Site.Params.dateFormat) .Date }}</time>{{ end }}
+            </p>
+        </div>
+    </a>
+    {{ end }}
+
+    <div class="pt-5">
+        {{ template "_internal/pagination.html" . }}
+    </div>
+</main>
+{{ end }}
diff --git a/themes/nalsai/layouts/_default/taxonomy.html b/themes/nalsai/layouts/_default/taxonomy.html
@@ -0,0 +1,18 @@
+{{ define "main" }}
+<main class="container">
+    <h1 class="my-3">{{ .Title }}</h1>
+    <div class="border-bottom pt-4"></div>
+    {{ range .Paginator.Pages }}
+    <a href="{{ .RelPermalink }}" class="text-decoration-none">
+        <div class="d-flex pt-3 mt-2 border-bottom">    
+            <p class="pb-2">
+                <strong class="d-block">{{ .Title }}</strong>
+            </p>
+        </div>
+    </a>
+    {{ end }}
+    <div class="pt-5">
+        {{ template "_internal/pagination.html" . }}
+    </div>
+</main>
+{{ end }}
diff --git a/themes/nalsai/layouts/_default/term.html b/themes/nalsai/layouts/_default/term.html
@@ -0,0 +1,20 @@
+{{ define "main" }}
+<main class="container">
+    <h1 class="my-3">{{ i18n "Pages" }} {{ i18n "with" }} {{ .Data.Singular }} {{ .Title }}</h1>
+    <div class="border-bottom pt-4"></div>
+    {{ range .Paginator.Pages }}
+    <a href="{{ .RelPermalink }}" class="text-decoration-none">
+        <div class="d-flex pt-3 mt-2 border-bottom">    
+            <p class="pb-2">
+                <strong class="d-block text-white">{{ .Title }}</strong>
+                {{ if .Date}}<time class="link-light" datetime="{{ .Date.Format " 2006-01-02" }}">{{ i18n "Published" }} {{ dateFormat (default "2006-01-02" .Site.Params.dateFormat) .Date }}</time>{{ end }}
+            </p>
+        </div>
+    </a>
+    {{ end }}
+
+    <div class="pt-5">
+        {{ template "_internal/pagination.html" . }}
+    </div>
+</main>
+{{ end }}
diff --git a/themes/nalsai/layouts/app/single.html b/themes/nalsai/layouts/app/single.html
diff --git a/themes/nalsai/static/css/style.css b/themes/nalsai/static/css/style.css
@@ -16,6 +16,11 @@
     font-display: swap;
 }
 
-body{
+body {
     font-family: 'Quicksand', 'Sawarabi Gothic', sans-serif;
+}
+
+.container img {
+    max-width: 100%;
+    height: auto;
 }