From ded3ac4cf319e10dd11e53c0a1489aa2aa188082 Mon Sep 17 00:00:00 2001
From: NotSoToothless <67082114+FURRO404@users.noreply.github.com>
Date: Sun, 7 Jun 2026 19:33:16 -0700
Subject: [PATCH] fuck u clippi (#1310)

---
 web/views/timeline.ejs | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/web/views/timeline.ejs b/web/views/timeline.ejs
index 233cf7c..bd17b7f 100644
--- a/web/views/timeline.ejs
+++ b/web/views/timeline.ejs
@@ -107,37 +107,37 @@
         @media (min-width: 1024px) {
             .timeline-grid {
                 grid-template-columns: repeat(3, 1fr);
-                gap: 8rem 2.5rem;
+                gap: 10rem 4rem;
                 align-items: start;
             }
             .timeline-card {
-                min-height: clamp(38rem, 62vh, 56rem);
-                padding: 2.5rem;
+                padding: clamp(2.5rem, 3vw, 4rem);
             }
             .timeline-marker {
-                left: 2.5rem;
-                width: 3rem;
-                height: 3rem;
-                font-size: 1.15rem;
+                top: -1.8rem;
+                left: clamp(2.5rem, 3vw, 4rem);
+                width: 3.6rem;
+                height: 3.6rem;
+                font-size: 1.35rem;
             }
             .timeline-index {
-                font-size: 0.78rem;
+                font-size: 0.85rem;
             }
             .timeline-date {
-                font-size: 1.05rem;
+                font-size: 1.15rem;
             }
             .timeline-title {
-                font-size: 1.65rem;
+                font-size: 1.85rem;
                 line-height: 1.3;
             }
             .timeline-desc {
-                font-size: 1.05rem;
-                line-height: 1.8;
+                font-size: 1.15rem;
+                line-height: 1.85;
             }
             .timeline-card-footer {
-                margin-top: 1.5rem;
-                padding-top: 1rem;
-                font-size: 0.82rem;
+                margin-top: 2rem;
+                padding-top: 1.25rem;
+                font-size: 0.9rem;
             }
             /* The line snakes 3 by 3: row 1 left to right, row 2 right to left,
                row 3 left to right, so the connector never crosses itself. */
@@ -288,7 +288,7 @@
 
     <!-- Timeline -->
     <section class="pb-28">
-        <div class="max-w-[1200px] mx-auto px-6 lg:px-12">
+        <div class="max-w-[1800px] mx-auto px-6 lg:px-12 xl:px-16">
             <div class="timeline" id="timeline">
                 <!-- Flowing connector line (drawn by JS through the node markers) -->
                 <svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true">