From 9d5fc8ee70b95fd7a238ed5f11e8f7bc1ed8f650 Mon Sep 17 00:00:00 2001 From: David Madl Date: Mon, 16 Feb 2026 23:15:02 +0100 Subject: [PATCH] initial: basic colors, boxes, and block formatting --- index.html | 23 ++++++++++++++++++ main.css | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 93 insertions(+) create mode 100644 index.html create mode 100644 main.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..0fecaa1 --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + CV + + + +
+
+

David Madl MSc

+

Roles

+ +
+

Performance Engineer, triscon IT-Services GmbH (2023⁠–⁠2025)

+

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

+
+
+ + \ No newline at end of file diff --git a/main.css b/main.css new file mode 100644 index 0000000..2c375e6 --- /dev/null +++ b/main.css @@ -0,0 +1,70 @@ +@page { + size: 21.0cm 29.7cm; + margin: 0; +} + +* { + margin: 0; + padding: 0; + font-family: 'Leelawadee UI'; + font-size: 12pt; + font-weight: 200; + + /* print background and images */ + -webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */ + color-adjust: exact !important; /* Firefox 48 – 96 */ + 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; +} + +/* CV heading */ +h1 { + font-size: 18pt; + font-weight: 500; +} + +/* Section heading */ +h2 { + float: right; + color: white; + font-weight: bold; + background: rgb(37,54,97); + display: block; + left: 100%; + padding: 5pt 8pt 8pt 8pt; + padding-right: 1cm; + width: 4cm; /* - margin-right => 5 cm */ + /* ends up 53 x 11.6 mm in print */ + text-align: right; + margin-right: -1cm; + margin-top: 0pt; /* like -h2.padding-top + div.block.padding-top, to align text baseline with panel content */ + font-size: 13pt; +} + +h3 { + font-weight: normal; + margin-bottom: 8pt; +} + +h3 span.t { + font-weight: 800; +} + +div.block { + padding: 8pt 0; +} + +div.block p { + line-height: 1.4; +}