From 947e2f49c87a67dc0d81355693609c5360fd6489 Mon Sep 17 00:00:00 2001
From: VDawg <vdawg@tuta.io>
Date: Thu, 16 Nov 2023 17:45:06 +0100
Subject: [PATCH] contest: date as pill

---
 src/routes/wall_of_fame/Contest.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/routes/wall_of_fame/Contest.svelte b/src/routes/wall_of_fame/Contest.svelte
index f0e2b55..cf3c1d2 100755
--- a/src/routes/wall_of_fame/Contest.svelte
+++ b/src/routes/wall_of_fame/Contest.svelte
@@ -28,15 +28,19 @@
 
 <section class="">
 	<div class="relative py-24 sm:py-40">
-		<div
-			class="flex flex-col items-center p-6 mix-blend-color-dodge"
+		<header
+			class="flex flex-col items-center gap-2 p-6 mix-blend-color-dodge"
 			use:inview={{ threshold: 0.45 }}
 			on:inview_change={setEnabled}
 		>
 			<div class="text-xl font-bold text-neutral-300/80 sm:text-2xl">Contest #{number}</div>
 			<h2 class="text-center text-6xl font-bold text-neutral-200/80 sm:text-9xl">{name}</h2>
-			<h2 class="mt-2 text-center text-xl font-bold text-slate-200/80">{date}</h2>
-		</div>
+			<div
+				class="mt-2 rounded-full bg-slate-100/5 px-4 py-1 text-center text-xl font-bold text-slate-200/80 shadow"
+			>
+				{date}
+			</div>
+		</header>
 
 		<div class="mask" class:enabled>
 			<div class="background" aria-hidden="true"></div>