From ae971f6e04a1ec9a32c2ab119d68bfd510ab468e Mon Sep 17 00:00:00 2001
From: Gabriel Huber <mail@gabrielhuber.at>
Date: Wed, 22 Feb 2023 23:28:36 +0100
Subject: [PATCH] Add image to data rescue section

---
 static/styles.css    |  8 ++++++++
 templates/index.html | 45 +++++++++++++++++++++++++-------------------
 2 files changed, 34 insertions(+), 19 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index d590d4b..3543b51 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -198,6 +198,10 @@ section:nth-child(even) {
   gap: 1.5em;
 }
 
+.split-section-reverse {
+  flex-direction: row-reverse;
+}
+
 .split-section-text {
   width: 70%;
 }
@@ -343,6 +347,10 @@ footer h2 {
     width: auto;
   }
 
+  .split-section-reverse {
+    flex-direction: row;
+  }
+
   .split-section-img {
     height: 11em;
     width: auto;
diff --git a/templates/index.html b/templates/index.html
index c50422f..14b9289 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -85,25 +85,32 @@
   <section>
     <div class="section-inner">
       <h2 id="datenrettung">Datenrettung</h2>
-      <p>
-        Ist ihnen ein wichtiges Dokument verloren gegangen oder möchten Sie Daten von einen
-        kaputten Computer auf ein Neugerät mitnehmen?
-      </p>
-      <p>
-        Hier kann ich helfen! Mittels Softwarelösungen stelle ich Dokumente wieder her, durch
-        Ausbau der Festplatte können selbst von Computern mit Totalschaden oftmals Daten
-        gerettet werden.
-      </p>
-      <p>
-        Bitte beachten Sie, dass der Erfolg einer Datenrettung auch von Ihnen abhängt:
-        Speichern Sie sobald Sie den Verlust einer Datei bemerken möglichst keine Daten mehr
-        auf das betroffene Laufwerk und schließen Sie alle Programme. Wenn Sie gerade an etwas
-        arbeiten, speichern Sie dies auf einen USB-Stick oder eine externe Festplatte.
-      </p>
-      <p>
-        Gerne führe ich auch Backups für Sie durch und konfiguriere Ihren Computer so, dass
-        zukünftige Datenverluste unwahrscheinlicher sind.
-      </p>
+      <div class="split-section split-section-reverse">
+        <div class="split-section-text">
+          <p>
+            Ist ihnen ein wichtiges Dokument verloren gegangen oder möchten Sie Daten von einen
+            kaputten Computer auf ein Neugerät mitnehmen?
+          </p>
+          <p>
+            Hier kann ich helfen! Mittels Softwarelösungen stelle ich Dokumente wieder her, durch
+            Ausbau der Festplatte können selbst von Computern mit Totalschaden oftmals Daten
+            gerettet werden.
+          </p>
+          <p>
+            Bitte beachten Sie, dass der Erfolg einer Datenrettung auch von Ihnen abhängt:
+            Speichern Sie sobald Sie den Verlust einer Datei bemerken möglichst keine Daten mehr
+            auf das betroffene Laufwerk und schließen Sie alle Programme. Wenn Sie gerade an etwas
+            arbeiten, speichern Sie dies auf einen USB-Stick oder eine externe Festplatte.
+          </p>
+          <p>
+            Gerne führe ich auch Backups für Sie durch und konfiguriere Ihren Computer so, dass
+            zukünftige Datenverluste unwahrscheinlicher sind.
+          </p>
+        </div>
+        <div class="split-section-img">
+          <img width="4896" height="3672" src="static/img/fotos/datentraeger.jpeg" alt="">
+        </div>
+      </div>
     </div>
   </section>
   <section>