From df7c5b4c7a34b454adec138ab7d679e216cef9b0 Mon Sep 17 00:00:00 2001
From: Odyssey346 <odyssey346@disroot.org>
Date: Thu, 4 Aug 2022 22:35:34 +0200
Subject: [PATCH] make the timeline look cooler maybe

Signed-off-by: Odyssey346 <odyssey346@disroot.org>
---
 src/routes/timeline.svelte | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/routes/timeline.svelte b/src/routes/timeline.svelte
index 2fc9628..b2fbe78 100644
--- a/src/routes/timeline.svelte
+++ b/src/routes/timeline.svelte
@@ -10,6 +10,11 @@
 	} from 'svelte-vertical-timeline';
 </script>
 
+
+<div class="hero">
+    <h3>A timeline of <span>Project</span> <span>Segfault</span>'s history</h3>
+</div>
+
 <Timeline position="alternate">
 	<TimelineItem>
 		<TimelineOppositeContent slot="opposite-content">
@@ -167,3 +172,28 @@
 		</TimelineContent>
 	</TimelineItem>
 </Timeline>
+
+<style>
+    .hero {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        font-family: var(--font-header);
+    }
+
+    .hero > * {
+        margin: 0;
+        padding: 0;
+        text-align: center;
+    }
+
+	.hero > h3  {
+        font-size: 50px;
+        font-weight: 800;
+	}
+
+	.hero > h3 > span {
+		color: var(--accent-primary);
+	}
+</style>
\ No newline at end of file