2 files changed, 11 insertions, 23 deletions
diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index 8c1dcc0..dfb01ab 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -18,6 +18,7 @@
 
 <script lang="ts">
 	import Head from '$lib/Head.svelte'
+	import Emoji from '$lib/Emoji.svelte'
 	import Header from '$lib/Header.svelte'
 	import Username from '$lib/Username.svelte'
 	import { generateMetaDescription } from '$lib/profile'
@@ -34,13 +35,11 @@
 />
 <Header backArrowHref="/player/{data.member.username}" />
 
-<!-- <h1>{{ render.username(data.member, headType='3d') }}{% if emoji %}<span class="profile-emoji">{{ emoji|twemojiHtml|safe }}</span>{% endif %} ({{ data.member.profileName }})</h1> -->
-
 <main>
 	<h1>
 		<Username player={data.member} headType="3d" />
 		{#if data.customization?.emoji}
-			<span class="profile-emoji">{@html twemojiHtml(data.customization.emoji)}</span>
+			<span class="profile-emoji"><Emoji value={data.customization.emoji} /></span>
 		{/if}
 		({data.member.profileName})
 	</h1>
diff --git a/src/routes/player/[player]/index.svelte b/src/routes/player/[player]/index.svelte
index 73dfb0c..907761d 100644
--- a/src/routes/player/[player]/index.svelte
+++ b/src/routes/player/[player]/index.svelte
@@ -45,32 +45,21 @@
 	}
 
 	const isActiveProfileOnline = Date.now() / 1000 - 60 < activeProfileLastSave
-</script>
 
-<Head title="{data.player.username}'s SkyBlock profiles" />
-<Header />
+	// cursed svelte :D
+	$: bodyStyle = `<style>:root{--background:url(${data.customization.backgroundUrl})}</style>`
+</script>
 
 <svelte:head>
-	{#if data.customization?.backgroundUrl}
-		<style>
-			body:before {
-				content: '';
-				display: block;
-				position: fixed;
-				left: 0;
-				top: 0;
-				width: 100%;
-				height: 100%;
-				z-index: -10;
-				background: url('{data.customization.backgroundUrl}') no-repeat center center;
-				background-size: cover;
-			}
-		</style>
-	{/if}
+	{@html bodyStyle}
 </svelte:head>
+<!-- url('{data.customization.backgroundUrl}') -->
+
+<Head title="{data.player.username}'s SkyBlock profiles" />
+<Header />
 
 <main>
-	<h1><Username player={data.player} headType="3d"  />'s profiles</h1>
+	<h1><Username player={data.player} headType="3d" />'s profiles</h1>
 
 	<ul class="profile-list">
 		{#each data.profiles as profile}