[wip] website redesign

I have to work on splitting commits in the future. ^^

config.yaml

@@ -1,38 +0,0 @@
-baseURL: "https://vrifox.cc/"
-title: "Vris Cute Corner"
-enableRobotsTXT: true
-menu:
-    main:
-      - identifier: "home"
-        name: "Startseite"
-        pageref: "/"
-        weight: 1
-      - identifier: "skills"
-        name: "Kenntnisse"
-        pageref: "/kenntnisse/"
-        weight: 2
-      - identifier: "projects"
-        name: "Projekte"
-        pageref: "/portfolio/"
-        weight: 3
-      - identifier: "blog"
-        name: "Blog"
-        pageref: "/blog/"
-        weight: 4
-      #- identifier: "blogroll"
-      #  name: "Empfehlungen"
-      #  pageref: "/blogroll/"
-      #  weight: 5
-markup:
-    highlight:
-        anchorLineNos: false
-        lineNos: false
-        lineNumbersInTable: false
-        noClasses: false
-        style: "dracula"
-        tabWidth: 4
-    goldmark:
-        extensions:
-            linkify: false
-        renderer:
-            unsafe: true

config/_default/config.yaml

@@ -0,0 +1,17 @@
+baseURL: "https://vrifox.cc/"
+title: "Vris Cute Corner"
+enableRobotsTXT: true
+defaultContentLanguage: de
+markup:
+    highlight:
+        anchorLineNos: false
+        lineNos: false
+        lineNumbersInTable: false
+        noClasses: false
+        style: "dracula"
+        tabWidth: 4
+    goldmark:
+        extensions:
+            linkify: false
+        renderer:
+            unsafe: true

config/_default/languages.yaml

@@ -0,0 +1,6 @@
+de:
+    languageName: Deutsch
+    weight: 1
+en:
+    languageName: English
+    weight: 2

config/_default/menu.yaml

@@ -0,0 +1,21 @@
+main:
+  - identifier: "home"
+    name: "Start"
+    pageref: "/"
+    weight: 1
+#  - identifier: "skills"
+#    name: "Kenntnisse"
+#    pageref: "/kenntnisse/"
+#    weight: 2
+  - identifier: "projects"
+    name: "Projekte"
+    pageref: "/portfolio/"
+    weight: 3
+  - identifier: "blog"
+    name: "Blog"
+    pageref: "/blog/"
+    weight: 4
+#  - identifier: "blogroll"
+#    name: "Empfehlungen"
+#    pageref: "/blogroll/"
+#    weight: 5

content/_index.de.md

@@ -1,3 +1,4 @@
 ---
 title: "Hola 🖖"
 ---
+Deutsch

content/_index.en.md

@@ -0,0 +1,4 @@
+---
+title: "Holahe 🖖"
+---
+English

content/blog/firefox-dark-mode/index.de.md

@@ -0,0 +1,26 @@
+---
+title: "Firefox im Dark-Mode"
+author: ""
+date: 2021-05-15T11:54:53+02:00
+categories:
+tags:
+
+draft: false
+type: "post"
+description: ""
+slug: firefox-im-dark-mode
+---
+
+This is how to enable the dark mode for all compatible websites in your Firefox.
+
+## Firefox Config
+
+To enable the Firefox Dark Mode open your Firefox' [about:config](https://support.mozilla.org/en-US/kb/about-config-editor-firefox) and add a **new** boolean `ui.systemUsesDarkTheme` and set it to `1`.
+
+## Debugging
+
+For debugging purposes you can switch between dark and light mode using the *Inspector* (right-click > Inspect):
+
+![Firefox' Inspector dark and light mode](/upload/2021-05-15%20Firefox%20Inspector%20Dark%20Light%20Mode.png)
+
+You can test this right here on my website 🙂

content/blog/firefox-dark-mode/index.en.md

@@ -8,6 +8,7 @@ tags:
 draft: false
 type: "post"
 description: ""
+slug: firefox-dark-mode
 ---
 
 This is how to enable the dark mode for all compatible websites in your Firefox.

i18n/en.yaml

@@ -0,0 +1,6 @@
+home:
+    other: Home
+projects:
+    other: Projects
+blog:
+    other: Blog

layouts/partials/nav.html

@@ -18,11 +18,11 @@
         {{- end }}
         </ul>
     </section>
-    {{/*- if .IsTranslated */}}
+    {{- if .Site.IsMultiLingual }}
     <aside>
-    {{- range .Translations }}
+    {{- range .Site.Languages }}
-        <a href="{{ .Permalink }}">{{ .Site.Params.languageName }}</a>
+        <a href="{{/* where .Page.TranslationKey .Lang */}}{{/* .Permalink */}}Test{{/* end */}}">{{ .LanguageName }}</a>
     {{- end }}
     </aside>
-    {{/*- end */}}
+    {{- end }}
 </nav>