CraftAttack/website
4
0
Fork 0
Code Issues 3 Pull Requests Actions Wiki Activity

add more stats

Browse Source
This commit is contained in:
bytedream
2023-11-29 00:15:25 +01:00
parent 38906df545
commit a872613f1e
3 changed files with 54 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/routes/+page.svelte
View File

@ -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>