Compare commits
11 Commits
ae69788420
...
deutsch
| Author | SHA1 | Date | |
|---|---|---|---|
| 368f7280b1 | |||
| 96dddc23d3 | |||
| 624f9ddeb8 | |||
| 01b07cdc1b | |||
| cf0ffe8744 | |||
| 461bc177f5 | |||
| d92128b747 | |||
| 29c9b8b194 | |||
| 2314b73411 | |||
| 9275035efe | |||
| cff36e0861 |
243
index.html
243
index.html
@@ -1,32 +1,247 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CV</title>
|
||||
<title>CV David Madl</title>
|
||||
<link rel="stylesheet" href="main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="left-panel"></div>
|
||||
<div id="right-panel">
|
||||
<div class="left-hang">
|
||||
<div><img id="david-portrait" src="david.jpg" alt="David Portrait" /></div>
|
||||
<div>
|
||||
<h3><span class="t">Kontakt</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
|
||||
</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>
|
||||
<!--
|
||||
<h2>Rollen</h2>
|
||||
<div class="block">
|
||||
<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>
|
||||
<h3><span class="t">Performance Engineer, ITERGO / triscon IT-Services GmbH</span> <span></span class="d">(2023⁠–⁠2025)</span></h3>
|
||||
<p>Performance-Tests in einem Dutzend Projekten durchgeführt. Performance- und Stabilitätsprobleme diagnostiziert. 18 Performance-Incidents vor dem Live-Gang abgefangen.</p>
|
||||
</div>
|
||||
-->
|
||||
<div class="block">
|
||||
<div class="left-hang">
|
||||
asdf
|
||||
</div>
|
||||
<h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023⁠–⁠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>
|
||||
<h3><span class="t">Software Architect, BMSGPK / Qualysoft GmbH</span> <span></span class="d">(2022)</span></h3>
|
||||
<p>Entwurf und Entwicklung eines Prototyps einer Falldatenbank in C#. Verantwortlich für Requirements, Software-Architektur, und agile Entwicklung. Suchfunktion um Faktor 1000x beschleunigt.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">DevOps Expert, Direktorat Jenderal Pajak / Qualysoft GmbH</span> <span></span class="d">(2021⁠–⁠2022)</span></h3>
|
||||
<p>Helm/Kubernetes Konfiguration sowie Staged Deployment für das indonesische Finanzamt entworfen und umgesetzt. Interviews für die Rollen Software Architect und Performance Engineer geleitet.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<div class="left-hang">
|
||||
asdf
|
||||
<h3><span class="t">Technologien</span></h3>
|
||||
</div>
|
||||
<h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023⁠–⁠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>
|
||||
<h3><span class="t">DevOps Consultant, GESIG GmbH</span> <span></span class="d">(2021)</span></h3>
|
||||
|
||||
<div class="left-hang">
|
||||
C++, Makefile, Jenkins
|
||||
</div>
|
||||
<p>CI/CD auf einer legacy Codebasis für Verkehrssteuerung eingeführt.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Technical Consultant, Digit-2-go Kft</span> <span></span class="d">(2020)</span></h3>
|
||||
|
||||
<div class="left-hang">
|
||||
MagicLeap One, CCD sensors
|
||||
</div>
|
||||
<p>Anforderungsanalyse und Machbarkeitsstudie für mm-genaue Indoor-Lokalisation eines VR projizierten Schweißplanes für Stahlportalkonstruktion durchgeführt.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">DevOps Expert, Liebherr, Palfinger, Porsche Bank, A1, Admiral / Qualysoft GmbH</span> <span></span class="d">(2019⁠–⁠2020)</span></h3>
|
||||
<p>Continuous Delivery von Software in 14+ Projekten standardisiert.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Technical Consultant, Laqa GmbH</span> <span></span class="d">(2018)</span></h3>
|
||||
<div class="left-hang">
|
||||
Arduino, GSM Module, Wägezellen, thermische und mechanische Generatoren
|
||||
</div>
|
||||
<p>Machbarkeitsstudie eines smarten Trinkglases durchgeführt. Prototypen für Energy Harvesting, Gewichtsmessung und mobile Kommunikation erstellt.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Co-founder, HeartShield Ltd</span> <span></span class="d">(2016⁠–⁠2018)</span></h3>
|
||||
|
||||
<div class="left-hang">
|
||||
<p>Python, Jupyter Notebook, matplotlib, numpy, scipy, scikit-learn</p>
|
||||
<p>Android, C++, gnuradio</p>
|
||||
</div>
|
||||
<p>
|
||||
Android App für die Früherkennung von koronarer Herzkrankheit entwickelt.
|
||||
<!--Implemented <em>signal quality estimates</em> and <em>event detection</em> from literature.-->
|
||||
Arrhythmie-Erkennung publiziert, siehe "Publikationen".
|
||||
Markt bei Messen und Krankenversicherungen validiert. Einige Module, die ich implementiert habe:
|
||||
</p>
|
||||
<ul>
|
||||
<li>FIR Filter um Rauschen und schwankende Grundlinie zu entfernen</li>
|
||||
<li>Echtzeit Autokorrelation für Live-Herzrate</li>
|
||||
<li>Erkennung von Herzschlägen [1, 2]</li>
|
||||
<li>Signalqualitätserkennung und verrauschte Teile markieren</li>
|
||||
<li>Signale mit verschiedener Zeitbasis und Clockdrift zeitlich angleichen</li>
|
||||
<li>Reverse Engineering des Kardia EKG Signals [3]</li>
|
||||
|
||||
</ul>
|
||||
<!--
|
||||
<ul>
|
||||
<li>Designed and implemented an Android app to collect biosignals in a hospital.</li>
|
||||
<li>Designed and implemented an Android app for heart disease risk screening.</li>
|
||||
<li>Validated use-cases for B2C, including dozens of individual tests at several exhibitions.</li>
|
||||
<li>Validated use-cases for B2B, including discussions with several insurance companies.</li>
|
||||
<li>Reverse engineered Kardia ECG encoding.</li>
|
||||
</ul>
|
||||
-->
|
||||
</div>
|
||||
<div class="section-spacer" style="height: 8pt; clear: both;"></div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Forschungsassistent, The University of Edinburgh</span> <span></span class="d">(2015⁠–⁠2016)</span></h3>
|
||||
<div class="left-hang">
|
||||
C++, Python, matplotlib, GNU Parallel, awk, sed, LaTeX
|
||||
</div>
|
||||
<p>Maschinelles Übersetzungsprogramm für die industrielle Anwendung vorbereitet: um den Faktor 3 beschleunigt und an Fachsprache angepasst.</p>
|
||||
<div class="left-hang">
|
||||
mosesdecoder
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Software Entwickler und Tester, Catalysts GmbH</span> <span></span class="d">(2010⁠–⁠2014)</span></h3>
|
||||
<div class="left-hang">
|
||||
C++, Java, Linux kernel, u-boot
|
||||
</div>
|
||||
<ul>
|
||||
<li>Suchmaschinenoptimierung einer Webapp für einen Online-Marktplatz</li>
|
||||
<li>Portieren und Routinen-Optimierung für Satellitendaten-Verarbeitung</li>
|
||||
<li>Aufgaben und Infrastruktur für einen Coding Contest organisiert</li>
|
||||
<li>Bootloader und Kernel eines Embedded Routers für 4-byte Flash-Speicher angepasst</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section-spacer" style="height: 8pt; clear: both;"></div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Werkstudent, Zelisko GmbH</span> <span></span class="d">(2008⁠–⁠2010)</span></h3>
|
||||
<div class="left-hang">
|
||||
EAGLE, C++
|
||||
</div>
|
||||
<p>Ein Testgerät für Fahrscheindrucker in Autobussen entworfen, inklusive Schaltungsdesign, Layouting, mechanischer Konstruktion und Industrialisierung.</p>
|
||||
</div>
|
||||
|
||||
<div class="section-spacer" style="height: 52pt;"></div>
|
||||
<!--<h2>References</h2>-->
|
||||
<div class="block references">
|
||||
<hr/>
|
||||
<ol>
|
||||
<li>Brüser, C., Winter, S., & Leonhardt, S. (2013, May). How speech processing can help with beat-to-beat heart rate estimation in ballistocardiograms. In 2013 IEEE International Symposium on Medical Measurements and Applications (MeMeA) (pp. 12-16). IEEE.</li>
|
||||
<li>Zong, W., Heldt, T., Moody, G. B., & Mark, R. G. (2003, September). An open-source algorithm to detect onset of arterial blood pressure pulses. In Computers in Cardiology, 2003 (pp. 259-262). IEEE.</li>
|
||||
<li><a href="https://github.com/cidermole/hsh-signal">https://github.com/cidermole/hsh-signal</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<h2>Ausbildung</h2><!-- deliberately here, forces h2 on new page -->
|
||||
<h3><span class="t">MSc Informatik, The University of Edinburgh</span> <span></span class="d">(2014⁠–⁠2015)</span></h3>
|
||||
<p><em>Spezialisierung: Learning from Data</em></p>
|
||||
<div class="left-hang">
|
||||
C++, Python, nltk, matplotlib, LaTeX
|
||||
</div>
|
||||
<p>Masterarbeit: "Handling out-of-vocabulary words in a domain adaptation setting in statistical machine translation"</p>
|
||||
<p>Das Übersetzen von Fachsprache mit fremden Trainingsdaten ist sensitiv auf das Alignment seltener Wörter. 27 % der nicht übersetzbaren Worte waren in Trainingsdaten präsent, aber zu selten um durch das Alignment extrahiert zu werden.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">BSc Elektrotechnik und Informatik, TU Wien</span> <span></span class="d">(2010⁠–⁠2014)</span></h3>
|
||||
<div class="left-hang">
|
||||
<p>C++, LaTeX</p>
|
||||
<p>Matlab</p>
|
||||
</div>
|
||||
<p>Bachelorarbeit: "Interfacing of the PARDISO Sparse Linear Solver for Schrödinger-Poisson simulation"</p>
|
||||
<p>10-25 % Beschleunigung der Simulation von Halbleitern durch das Refactoring einer C++ Codebasis. Eine Repräsentation von dünn besetzten Matrizen und eine Sparse Solver Bibliothek eingeführt.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">IT and Organisation, HTBLVA Spengerg. 20, Wien</span> <span></span class="d">(2005⁠–⁠2010)</span></h3>
|
||||
<div class="left-hang">
|
||||
C++, Java
|
||||
</div>
|
||||
<p><em>HTBLVA für EDV, Kommerzielle Datenverarbeitung</em><br/>
|
||||
1. und 2. Platz bei der Österreichischen Informatik-Olympiade 2009 und 2010.</p>
|
||||
</div>
|
||||
|
||||
<div class="section-spacer"></div>
|
||||
<h2>Publikationen</h2>
|
||||
<div class="left-hang">
|
||||
<div class="block">
|
||||
<h3><span class="t">Sprachen</span></h3>
|
||||
<ul>
|
||||
<li>Ungarisch: C2</li>
|
||||
<li>Deutsch: C2</li>
|
||||
<li>Englisch: C2</li>
|
||||
<li>Spanisch: B1</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section-spacer" style="height: 24pt;"></div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Hobbies</span></h3>
|
||||
<ul>
|
||||
<li>Tango Argentino</li>
|
||||
<li>Bouldern</li>
|
||||
<li>Schach</li>
|
||||
<li>Amateurfunk (OE3DAW)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">MMT: New open source MT for the translation industry</span></h3>
|
||||
<p>Bertoldi, N., Cattoni, R., Cettolo, M., Farajian, M. A., Federico, M., Caroselli, D., ... & Madl, D. (2017). The 20th Annual Conference of the European Association for Machine Translation (EAMT), 2017.</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Smartphone-based paroxysmal atrial fibrillation monitoring with robust generalization</span></h3>
|
||||
<p>Madl, T., & Madl, D. (2017). 31st Conference on Neural Information Processing Systems (NeurIPS ML4H 2017).</p>
|
||||
</div>
|
||||
<div class="block">
|
||||
<h3><span class="t">Automatisiertes Verfahren zur Dokumentation eines Verstoßes gegen die Straßenverordnung "Einfahrt verboten"</span></h3>
|
||||
<p>(Automatic method for documenting offences against the traffic regulation "No entry"). Madl, F., Madl. T, & Madl, D. (2014). Austrian utility patent: GM 8061/2013.</p>
|
||||
</div>
|
||||
|
||||
<h2>Organisiert</h2>
|
||||
<div class="section-spacer" style="height: 24pt;"></div>
|
||||
<h3><span class="t">Organisiert bei ...</span></h3>
|
||||
<div class="block">
|
||||
<ul>
|
||||
<li>Edinburgh International Tango Festival 2015: Reception</li>
|
||||
<li>OHM2013 (Observe. Hack. Make): Technical helpdesk</li>
|
||||
<li>Catalysts Coding Contest 2012: Aufgaben und Infrastruktur</li>
|
||||
<li>Kinderuni Wien 2012: Workshop vorbereitet und gehalten: "Wir bauen einen Generator!"</li>
|
||||
<li>Handball Euro 2010: Verantwortlich für IT-Infrastruktur</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section-spacer" style="height: 24pt;"></div>
|
||||
|
||||
<h2>Teilgenommen</h2>
|
||||
<div class="section-spacer" style="height: 24pt;"></div>
|
||||
<h3><span class="t">Teilgenommen an ...</span></h3>
|
||||
<div class="block">
|
||||
<ul>
|
||||
<li>HiPEAC 2026: High Performance and Embedded Architecture and Compilation</li>
|
||||
<li>Warsaw Tango Wave 2024</li>
|
||||
<li>Challenge24 Electronic Contest 2012 and 2014</li>
|
||||
<li>European Forum Alpbach 2013: "Experiences and Values"</li>
|
||||
<li>OHM2013 (Observe. Hack. Make)</li>
|
||||
<li>BEST Summer Course 2013: "Game ON: From Theory to Practice!" (game theory)</li>
|
||||
<li>European Forum Alpbach 2012: "Expectations - The Future of the Young"</li>
|
||||
<li>ISES International Summer University 2012: "Reinventing the Future: Responses and Alternatives to the Crisis"</li>
|
||||
<li>Chaos Communication Camp 2011</li>
|
||||
<li>Catalysts Coding Contest 2010 and 2011</li>
|
||||
<li>International Olympiad in Informatics 2010</li>
|
||||
<li>Österreichische Informatik-Olympiade 2010: <em>2. Platz</em></li>
|
||||
<li>International Olympiad in Informatics 2009</li>
|
||||
<li>Österreichische Informatik-Olympiade 2009: <em>1. Platz</em></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
117
main.css
117
main.css
@@ -3,6 +3,54 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
margin: 2cm 0cm;
|
||||
|
||||
@top-left {
|
||||
font-size: 10pt;
|
||||
background-image: linear-gradient(to right, rgb(185,205,229), rgb(185,205,229));
|
||||
background-size: 6.7cm 2cm;
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 7.7cm;
|
||||
padding-right: 1cm;
|
||||
text-align: center;
|
||||
}
|
||||
@bottom-left {
|
||||
font-size: 10pt;
|
||||
background-image: linear-gradient(to right, rgb(185,205,229), rgb(185,205,229));
|
||||
background-size: 6.7cm 2cm;
|
||||
background-position: top left;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 7.7cm;
|
||||
padding-right: 1cm;
|
||||
text-align: center;
|
||||
}
|
||||
@top-left {
|
||||
content: "";
|
||||
}
|
||||
@bottom-left {
|
||||
content: "CV David Madl - " counter(page) "/" counter(pages);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: linear-gradient(to right, rgb(185,205,229), rgb(185,205,229));
|
||||
background-size: 6.7cm 100%;
|
||||
background-position: top left;
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin-left: 14pt;
|
||||
}
|
||||
|
||||
div.references ol li, div.references ol li a {
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -15,22 +63,26 @@
|
||||
print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */
|
||||
}
|
||||
|
||||
#left-panel {
|
||||
float: left;
|
||||
width: 6.7cm;
|
||||
height: 29.7cm;
|
||||
background: rgb(185,205,229);
|
||||
}
|
||||
|
||||
#right-panel {
|
||||
margin-left: 6.7cm;
|
||||
padding: 2.5cm 1cm;
|
||||
padding: 2cm 1cm;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#left-panel {
|
||||
height: 24.7cm;
|
||||
}
|
||||
#right-panel {
|
||||
padding: 0cm 1cm;
|
||||
}
|
||||
}
|
||||
|
||||
/* CV heading */
|
||||
h1 {
|
||||
font-size: 18pt;
|
||||
font-weight: 500;
|
||||
padding-bottom: 8pt;
|
||||
margin-bottom: 32pt;
|
||||
}
|
||||
|
||||
/* Section heading */
|
||||
@@ -48,9 +100,14 @@ h2 {
|
||||
text-align: right;
|
||||
margin-right: -1cm;
|
||||
margin-top: 0pt; /* like -h2.padding-top + div.block.padding-top, to align text baseline with panel content */
|
||||
margin-left: 8pt;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
div.section-spacer {
|
||||
height: 16pt;
|
||||
}
|
||||
|
||||
/* Block heading */
|
||||
h3 {
|
||||
font-weight: normal;
|
||||
@@ -63,14 +120,52 @@ h3 span.t {
|
||||
}
|
||||
|
||||
div.block {
|
||||
padding: 8pt 0;
|
||||
padding: 0 0 8pt 0;
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
div.block p {
|
||||
padding-bottom: 8pt;
|
||||
}
|
||||
|
||||
div.left-hang p {
|
||||
padding-bottom: 8pt;
|
||||
}
|
||||
|
||||
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: -7.0cm; /* -(#left-panel.width - #right-panel.padding-left + target-margin-left) */
|
||||
width: 5.4cm;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user