From f2e448849e2917f33fcf11f22c48c40c434ba228 Mon Sep 17 00:00:00 2001
From: WriterV2 <primary-v2@protonmail.com>
Date: Sun, 29 Jan 2023 14:05:48 +0100
Subject: Add responsive style adjustments to home page content

---
 templates/index.html | 80 ++++++++++++++++++++++++++++++----------------------
 1 file changed, 47 insertions(+), 33 deletions(-)

(limited to 'templates/index.html')

diff --git a/templates/index.html b/templates/index.html
index 1067691..efb0295 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,37 +3,51 @@
 {% block content %}
 <h2>About Me</h2>
 
-<table>
-    <tr class="title-row"><td><h3>Skills</h3></td></tr>
-    <tr>
-        <td>Spoken Languages:</td>
-        <td>German, English, Tamil</td>
-    </tr>
-    <tr>
-        <td>Programming Languages:</td>
-        <td>Rust, Python</td>
-    </tr>
-    <tr>
-        <td>Interests:</td>
-        <td>Software development, writing</td>
-    </tr>
-    <tr class="title-row"><td><h3>Education & Work</h3></td></tr>
-    <tr>
-        <td>2010 - 2018:</td>
-        <td>Abitur: Maria-Theresia-Gymnasium Munich</td>
-    </tr>
-    <tr>
-        <td>2022 - ?:</td>
-        <td>Software development apprenticeship at Dontenwill AG</td>
-    </tr>
-    <tr class="title-row"><td><h3>Contact & Social Media</h3></td></tr>
-    <tr>
-        <td>E-Mail:</td>
-        <td><a href="mailto:primary-v2@protonmail.com">primary-v2@protonmail.com</a></td>
-    </tr>
-    <tr>
-        <td>Github:</td>
-        <td><a href="https://github.com/WriterV2">WriterV2</a></td>
-    </tr>
-</table>
+<main>
+     <div class="about-me">
+         <div class="card">
+             <h3>Skills</h3>
+             <table>
+                <tr>
+                    <td>Spoken Languages:</td>
+                    <td>German, English, Tamil</td>
+                </tr>
+                <tr>
+                    <td>Programming Languages:</td>
+                    <td>Rust, Python</td>
+                </tr>
+                <tr>
+                    <td>Interests:</td>
+                    <td>Software development, writing</td>
+                </tr>
+            </table>
+        </div>
+        <div class="card">
+            <h3>Education & Work</h3>
+            <table>
+                <tr>
+                    <td>2010 - 2018:</td>
+                    <td>Abitur: Maria-Theresia-Gymnasium Munich</td>
+                </tr>
+                <tr>
+                    <td>2022 - ?:</td>
+                    <td>Software development apprenticeship at Dontenwill AG</td>
+                </tr>
+            </table>
+        </div>
+        <div class="card">
+            <h3>Contact & Social Media</h3>
+            <table>
+                <tr>
+                    <td>E-Mail:</td>
+                    <td><a href="mailto:primary-v2@protonmail.com">primary-v2@protonmail.com</a></td>
+                </tr>
+                <tr>
+                    <td>Github:</td>
+                    <td><a href="https://github.com/WriterV2">WriterV2</a></td>
+                </tr>
+            </table>
+        </div>
+    </div>
+</main>
 {% endblock content %}
-- 
cgit v1.2.3