Added timeline component to website

src/lib/components/timeline/TimelineOppositeContent.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { getContext } from 'svelte';
+	import type { TimelineConfig, TimelinePosition } from '../types';
+	export let style: string = null;
+
+	const config = getContext<TimelineConfig>('TimelineConfig');
+	const parentPosition = getContext<TimelinePosition>('ParentPosition');
+
+	const itemPosition = parentPosition ? parentPosition : config.rootPosition;
+</script>
+
+<div class={`timeline-opposite-content ${itemPosition}`} {style}>
+	<slot />
+</div>
+
+<style>
+	.timeline-opposite-content {
+		margin: 0;
+		flex: 1;
+		margin-right: auto;
+		margin: 6px 16px;
+	}
+
+	.left {
+		text-align: left;
+	}
+
+	.right {
+		text-align: right;
+	}
+</style>