add picture to index

_sass/main.scss

@@ -330,3 +330,9 @@ div#social-media {
 div#social-media a {
   margin: 0 6px;
 }
+
+.center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}

index.html

@@ -6,16 +6,21 @@ title: Home
 <main id="main">
   <div class="content">
     <div class="wrapper">
-      <h2>Moin!</h2>
-      <p>
-        Ich heiße Nico, wohne in
-        <a href="https://www.stadt-stade.info/" target="_blank" rel="noopener noreferrer">Stade</a> und ich arbeite als Programmier in <a href="https://www.hamburg.de/" target="_blank" rel="noopener noreferrer">Hamburg</a>.
-      </p>
-      <p>
-        Sicherlich k&ouml;nnte ich hier noch mehr &uuml;ber mich und was ich so mache
-        schreibe, aber warum fragt ihr mich nicht einfach danach. Wie ihr mich
-        erreichen k&ouml;nnt, seht ihr <a href="/kontakt.html">hier</a>.
-      </p>
+      <div class="post-content">
+        <h2>Moin!</h2>
+        <p>
+          Ich heiße Nico, wohne in
+          <a href="https://www.stadt-stade.info/" target="_blank" rel="noopener noreferrer">Stade</a> und ich arbeite als Programmier in <a href="https://www.hamburg.de/" target="_blank" rel="noopener noreferrer">Hamburg</a>.
+        </p>
+        <p>
+          Sicherlich k&ouml;nnte ich hier noch mehr &uuml;ber mich und was ich so mache
+          schreibe, aber warum fragt ihr mich nicht einfach danach. Wie ihr mich
+          erreichen k&ouml;nnt, seht ihr <a href="/kontakt.html">hier</a>.
+        </p>
+        <p>
+          <img src="assets/images/me.png" alt="Ein Bild von mir entspannt in einem Stuhl. Ich träge eine Brille und halte ein Smartphone in den Händen, auf das ich mich fokussiere. Meine Beine sind locker übereinandergelegt, ich trage bequeme Kleidung, darunter ein T-Shirt und eine Jogginghose. Der Hintergrund ist dunkel gehalten, was mich in den Vordergrund rückt. Die gesamte Atmosphäre des Bildes wirkt ruhig und introspektiv." class="center"/>
+        </p>
+      </div>
     </div>
   </div>
 </main>