From a872613f1e17d72d2c7967dee72403200feea07f Mon Sep 17 00:00:00 2001
From: bytedream <bytedream@protonmail.com>
Date: Wed, 29 Nov 2023 00:15:25 +0100
Subject: [PATCH] add more stats

---
 .../components/CustomIcons/Crosshairs.svelte  | 10 ++++
 src/lib/components/CustomIcons/Skull.svelte   | 10 ++++
 src/routes/+page.svelte                       | 51 ++++++++++++-------
 3 files changed, 54 insertions(+), 17 deletions(-)
 create mode 100644 src/lib/components/CustomIcons/Crosshairs.svelte
 create mode 100644 src/lib/components/CustomIcons/Skull.svelte

diff --git a/src/lib/components/CustomIcons/Crosshairs.svelte b/src/lib/components/CustomIcons/Crosshairs.svelte
new file mode 100644
index 0000000..42e06d2
--- /dev/null
+++ b/src/lib/components/CustomIcons/Crosshairs.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	export let size = '24';
+	export let fill = 'currentColor';
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" height={size} width={size} {fill} viewBox="0 0 512 512"
+	><path
+		d="M256 0c17.7 0 32 14.3 32 32V42.4c93.7 13.9 167.7 88 181.6 181.6H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H469.6c-13.9 93.7-88 167.7-181.6 181.6V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V469.6C130.3 455.7 56.3 381.7 42.4 288H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H42.4C56.3 130.3 130.3 56.3 224 42.4V32c0-17.7 14.3-32 32-32zM107.4 288c12.5 58.3 58.4 104.1 116.6 116.6V384c0-17.7 14.3-32 32-32s32 14.3 32 32v20.6c58.3-12.5 104.1-58.4 116.6-116.6H384c-17.7 0-32-14.3-32-32s14.3-32 32-32h20.6C392.1 165.7 346.3 119.9 288 107.4V128c0 17.7-14.3 32-32 32s-32-14.3-32-32V107.4C165.7 119.9 119.9 165.7 107.4 224H128c17.7 0 32 14.3 32 32s-14.3 32-32 32H107.4zM256 224a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
+	/></svg
+>
diff --git a/src/lib/components/CustomIcons/Skull.svelte b/src/lib/components/CustomIcons/Skull.svelte
new file mode 100644
index 0000000..1e9ad4e
--- /dev/null
+++ b/src/lib/components/CustomIcons/Skull.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	export let size = '24';
+	export let fill = 'currentColor';
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" height={size} width={size} {fill} viewBox="0 0 512 512"
+	><path
+		d="M416 398.9c58.5-41.1 96-104.1 96-174.9C512 100.3 397.4 0 256 0S0 100.3 0 224c0 70.7 37.5 133.8 96 174.9c0 .4 0 .7 0 1.1v64c0 26.5 21.5 48 48 48h48V464c0-8.8 7.2-16 16-16s16 7.2 16 16v48h64V464c0-8.8 7.2-16 16-16s16 7.2 16 16v48h48c26.5 0 48-21.5 48-48V400c0-.4 0-.7 0-1.1zM96 256a64 64 0 1 1 128 0A64 64 0 1 1 96 256zm256-64a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"
+	/></svg
+>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b985d9a..3e36950 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
 	import { env } from '$env/dynamic/public';
 	import Countdown from '$lib/components/Countdown/Countdown.svelte';
-	import { User } from 'svelte-heros-v2';
+	import { User, WrenchScrewdriver } from 'svelte-heros-v2';
+	import Crosshairs from '$lib/components/CustomIcons/Crosshairs.svelte';
+	import Skull from '$lib/components/CustomIcons/Skull.svelte';
 
 	let information = [
 		{
@@ -83,25 +85,40 @@
 <div class="flex flex-col xl:flex-row justify-center items-center py-20 bg-base-100">
 	<div>
 		<h3 class="text-center text-2xl mb-6">2022 in Zahlen</h3>
-		<div class="stats stats-vertical sm:stats-horizontal shadow">
-			<div class="stat">
-				<div class="stat-figure">
-					<img
-						class="w-8 h-8"
-						src="{env.PUBLIC_BASE_PATH}/img/netherrack.webp"
-						alt=""
-						title="Netherrack"
-					/>
+		<div class="flex flex-col lg:flex-row gap-4">
+			<div class="stats stats-vertical sm:stats-horizontal shadow">
+				<div class="stat">
+					<div class="stat-figure">
+						<WrenchScrewdriver />
+					</div>
+					<div class="stat-title">Abgebaute Blöcke</div>
+					<div class="stat-value">26.5M</div>
+					<div class="stat-desc"><span class="underline">2.3M</span> davon Netherrack</div>
+				</div>
+				<div class="stat">
+					<div class="stat-figure">
+						<User />
+					</div>
+					<div class="stat-title">Teilnehmer</div>
+					<div class="stat-value">135</div>
 				</div>
-				<div class="stat-title">Meistabgebauter Block</div>
-				<div class="stat-value">2.3M</div>
 			</div>
-			<div class="stat">
-				<div class="stat-figure">
-					<User />
+			<div class="stats stats-vertical sm:stats-horizontal shadow">
+				<div class="stat">
+					<div class="stat-figure">
+						<Crosshairs />
+					</div>
+					<div class="stat-title">Getötete Mobs</div>
+					<div class="stat-value">1.2M</div>
+				</div>
+				<div class="stat">
+					<div class="stat-figure">
+						<Skull />
+					</div>
+					<div class="stat-title">Spieler Tode</div>
+					<div class="stat-value">3996</div>
+					<div class="stat-desc"><span class="underline">578</span> davon durch andere Spieler</div>
 				</div>
-				<div class="stat-title">Teilnehmer</div>
-				<div class="stat-value">135</div>
 			</div>
 		</div>
 	</div>