convert landing content to layout

assets/scss/home.scss

@@ -55,19 +55,21 @@
     }
 }
 
-main > p {
+#general-description {
     font-family: "playfair";
     font-size: 2.15rem;
     letter-spacing: 0.1rem;
     line-height: 2rem;
     text-align: center;
     margin: 1.5rem;
-    &:first-of-type {
+    
+    #websites-and-graphics {
         line-height: 2.6rem;
         font-size: 3rem;
         margin-top: 6rem;
     }
-    &:last-of-type {
+
+    #cozy-town {
         margin-bottom: 8rem;
     }
 }

content/_index.de.md

@@ -1,6 +0,0 @@
----
-title: "Hola 🖖"
----
-Ich erstelle Websites und Grafiken
-
-Zudem betreibe und betreue ich [Cozy Town](https://cozy.town)

i18n/de.yaml

@@ -29,6 +29,11 @@ introduction-heading:
 introduction-sub:
     other: und Informatik ist meine Leidenschaft.
 
+home-websites-and-graphics:
+    other: I create Websites and Graphics
+home-cozy-town:
+    other: Additinaly I host and maintain <a href="https://cozy.town">Cozy Town</a>
+
 # Blog
 blog-heading:
     other: Artikel

i18n/en.yaml

@@ -23,12 +23,17 @@ moreposts-heading:
 moreposts-more:
     other: more
 
-# Content
+# Home
 introduction-heading:
     other: Hola, I am Vri
 introduction-sub:
     other: and Computer Science is my passion.
 
+home-websites-and-graphics:
+    other: Ich erstelle Websites und Grafiken
+home-cozy-town:
+    other: Zudem betreibe und betreue ich <a href="https://cozy.town">Cozy Town</a>
+
 # Blog
 blog-heading:
     other: Articles

layouts/index.html

@@ -13,6 +13,13 @@
 
 {{- define "main" }}
     <main id="main">
-        {{ .Content }}
+        <section id="general-description">
+            <p id="websites-and-graphics">
+                {{ i18n "home-websites-and-graphics" | safeHTML }}
+            </p>
+            <p id="cozy-town">
+                {{ i18n "home-cozy-town" | safeHTML }}
+            </p>
+        </section>
     </main>
 {{- end }}