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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/CustomIcons/Crosshairs.svelte Normal file
View File

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

10
src/lib/components/CustomIcons/Skull.svelte Normal file
View File

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

51
src/routes/+page.svelte
View File

@ -1,7 +1,9 @@
<script lang="ts"> <script lang="ts">
import { env } from '$env/dynamic/public'; import { env } from '$env/dynamic/public';
import Countdown from '$lib/components/Countdown/Countdown.svelte'; 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 = [ let information = [
{ {
@ -83,25 +85,40 @@
<div class="flex flex-col xl:flex-row justify-center items-center py-20 bg-base-100"> <div class="flex flex-col xl:flex-row justify-center items-center py-20 bg-base-100">
<div> <div>
<h3 class="text-center text-2xl mb-6">2022 in Zahlen</h3> <h3 class="text-center text-2xl mb-6">2022 in Zahlen</h3>
<div class="stats stats-vertical sm:stats-horizontal shadow"> <div class="flex flex-col lg:flex-row gap-4">
<div class="stat"> <div class="stats stats-vertical sm:stats-horizontal shadow">
<div class="stat-figure"> <div class="stat">
<img <div class="stat-figure">
class="w-8 h-8" <WrenchScrewdriver />
src="{env.PUBLIC_BASE_PATH}/img/netherrack.webp" </div>
alt="" <div class="stat-title">Abgebaute Blöcke</div>
title="Netherrack" <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>
<div class="stat-title">Meistabgebauter Block</div>
<div class="stat-value">2.3M</div>
</div> </div>
<div class="stat"> <div class="stats stats-vertical sm:stats-horizontal shadow">
<div class="stat-figure"> <div class="stat">
<User /> <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>
<div class="stat-title">Teilnehmer</div>
<div class="stat-value">135</div>
</div> </div>
</div> </div>
</div> </div>