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

add statistics
All checks were successful
deploy / build-and-deploy (push) Successful in 31s
Details

Browse Source
This commit is contained in:
Ruben Otto
2025-10-15 12:47:46 +02:00
parent 1455e46967
commit 94c86a1183
4 changed files with 58 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/pages/index.astro
View File

@@ -3,9 +3,10 @@ import WebsiteLayout from '@layouts/website/WebsiteLayout.astro';
import Countdown from '@app/website/index/Countdown.svelte';
import Craftattack from '@assets/img/craftattack.webp';
import Background from '@assets/img/background.webp';
import { START_DATE, YOUTUBE_INTRO_LINK } from 'astro:env/server';
import { START_DATE } from 'astro:env/server';
import { getSetting, SettingKey } from '@util/settings';
import { db } from '@db/database.ts';
import { Icon } from 'astro-icon/components';
const signupEnabled = await getSetting(db, SettingKey.SignupEnabled, false);
const signupInfoMessage = await getSetting(db, SettingKey.SignupInfoMessage);
@@ -69,23 +70,6 @@ const information = [
</div>
</div>
{
YOUTUBE_INTRO_LINK && (
<div class="bg-base-300 w-full py-12 flex justify-center">
<iframe
width="624"
height="351"
src={YOUTUBE_INTRO_LINK}
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
/>
</div>
)
}
<div class="flex justify-center py-20 bg-base-200">
<div class="card bg-base-100 shadow-lg w-11/12 xl:w-5/12 p-10">
<div>
@@ -111,4 +95,58 @@ const information = [
</div>
</div>
</div>
<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">2024/2025 in Zahlen</h3>
<div class="flex flex-col lg:flex-row gap-4">
<div class="stats stats-vertical xl:stats-horizontal shadow">
<div class="stat">
<div class="stat-figure">
<Icon name="heroicons:wrench-screwdriver-solid" size="1.5em" />
</div>
<div class="stat-title">Abgebaute Blöcke</div>
<div class="stat-value">17M</div>
<div class="stat-desc"><span class="underline">2.4M</span> davon Nehterrack</div>
</div>
<div class="stat">
<div class="stat-figure">
<Icon name="heroicons:users-solid" size="1.5em" />
</div>
<div class="stat-title">Teilnehmer</div>
<div class="stat-value">161</div>
<div class="stat-desc">&#8203;</div>
</div>
</div>
<div class="stats stats-vertical xl:stats-horizontal shadow h-min xl:h-[initial]">
<div class="stat">
<div class="stat-figure">
<Icon name="heroicons:clock-solid" size="1.5em" />
</div>
<div class="stat-title">Gesamtspielzeit</div>
<div class="stat-value">276 Tage</div>
<div class="stat-desc">&#8203;</div>
</div>
</div>
<div class="stats stats-vertical xl:stats-horizontal shadow">
<div class="stat">
<div class="stat-figure">
<Icon name="crosshairs" size="1.5em" />
</div>
<div class="stat-title">Getötete Monster</div>
<div class="stat-value">751K</div>
<div class="stat-desc">&#8203;</div>
</div>
<div class="stat">
<div class="stat-figure">
<Icon name="skull" size="1.5em" />
</div>
<div class="stat-title">Spieler Tode</div>
<div class="stat-value">2468</div>
<div class="stat-desc"><span class="underline">544</span> davon durch andere Spieler</div>
</div>
</div>
</div>
</div>
</div>
</WebsiteLayout>