making things a little more friendly

1 files changed, 77 insertions, 0 deletions

diff --git a/test.html b/test.html
new file mode 100644
index 0000000..71b8915
--- /dev/null
+++ b/test.html
@@ -0,0 +1,77 @@
+
+
+<style>
+    * {
+        font-weight: 300;
+        font-family: "Abel", sans-serif;
+        -webkit-print-color-adjust: exact;
+
+        --entries-b: #ccc;
+        --entries-f: #111;
+        --headers-b: #333;
+        --headers-f: #fff;
+
+        --block: #ccc;
+    }
+
+    table {
+        width: 100%;
+    }
+
+    table td, table tr {
+        background: var(--headers-f);
+        height: 4px;
+    }
+
+    table th, table td:not(:empty) {
+        background-color: var(--entries-b);
+        color: var(--entries-f);
+        padding: 0.5em 1em;
+        position: relative
+    }
+
+    table th {
+        background-color: var(--headers-b);
+        color: var(--headers-f);
+    }
+
+    table th.tag {
+        width: 20%;
+    }
+
+    table td {
+        font-size: 12px;
+    }
+
+    table td.block {
+        background-image: repeating-linear-gradient(314deg, var(--block), var(--block) 10px, transparent 10px, transparent 20px);
+        background-size: 99.9999999% 99.9999999%;
+        border: 2px solid var(--block);
+    }
+
+    div {
+        position: absolute;
+        display: flex;
+
+        top: 0.4em;
+        left: 0.4em;
+        width: calc(100% - 0.8em);
+        justify-content: space-between;
+    }
+</style>
+
+<p>Persönlicher Stundenplan von David Penkowoj für das Sommersemester 2024. Letzter Stand: Donnerstag, 11. April 2024.</p>
+<table>
+  <tr>
+    <th> Uhrzeit </th>
+    <th class="tag"> Montag </th>
+    <th class="tag"> Dienstag </th>
+    <th class="tag"> Mittwoch </th>
+    <th class="tag"> Donnerstag </th>
+    <th class="tag"> Freitag </th>
+  </tr>
+  <tr class=""><th rowspan="4">08:00</th><td rowspan="16"></td><td rowspan="2"></td><td rowspan="1"></td><td rowspan="2"></td><td rowspan="2"></td></tr><tr class=""><td rowspan="6"><div><span>TGI 1 / V</span><span>AM 1</span></td></tr><tr class=""><td rowspan="6"><div><span>GET 2 / V</span><span>H1</span></td><td rowspan="6"><div><span>GET 2 / V</span><span>Z 1/2</span></td><td rowspan="6"><div><span>Pho / V</span><span>T 1</span></td></tr><tr class=""></tr><tr class=""><th rowspan="4">09:00</th></tr><tr class=""></tr><tr class=""></tr><tr class=""><td rowspan="9"></td></tr><tr class=""><th rowspan="4">10:00</th><td rowspan="4"></td><td rowspan="20" class="block"></td><td rowspan="6"><div><span>FuQ / V</span><span>AM 4</span></td></tr><tr class=""></tr><tr class=""></tr><tr class=""></tr><tr class="mensa1"><th rowspan="4">11:00</th><td rowspan="4"><div><span>FuQ / Ü</span><span>SI 4 (Minsky)</span></td></tr><tr class="mensa1"></tr><tr class="mensa1"><td rowspan="6"><div><span>GET 2 / Ü</span><span>AM S4</span></td></tr><tr class="mensa1"></tr><tr class="mensa1"><th rowspan="4">12:00</th><td rowspan="4"><div><span>GET 2 / Ü</span><span>AM S4</span></td><td rowspan="2"></td><td rowspan="4"><div><span>Pho / Ü</span><span>AM 1</span></td></tr><tr class="mensa1"></tr><tr class="mensa1"><td rowspan="6"><div><span>Ana 2 / V</span><span>AM 1</span></td></tr><tr class="mensa1"></tr><tr class="mensa1"><th rowspan="4">13:00</th><td rowspan="24" class="block"></td><td rowspan="4"></td><td rowspan="24"></td></tr><tr class="mensa1"></tr><tr class="mensa1"></tr><tr class="mensa1"></tr><tr class="mensa1"><th rowspan="4">14:00</th><td rowspan="2"></td><td rowspan="8"><div><span>EiBMO / V</span><span>H 1</span></td></tr><tr class=""></tr><tr class="mensa2"><td rowspan="12"><div><span>TGI 1 / Prak. Gr. 2</span><span>ITI 131</span></td></tr><tr class=""></tr><tr class=""><th rowspan="4">15:00</th><td rowspan="4"><div><span>TGI 1 / Ü</span><span>AM 1</span></td></tr><tr class=""></tr><tr class=""></tr><tr class=""></tr><tr class=""><th rowspan="4">16:00</th><td rowspan="4"><div><span>EiBMO / Ü</span><span>H 1</span></td><td rowspan="1"></td></tr><tr class=""><td rowspan="4"><div><span>Ana 2 / Ü</span><span>H 1</span></td></tr><tr class=""></tr><tr class=""></tr><tr class=""><th rowspan="4">17:00</th><td rowspan="4"></td></tr><tr class=""><td rowspan="7"></td></tr><tr class=""><td rowspan="2"></td></tr><tr class=""></tr><tr class=""><th rowspan="4">18:00</th><td rowspan="4"><div><span>Ana 2 / Helpdesk</span><span>O-Sync</span></td><td rowspan="4"><div><span>Ana 2 / Helpdesk</span><span>O-Sync</span></td></tr><tr class=""></tr><tr class=""></tr><tr class=""></tr>
+</table>
+<br>
+<u> Hinweise: </u>
+<ul><li>Mensabetrieb: 11:15 - 14:15 Uhr + 00:15 min</li><li>GET 2 / V am 23.05. & 04.07. im V1</li><li>GET 2 / Ü am 24.05. im T S2</li><li>FuQ / V am 24.05. im T S1</li></ul>