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) {
.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">