add picture

This commit is contained in:
2026-02-16 23:43:27 +01:00
parent ae69788420
commit cff36e0861
3 changed files with 15 additions and 6 deletions

BIN
david.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

View File

@@ -7,6 +7,9 @@
<body>
<div id="left-panel"></div>
<div id="right-panel">
<div class="left-hang">
<img id="david-portrait" src="david.jpg" alt="David Portrait" />
</div>
<h1>David Madl MSc</h1>
<h2>Roles</h2>
<!--
@@ -15,15 +18,16 @@
</div>
-->
<div class="block">
<div class="left-hang">
asdf
<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>
</div>
<div class="block">
<div class="left-hang">
asdf
asdf 3
</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>

View File

@@ -70,7 +70,12 @@ div.block p {
line-height: 1.4;
}
div.block div.left-hang {
div.left-hang {
float: left;
margin-left: -7.2cm; /* -(#left-panel.width - #right-panel.padding-left + target-margin-left) */
margin-left: -6.9cm; /* -(#left-panel.width - #right-panel.padding-left + target-margin-left) */
}
img#david-portrait {
width: 5.1cm; /* #left-panel.width - 2 * padding [0.8cm] */
border-radius: 50%;
}