From 12368701eefe7a5e1354b2327fe587539ceef7a8 Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Fri, 18 Mar 2022 22:30:46 -0500
Subject: Improve leaderboard page

---
 src/lib/Collapsible.svelte                  | 3 +++
 src/lib/Header.svelte                       | 4 ++--
 src/routes/leaderboards/[name].svelte       | 2 +-
 src/routes/leaderboards/index.svelte        | 1 +
 src/routes/player/[player]/[profile].svelte | 1 -
 5 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/lib/Collapsible.svelte b/src/lib/Collapsible.svelte
index 085dfff..615f9ce 100644
--- a/src/lib/Collapsible.svelte
+++ b/src/lib/Collapsible.svelte
@@ -42,6 +42,9 @@
 </details>
 
 <style>
+	details {
+		margin-bottom: 0.5em;
+	}
 	summary > :global(*) {
 		display: inline;
 	}
diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte
index 3c84a7e..de4145e 100644
--- a/src/lib/Header.svelte
+++ b/src/lib/Header.svelte
@@ -3,11 +3,11 @@
 	import SearchUser from './SearchUser.svelte'
 
 	export let backArrowHref = '/'
-	export let blurred: boolean
+	export let blurred = false
 	let searchUserValue = ''
 </script>
 
-<header id="main-header" class:blurred={blurred}>
+<header id="main-header" class:blurred>
 	<a href={backArrowHref} class="back-arrow-anchor" aria-label="back" sveltekit:prefetch>
 		<svg class="back-arrow" height="33" width="23">
 			<path d="M 14 0 l -13 13 l 13 13" stroke-width="2" fill="none" />
diff --git a/src/routes/leaderboards/[name].svelte b/src/routes/leaderboards/[name].svelte
index bed26b2..1ada4b3 100644
--- a/src/routes/leaderboards/[name].svelte
+++ b/src/routes/leaderboards/[name].svelte
@@ -39,7 +39,7 @@
 		{#if imageUrl}
 			<img src={imageUrl} alt={cleanId(data.name.slice(11))} />
 		{/if}
-		{toTitleCase(cleanId(data.name))}
+		{toTitleCase(cleanId(data.name))} Leaderboard
 	</h1>
 	{#if data.info}
 		<p class="leaderboard-info">
diff --git a/src/routes/leaderboards/index.svelte b/src/routes/leaderboards/index.svelte
index b6815e5..37fcb94 100644
--- a/src/routes/leaderboards/index.svelte
+++ b/src/routes/leaderboards/index.svelte
@@ -29,6 +29,7 @@
 <Header />
 
 <main>
+	<h1>SkyBlock Leaderboards</h1>
 	<Toc categories={Object.keys(data)} />
 
 	{#each Object.entries(data) as [category, leaderboards]}
diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index a801803..d74ff08 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -222,7 +222,6 @@
 	}
 
 	section {
-		margin-bottom: 0.5em;
 		max-width: fit-content;
 	}
 
-- 
cgit