initial version of streba 2

src/routes/activities/+page.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import ActivityItem from '$lib/components/ActivityItem.svelte';
+
+	let { data } = $props();
+</script>
+
+<svelte:head>
+	<title>Activities · Streba</title>
+</svelte:head>
+
+<h1>Activities</h1>
+<p class="page-sub">
+	{data.activities.length} recorded {data.activities.length === 1 ? 'activity' : 'activities'}.
+</p>
+
+{#if data.activities.length === 0}
+	<div class="card empty">
+		<p>No activities yet.</p>
+		<a class="btn" href="/upload">Upload a GPX file</a>
+	</div>
+{:else}
+	<div class="card list">
+		{#each data.activities as activity (activity.id)}
+			<ActivityItem {activity} />
+		{/each}
+	</div>
+{/if}
+
+<style>
+	.list :global(.item:not(:last-child)) {
+		border-bottom: 1px solid var(--border);
+	}
+	.empty {
+		padding: 2.5rem;
+		text-align: center;
+	}
+	.empty p {
+		color: var(--text-secondary);
+		margin: 0 0 1rem;
+	}
+</style>