added 'why?' section

2026-04-22 23:23:17 +02:00
parent 4e5a91c64d
commit b96591acc7
4 changed files with 31 additions and 15 deletions
@@ -3,7 +3,23 @@ index:
    page-title: "Personal Website"
    introduction-heading: "Hi, I'm Marco"
    introduction-subheading: "and this is my website"
+    why-heading: "Why?"
+    why-paragraph: "In times of AI-slop, a little humanity goes a long way.<br>
+      I love reading blogs and posts made by humans, so I decided to create my own.<br>
+      Search-engines like Kagi, that allow you to search the 'small web', grow more popular.<br>
+      Seeing other people's creative websites inspired me as well and on top of that:<br>
+      I'm refreshing some HTML and CSS skills!<br>
+      Will this website win a beauty contest? No.<br>
+      But at least there's a human behind it."
  de:
    page-title: "Persönliche Webseite"
    introduction-heading: "Hi, ich bin Marco"
    introduction-subheading: "und das ist meine Webseite"
+    why-heading: "Wieso?"
+    why-paragraph: "In Zeiten von KI-'Slop' bewirkt ein wenig meschlichkeit sehr viel.<br>
+      Ich lese gerne blogs und posts die von Menschen geschrieben werden, also wollte ich meinen eigenen schreiben.<br>
+      Suchmaschinen wie Kagi, die einen das 'small-web' durchsuchen lassen, werden immer populärer.
+      Die kreativen Websites von anderen Leuten zu sehen hat mich ebenso inspiriert<br>
+      und meine HTML und CSS Fähigkeiten aufzufrischen schadet auch nicht.<br>
+      Wird diese Website einen Schönheitswettbewerb gewinnen? Nein.<br>
+      Doch wenigstens ist sie handgemacht."
@@ -8,13 +8,13 @@
 </head>

 <body>
-    <div>
+    <nav>
+        <a class="navbar" href="/en/index.html">English</a>
+    </nav>
    <h1>Hi, ich bin Marco</h1>
    <p>und das ist meine Webseite</p>
-    </div>
-    <nav>
-        <a href="/en/index.html">English</a>
-    </nav>
+    <h2>Wieso?</h2>
+    <p>In Zeiten von KI-'Slop' bewirkt ein wenig meschlichkeit sehr viel.<br> Ich lese gerne blogs und posts die von Menschen geschrieben werden, also wollte ich meinen eigenen schreiben.<br> Suchmaschinen wie Kagi, die einen das 'small-web' durchsuchen lassen, werden immer populärer. Die kreativen Websites von anderen Leuten zu sehen hat mich ebenso inspiriert<br> und meine HTML und CSS Fähigkeiten aufzufrischen schadet auch nicht.<br> Wird diese Website einen Schönheitswettbewerb gewinnen? Nein.<br> Doch wenigstens ist sie handgemacht.</p>
 </body>

 </html>
@@ -8,13 +8,13 @@
 </head>

 <body>
-    <div>
+    <nav>
+        <a class="navbar" href="/de/index.html">Deutsch</a>
+    </nav>
    <h1>Hi, I'm Marco</h1>
    <p>and this is my website</p>
-    </div>
-    <nav>
-        <a href="/de/index.html">Deutsch</a>
-    </nav>
+    <h2>Why?</h2>
+    <p>In times of AI-slop, a little humanity goes a long way.<br> I love reading blogs and posts made by humans, so I decided to create my own.<br> Search-engines like Kagi, that allow you to search the 'small web', grow more popular.<br> Seeing other people's creative websites inspired me as well and on top of that:<br> I'm refreshing some HTML and CSS skills!<br> Will this website win a beauty contest? No.<br> But at least there's a human behind it.</p>
 </body>

 </html>
@@ -8,13 +8,13 @@
 </head>

 <body>
-    <div>
-        <h1>{{introduction-heading}}</h1>
-        <p>{{introduction-subheading}}</p>
-    </div>
    <nav>
        {{language-switcher}}
    </nav>
+    <h1>{{introduction-heading}}</h1>
+    <p>{{introduction-subheading}}</p>
+    <h2>{{why-heading}}</h2>
+    <p>{{why-paragraph}}</p>
 </body>

 </html>