fuck u clippi (#1310)

This commit is contained in:
NotSoToothless
2026-06-07 19:33:16 -07:00
committed by GitHub
parent 77888d7b36
commit ded3ac4cf3
+16 -16
View File
@@ -107,37 +107,37 @@
@media (min-width: 1024px) { @media (min-width: 1024px) {
.timeline-grid { .timeline-grid {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 8rem 2.5rem; gap: 10rem 4rem;
align-items: start; align-items: start;
} }
.timeline-card { .timeline-card {
min-height: clamp(38rem, 62vh, 56rem); padding: clamp(2.5rem, 3vw, 4rem);
padding: 2.5rem;
} }
.timeline-marker { .timeline-marker {
left: 2.5rem; top: -1.8rem;
width: 3rem; left: clamp(2.5rem, 3vw, 4rem);
height: 3rem; width: 3.6rem;
font-size: 1.15rem; height: 3.6rem;
font-size: 1.35rem;
} }
.timeline-index { .timeline-index {
font-size: 0.78rem; font-size: 0.85rem;
} }
.timeline-date { .timeline-date {
font-size: 1.05rem; font-size: 1.15rem;
} }
.timeline-title { .timeline-title {
font-size: 1.65rem; font-size: 1.85rem;
line-height: 1.3; line-height: 1.3;
} }
.timeline-desc { .timeline-desc {
font-size: 1.05rem; font-size: 1.15rem;
line-height: 1.8; line-height: 1.85;
} }
.timeline-card-footer { .timeline-card-footer {
margin-top: 1.5rem; margin-top: 2rem;
padding-top: 1rem; padding-top: 1.25rem;
font-size: 0.82rem; font-size: 0.9rem;
} }
/* The line snakes 3 by 3: row 1 left to right, row 2 right to left, /* 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. */ row 3 left to right, so the connector never crosses itself. */
@@ -288,7 +288,7 @@
<!-- Timeline --> <!-- Timeline -->
<section class="pb-28"> <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"> <div class="timeline" id="timeline">
<!-- Flowing connector line (drawn by JS through the node markers) --> <!-- Flowing connector line (drawn by JS through the node markers) -->
<svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true"> <svg class="timeline-line" id="timelineLine" preserveAspectRatio="none" aria-hidden="true">