branch-coexist: 3 neue decks 223015b-2026 / 223015c-2026 / dhbw-2026 daneben main

per user-request einen branch der main-content UND rewrite-content trägt — saubere separierung statt symlink/merge-conflict.

struktur:
- slides/<course>/ → main-content restored, eigene assets (kein new-demo-leak)
- slides/<course>-2026/ → rewrite-content, eigene assets (komplett kopiert + new demos)

Makefile: COURSES += 223015b-2026 223015c-2026 dhbw-2026 mit eigenen NAME/KAPITEL/DEPLOY/KLAUSUR-konfig. Klausur für b+c=1, dhbw=leer. Deploy-paths /hdm/223015b-2026 etc.

make build durchlaufen für alle 6 decks, 0 fehler.

dedup: 223015c+dhbw assets identisch in beiden ordnern (kein neu-demos auf b ergänzt). 223015b 86 → 120 files in -2026 (= +34 neue eroeffner/usb-c-drei-achsen/container-vs-codec/etc).

slides/223015c-2026/assets/demos/timeline.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <title>Zeitlinie</title>
+  <style>
+    html, body { margin: 0; padding: 0; background: #fff; font-family: system-ui, sans-serif; }
+    body { padding: 30px; display: inline-block; }
+    .timeline { position: relative; padding-left: 120px; }
+    .timeline::before {
+      content: "";
+      position: absolute;
+      left: 110px;
+      top: 12px; bottom: 12px;
+      width: 3px;
+      background: #d63384;
+    }
+    .event { position: relative; margin-bottom: 14px; }
+    .time {
+      position: absolute;
+      left: -118px;
+      top: 0;
+      width: 90px;
+      text-align: right;
+      font-family: ui-monospace, monospace;
+      font-size: 0.9rem;
+      font-weight: 700;
+      color: #7c2d12;
+    }
+    .dot {
+      position: absolute;
+      left: -16px;
+      top: 6px;
+      width: 14px;
+      height: 14px;
+      border-radius: 50%;
+      background: #d63384;
+      border: 3px solid #fff;
+      box-shadow: 0 0 0 2px #d63384;
+    }
+    .desc {
+      padding: 6px 14px;
+      background: #f3f4f6;
+      border-radius: 4px;
+      border-left: 3px solid #d63384;
+      font-size: 0.95rem;
+    }
+    .desc b { color: #1a1a2e; }
+  </style>
+</head>
+<body>
+  <div class="timeline">
+    <div class="event">
+      <div class="time">0 ms</div>
+      <div class="dot"></div>
+      <div class="desc"><b>DNS:</b> "Welche IP hat www.hdm-stuttgart.de?"</div>
+    </div>
+    <div class="event">
+      <div class="time">~20 ms</div>
+      <div class="dot"></div>
+      <div class="desc"><b>DNS-Antwort:</b> "212.132.79.37"</div>
+    </div>
+    <div class="event">
+      <div class="time">~25 ms</div>
+      <div class="dot"></div>
+      <div class="desc"><b>TCP-Handshake</b> beginnt</div>
+    </div>
+    <div class="event">
+      <div class="time">~50 ms</div>
+      <div class="dot"></div>
+      <div class="desc"><b>TCP-Verbindung</b> steht</div>
+    </div>
+    <div class="event">
+      <div class="time">~55 ms</div>
+      <div class="dot"></div>
+      <div class="desc"><b>HTTP-Request:</b> "GET /index.html"</div>
+    </div>
+    <div class="event">
+      <div class="time">~150 ms</div>
+      <div class="dot"></div>
+      <div class="desc"><b>HTTP-Response:</b> HTML kommt zurück</div>
+    </div>
+    <div class="event">
+      <div class="time">~200 ms</div>
+      <div class="dot"></div>
+      <div class="desc"><b>Browser rendert</b> die Seite</div>
+    </div>
+  </div>
+</body>
+</html>