speed chart, old logo revival, softer hillshade, peaks as side feature

src/routes/activities/[id]/+page.svelte

@@ -2,6 +2,7 @@
 	import { enhance } from '$app/forms';
 	import Map from '$lib/components/Map.svelte';
 	import ElevationChart from '$lib/components/ElevationChart.svelte';
+	import SpeedChart from '$lib/components/SpeedChart.svelte';
 	import StatTile from '$lib/components/StatTile.svelte';
 	import { fmtDate, fmtDistance, fmtDuration, fmtElevation, fmtSpeed } from '$lib/format';
 
@@ -29,7 +30,7 @@
 			method="POST"
 			action="?/delete"
 			use:enhance={({ cancel }) => {
-				if (!confirm('Delete this activity? Peaks it bagged stay climbed.')) cancel();
+				if (!confirm('Delete this activity? Peaks it reached stay in your list.')) cancel();
 			}}
 		>
 			<button class="btn danger" type="submit">Delete</button>
@@ -54,7 +55,7 @@
 
 {#if data.bagged.length > 0}
 	<div class="card bagged">
-		⛰ This track bagged
+		⛰ Peaks reached:
 		{#each data.bagged as peak, i (peak.id)}{i > 0 ? ', ' : ' '}<strong>{peak.name}</strong> ({peak.elevation_m} m){/each}
 	</div>
 {/if}
@@ -73,6 +74,13 @@
 	</div>
 {/if}
 
+{#if data.timed.length > 2}
+	<h2>Speed</h2>
+	<div class="card chart">
+		<SpeedChart timed={data.timed} />
+	</div>
+{/if}
+
 <style>
 	.head {
 		display: flex;