From 9275035efe346ed9881096e86d1f707a2c602fa6 Mon Sep 17 00:00:00 2001
From: David Madl <git@abanbytes.eu>
Date: Tue, 17 Feb 2026 00:17:15 +0100
Subject: [PATCH] contact in left panel

---
 index.html | 30 ++++++++++++++++++++++++++++--
 main.css   | 34 +++++++++++++++++++++++++++++++++-
 2 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index d45a301..4956437 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,24 @@
         <div id="left-panel"></div>
         <div id="right-panel">
             <div class="left-hang">
-                <img id="david-portrait" src="david.jpg" alt="David Portrait" />
+                <div><img id="david-portrait" src="david.jpg" alt="David Portrait" /></div>
+                <div>
+                    <h3><span class="t">Contact</span></h3>
+                    <p>
+                        <svg id="ico-home" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M341.8 72.6C329.5 61.2 310.5 61.2 298.3 72.6L74.3 280.6C64.7 289.6 61.5 303.5 66.3 315.7C71.1 327.9 82.8 336 96 336L112 336L112 512C112 547.3 140.7 576 176 576L464 576C499.3 576 528 547.3 528 512L528 336L544 336C557.2 336 569 327.9 573.8 315.7C578.6 303.5 575.4 289.5 565.8 280.6L341.8 72.6zM304 384L336 384C362.5 384 384 405.5 384 432L384 528L256 528L256 432C256 405.5 277.5 384 304 384z"/></svg>Reschgasse 15/16<br/>
+                        <span class="ico-home-spacer"></span>1120 Wien<br/>
+                        <span class="ico-home-spacer"></span>Austria
+                    </p>
+                    <p>
+                        <svg id="ico-phone" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z"/></svg>+43 677 648 54 483
+                    </p>
+                    <p>
+                        <svg id="ico-email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M125.4 128C91.5 128 64 155.5 64 189.4C64 190.3 64 191.1 64.1 192L64 192L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 192L575.9 192C575.9 191.1 576 190.3 576 189.4C576 155.5 548.5 128 514.6 128L125.4 128zM528 256.3L528 448C528 456.8 520.8 464 512 464L128 464C119.2 464 112 456.8 112 448L112 256.3L266.8 373.7C298.2 397.6 341.7 397.6 373.2 373.7L528 256.3zM112 189.4C112 182 118 176 125.4 176L514.6 176C522 176 528 182 528 189.4C528 193.6 526 197.6 522.7 200.1L344.2 335.5C329.9 346.3 310.1 346.3 295.8 335.5L117.3 200.1C114 197.6 112 193.6 112 189.4z"/></svg>david.madl@abanbytes.eu
+                    </p>
+                    <p>
+                        <svg id="ico-github" width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/></svg>github.com/cidermole
+                    </p>
+                </div>
             </div>
             <h1>David Madl MSc</h1>
             <h2>Roles</h2>
@@ -17,6 +34,15 @@
                 <p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
             </div>
             -->
+            <div class="block">
+                <h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023&NoBreak;&ndash;&NoBreak;2025)</span></h3>
+                <p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
+                <p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
+            </div>
+            <div class="block">
+                <h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023&NoBreak;&ndash;&NoBreak;2025)</span></h3>
+                <p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
+            </div>
             <div class="block">
                 <h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023&NoBreak;&ndash;&NoBreak;2025)</span></h3>
                 <p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
@@ -27,7 +53,7 @@
             </div>
             <div class="block">
                 <div class="left-hang">
-                    asdf 3
+                    left-hang
                 </div>
                 <h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023&NoBreak;&ndash;&NoBreak;2025)</span></h3>
                 <p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
diff --git a/main.css b/main.css
index 0a7c25d..f17a6d2 100644
--- a/main.css
+++ b/main.css
@@ -31,6 +31,7 @@
 h1 {
     font-size: 18pt;
     font-weight: 500;
+    padding-bottom: 8pt;
 }
 
 /* Section heading */
@@ -63,7 +64,15 @@ h3 span.t {
 }
 
 div.block {
-    padding: 8pt 0;
+    padding: 0 0 8pt 0;
+}
+
+div.block p {
+    padding-bottom: 8pt;
+}
+
+div.left-hang p {
+    padding-bottom: 8pt;
 }
 
 div.block p {
@@ -78,4 +87,27 @@ div.left-hang {
 img#david-portrait {
     width: 5.1cm; /* #left-panel.width - 2 * padding [0.8cm] */
     border-radius: 50%;
+    margin-bottom: 0.8cm;
+}
+
+#ico-home, #ico-phone, #ico-email {
+    width: 1.2em;
+    height: 1.2em;
+    position: relative;
+    top: 0.2em;
+    margin: -0.1em 0.2em -0.1em -0.12em;
+}
+span.ico-home-spacer {
+    display: inline-block;
+    width: 1.2em;
+    margin-left: 0.1em;
+    height: 1em;
+}
+
+#ico-github {
+    width: 1em;
+    height: 1em;
+    position: relative;
+    top: 0.2em;
+    margin-right: 0.3em;
 }
\ No newline at end of file