changes

sp-sursee · Jan 6, 2024 · 329168f · 329168f
1 parent 975715b
commit 329168f
Show file tree

Hide file tree

Showing 10 changed files with 452 additions and 354 deletions.
diff --git a/images/kandidaten-grosser-rat-sursee.jpg b/images/kandidaten-grosser-rat-sursee.jpg
diff --git a/images/umstrittenes-gruendstueck.jpg b/images/umstrittenes-gruendstueck.jpg
diff --git a/index.html b/index.html
diff --git a/more/1983-schulpflegewahlen.pdf b/more/1983-schulpflegewahlen.pdf
diff --git a/more/1993-schulpflegewahlen.pdf b/more/1993-schulpflegewahlen.pdf
diff --git a/more/2004-schulpflegepraesidentin.pdf b/more/2004-schulpflegepraesidentin.pdf
diff --git a/more/2004-stadtrat.pdf b/more/2004-stadtrat.pdf
diff --git a/more/umzonungsinitiative.pdf b/more/umzonungsinitiative.pdf
diff --git a/print.css b/print.css
@@ -2,21 +2,27 @@
     --text-size: 20px;
     --caption-size: 16px;
     --title-size: 32px;
+    --outer-margins: 72px;
+    --timeline-thickness: 18px;
+    --bullet-size: 80px;
+    --bullet-text-size: 24px;
+
 }
 
 
 .button {
     display: none;
 }
 
+
 #timeline .event .content > * {
     transition: opacity 0 !important;
     opacity: 1 !important;
 }
 
 #timeline .event .image {
     transition: filter 0 !important;
-    filter: grayscale(0%) contrast(30%) brightness(150%) !important;
+    filter: grayscale(0%) contrast(30%) brightness(150%) blur(4px) !important;
 }
 
 * {
@@ -42,3 +48,7 @@ figure {
 #qr-code {
     display: inline-block !important;
 }
+
+.no-print {
+    display: none !important;
+}
diff --git a/style.css b/style.css
@@ -8,6 +8,8 @@
     --caption-size: 14px;
     --title-size: 24px;
     --transition-time: 1s;
+    --outer-margins: 16px;
+    --bullet-text-size: 16px;
 }
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
@@ -31,7 +33,7 @@ body {
     display: flex;
     flex-direction: column;
     align-items: stretch;
-    margin-left: 16px;
+    margin-left: var(--outer-margins);
 }
 
 #timeline .bullet {
@@ -54,6 +56,7 @@ body {
     color: white;
     transform: scale(0.9);
     font-weight: bold;
+    font-size: var(--bullet-text-size);
 }
 
 #timeline .line, #timeline .line-start, #timeline .line-end {
@@ -108,6 +111,8 @@ body {
     flex-direction: column;
     justify-content: center;
     margin: 16px;
+    margin-left: var(--outer-margins);
+    margin-right: var(--outer-margins);
 }
 
 #timeline .date {