public home page with community activity overview

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

@@ -20,17 +20,21 @@
 <div class="head">
 	<div>
 		<h1>{a.name}</h1>
-		<p class="page-sub">{fmtDate(a.date)} · <span class="type">{a.type}</span></p>
+		<p class="page-sub">
+			<span class="who">{a.username}</span> · {fmtDate(a.date)} · <span class="type">{a.type}</span>
+		</p>
 	</div>
-	<form
-		method="POST"
-		action="?/delete"
-		use:enhance={({ cancel }) => {
-			if (!confirm('Delete this activity? Peaks it bagged stay climbed.')) cancel();
-		}}
-	>
-		<button class="btn danger" type="submit">Delete</button>
-	</form>
+	{#if data.canDelete}
+		<form
+			method="POST"
+			action="?/delete"
+			use:enhance={({ cancel }) => {
+				if (!confirm('Delete this activity? Peaks it bagged stay climbed.')) cancel();
+			}}
+		>
+			<button class="btn danger" type="submit">Delete</button>
+		</form>
+	{/if}
 </div>
 
 <div class="kpis">
@@ -79,6 +83,10 @@
 	.type {
 		text-transform: capitalize;
 	}
+	.who {
+		font-weight: 600;
+		color: var(--accent-strong);
+	}
 	.kpis {
 		display: grid;
 		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));