Skip to content

Commit b0150d9

Browse files
committed
fix: add missing Timeline components to repository
The Timeline.astro and TimelineItem.astro components were being used in the Statsbomb case study but weren't tracked by git, causing CI build failures. These components are essential for the project timeline section.
1 parent 9c02f2e commit b0150d9

File tree

2 files changed

+40
-0
lines changed

2 files changed

+40
-0
lines changed

src/components/Timeline.astro

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
// Timeline wrapper component for displaying chronological milestones
3+
// Usage: Wrap TimelineItem components with this container
4+
---
5+
6+
<div class="my-8">
7+
<slot />
8+
</div>

src/components/TimelineItem.astro

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
interface Props {
3+
date: string;
4+
title: string;
5+
description: string;
6+
isLast?: boolean;
7+
}
8+
9+
const { date, title, description, isLast = false } = Astro.props;
10+
---
11+
12+
<div class="relative flex gap-4">
13+
<!-- Timeline dot and line -->
14+
<div class="flex flex-col items-center">
15+
<div
16+
class="w-3 h-3 rounded-full border-2 border-text bg-cream flex-shrink-0 mt-1.5"
17+
>
18+
</div>
19+
{
20+
!isLast && (
21+
<div class="w-0.5 flex-grow bg-text-light min-h-[2rem] mt-1" />
22+
)
23+
}
24+
</div>
25+
26+
<!-- Content -->
27+
<div class="flex-1 pb-4">
28+
<p class="text-sm font-semibold text-text-light mb-1">{date}</p>
29+
<h3 class="text-base font-semibold text-text mb-1">{title}</h3>
30+
<p class="text-sm text-text-light leading-relaxed">{description}</p>
31+
</div>
32+
</div>

0 commit comments

Comments
 (0)