Added timeline component to website

2023-10-25 10:54:39 +01:00
parent dad56090ac
commit 083fbe1c20
22 changed files with 323 additions and 7 deletions
--- a/src/lib/components/timeline/TimelineDot.svelte
+++ b/src/lib/components/timeline/TimelineDot.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let style: string = null;
+</script>
+
+<span class="timeline-dot" {style}>
+	<slot />
+</span>
+
+<style>
+	.timeline-dot {
+		background-color: #121212;
+		border: solid 2px #121212;
+		display: flex;
+		align-self: baseline;
+		padding: 4px;
+		border-radius: 50%;
+		margin: 11.5px 0;
+	}
+</style>