From 5bdf726f64dc25048f5d372f20fd41741e746286 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabian=20B=C3=B6siger?= <boefabia@student.ethz.ch>
Date: Tue, 13 Feb 2024 21:00:36 +0100
Subject: [PATCH] print version

---
 index.html |  2 +-
 print.css  | 58 ++++++++++++++++++++++++++++++++++++++++++++++++------
 style.css  |  2 +-
 3 files changed, 54 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index d34c2be..4f94914 100644
--- a/index.html
+++ b/index.html
@@ -267,7 +267,7 @@ <h2>20 Jahre SP Sursee</h2>
                             Neben den kantonalen Delegierten hatte die jubilierende SP Sursee als Ehrengast Nationalratspräsidentin Gret Haller eingeladen.
                             Gret Haller sprach über die Aussenpolitik, welche je länger je mehr die wichtigen Inland-Themen beeinflusste.
                         </p>
-                        <figure>
+                        <figure class="no-print">
                             <img src="./images/gret-haller.jpg">
                             <figcaption>
                                 Sie prägten den SP-Parteitag: Nationalrat Werner Jöri, Nationalratspräsidentin Gret Haller und Regierungsrat Paul Huber.
diff --git a/print.css b/print.css
index bee25ba..e3ddd34 100644
--- a/print.css
+++ b/print.css
@@ -1,11 +1,11 @@
 :root {
-    --text-size: 20px;
-    --caption-size: 16px;
-    --title-size: 32px;
+    --text-size: 24px;
+    --caption-size: 20px;
+    --title-size: 40px;
     --outer-margins: 72px;
-    --timeline-thickness: 18px;
-    --bullet-size: 80px;
-    --bullet-text-size: 24px;
+    --timeline-thickness: 24px;
+    --bullet-size: 100px;
+    --bullet-text-size: 30px;
 
 }
 
@@ -51,4 +51,50 @@ figure {
 
 .no-print {
     display: none !important;
+}
+
+
+
+
+
+#timeline .event {
+    flex-direction: column;
+    width: 100vw;
+    height: 100vh;
+}
+
+#timeline .bullet-line {
+    flex-direction: row;
+    margin-left: 0;
+    margin-top: var(--outer-margins);
+}
+
+#timeline .content-wrapper {
+    margin: auto;
+    margin-top: var(--outer-margins);
+    overflow: hidden;
+}
+
+#timeline .bullet span {
+    color: white;
+    transform: scale(0.9);
+    font-weight: bold;
+    font-size: var(--bullet-text-size);
+}
+
+#timeline .line, #timeline .line-start, #timeline .line-end {
+    border-top: var(--timeline-thickness) solid var(--timeline-color);
+    margin-top: calc((var(--bullet-size) - var(--timeline-thickness)) / 2);
+    border-left: none;
+    margin-left: 0;
+}
+
+#timeline .line-start {
+    border-left: none;
+    border-top: none;
+}
+
+#timeline .line-end {
+    border-left: none;
+    border-top: var(--timeline-thickness) dashed var(--timeline-color);
 }
\ No newline at end of file
diff --git a/style.css b/style.css
index b3660f5..9bb6794 100644
--- a/style.css
+++ b/style.css
@@ -183,7 +183,7 @@ figcaption {
 #qr-code {
     display: none;
     float: right;
-    width: 128px !important;
+    width: 196px !important;
 }
 
 blockquote {