added 'about' section

2026-04-23 12:53:48 +02:00
parent 7ef9cd6e13
commit a29c03c18e
4 changed files with 30 additions and 11 deletions
@@ -3,6 +3,11 @@ index:
    page-title: "Personal Website"
    introduction-heading: "Hi, I'm Marco"
    introduction-subheading: "and this is my website"
+    about-paragraph: "I'm a software developer from Germany.<br>
+      My hobbies include bouldering, gaming, hiking and cooking.<br>
+      I'm interested in music (mostly metal), visiting concerts, FOSS-Projects and Data-Sovereignty.<br>
+      People I value the most are those with firm ideals and own opinions! I'd love to hear yours.<br>
+      On this page I'll post whatever is on my mind and it will have no structure, so bear with me."
    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>
@@ -15,6 +20,11 @@ index:
    page-title: "Persönliche Webseite"
    introduction-heading: "Hi, ich bin Marco"
    introduction-subheading: "und das ist meine Webseite"
+    about-paragraph: "Ich bin Softwareentwickler aus Deutschland.<br>
+      Zu meinen Hobbys gehören Bouldern, Gaming, Wandern und Kochen.<br>
+      Ich interessiere mich für Musik (vor allem Metal), Konzertbesuche, FOSS-Projekte und Datenhoheit.<br>
+      Menschen, die feste Ideale und eigene Meinungen haben, schätze ich am meisten! Ich würde mich freuen, deine zu hören.<br>
+      Auf dieser Seite werde ich alles posten, was mir gerade durch den Kopf geht, und es wird keine feste Struktur geben, also habt bitte etwas Nachsicht."
    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>
@@ -9,11 +9,14 @@

 <body>
    <nav>
-        <a class="navbar" href="/en/index.html">English</a>
+        <a class="navbar" href="../en/index.html">English</a>
    </nav>
+    <header id="about">
        <h1>Hi, ich bin Marco</h1>
        <p>und das ist meine Webseite</p>
-    <h2>Wieso?</h2>
+    </header>
+    <p>Ich bin Softwareentwickler aus Deutschland.<br> Zu meinen Hobbys gehören Bouldern, Gaming, Wandern und Kochen.<br> Ich interessiere mich für Musik (vor allem Metal), Konzertbesuche, FOSS-Projekte und Datenhoheit.<br> Menschen, die feste Ideale und eigene Meinungen haben, schätze ich am meisten! Ich würde mich freuen, deine zu hören.<br> Auf dieser Seite werde ich alles posten, was mir gerade durch den Kopf geht, und es wird keine feste Struktur geben, also habt bitte etwas Nachsicht.</p>
+    <h2 id="why">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>

@@ -9,11 +9,14 @@

 <body>
    <nav>
-        <a class="navbar" href="/de/index.html">Deutsch</a>
+        <a class="navbar" href="../de/index.html">Deutsch</a>
    </nav>
+    <header id="about">
        <h1>Hi, I'm Marco</h1>
        <p>and this is my website</p>
-    <h2>Why?</h2>
+    </header>
+    <p>I'm a software developer from Germany.<br> My hobbies include bouldering, gaming, hiking and cooking.<br> I'm interested in music (mostly metal), visiting concerts, FOSS-Projects and Data-Sovereignty.<br> People I value the most are those with firm ideals and own opinions! I'd love to hear yours.<br> On this page I'll post whatever is on my mind and it will have no structure, so bear with me.</p>
+    <h2 id="why">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>

@@ -11,9 +11,12 @@
    <nav>
        {{language-switcher}}
    </nav>
+    <header id="about">
        <h1>{{introduction-heading}}</h1>
        <p>{{introduction-subheading}}</p>
-    <h2>{{why-heading}}</h2>
+    </header>
+    <p>{{about-paragraph}}</p>
+    <h2 id="why">{{why-heading}}</h2>
    <p>{{why-paragraph}}</p>
 </body>