From dc21366f7a56efb138e4520a1e28bdbe1c6d334b Mon Sep 17 00:00:00 2001 From: bytedream Date: Tue, 28 Nov 2023 21:52:09 +0100 Subject: [PATCH] rework index page --- package-lock.json | 30 +++-- package.json | 2 +- src/lib/components/Countdown/Countdown.svelte | 10 +- src/routes/+layout.svelte | 9 +- src/routes/+page.svelte | 125 +++++++++++++----- static/img/bg.webp | Bin 0 -> 146158 bytes 6 files changed, 122 insertions(+), 54 deletions(-) create mode 100644 static/img/bg.webp diff --git a/package-lock.json b/package-lock.json index 319e6b5..95f09e9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -24,7 +24,7 @@ "@typescript-eslint/eslint-plugin": "^5.45.0", "@typescript-eslint/parser": "^5.45.0", "autoprefixer": "^10.4.14", - "daisyui": "^3.6.3", + "daisyui": "^4.4.10", "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte": "^2.30.0", @@ -1895,12 +1895,6 @@ "color-support": "bin.js" } }, - "node_modules/colord": { - "version": "2.9.3", - "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz", - "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==", - "dev": true - }, "node_modules/commander": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", @@ -1984,17 +1978,25 @@ "node": ">=4" } }, + "node_modules/culori": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/culori/-/culori-3.3.0.tgz", + "integrity": "sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==", + "dev": true, + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + } + }, "node_modules/daisyui": { - "version": "3.6.3", - "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.6.3.tgz", - "integrity": "sha512-VNWogAjx37H8kNYd2E/+r1OXc6dOvJTKlKltqIKAlNMFVfx2BIKPcmnVxaHQLfj2vhv1mYDBjgWj+1enQ+4yZA==", + "version": "4.4.10", + "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-4.4.10.tgz", + "integrity": "sha512-NGDsOLtCQ9UzfeOUlKn1lwneQte4UoINmAaDBcrMAbZviu/jWm7PSR9DqH3eE/AY/TpkImdAPVK+kGsZlpEFkQ==", "dev": true, "dependencies": { - "colord": "^2.9", "css-selector-tokenizer": "^0.8", - "postcss": "^8", - "postcss-js": "^4", - "tailwindcss": "^3" + "culori": "^3", + "picocolors": "^1", + "postcss-js": "^4" }, "engines": { "node": ">=16.9.0" diff --git a/package.json b/package.json index ff535f8..56c1c81 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "@typescript-eslint/eslint-plugin": "^5.45.0", "@typescript-eslint/parser": "^5.45.0", "autoprefixer": "^10.4.14", - "daisyui": "^3.6.3", + "daisyui": "^4.4.10", "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte": "^2.30.0", diff --git a/src/lib/components/Countdown/Countdown.svelte b/src/lib/components/Countdown/Countdown.svelte index e71df60..2b7b461 100644 --- a/src/lib/components/Countdown/Countdown.svelte +++ b/src/lib/components/Countdown/Countdown.svelte @@ -26,26 +26,26 @@ onDestroy(() => clearInterval(intervalId)); -
-
+
+
Tage
-
+
Stunden
-
+
Minuten
-
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 68212f2..6d4f694 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -25,6 +25,13 @@ active: false } ]; + let footerLinks = [ + { + name: 'Teamspeak', + icon: '', + href: 'ts3server://mhsl.eu' + } + ]; let showMenuPermanent = false; let menuButtonScrollIndex: number | null = null; @@ -74,7 +81,7 @@ />
-
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 6a8a2d8..478f037 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,48 +2,107 @@ import { env } from '$env/dynamic/public'; import Countdown from '$lib/components/Countdown/Countdown.svelte'; import { IconOutline } from 'svelte-heros-v2'; + + let information = [ + { + title: 'Das Projekt', + description: + 'CraftAttack ist ein Vanilla-Minecraft-Projekt, bei dem zahlreiche Spieler im friedlichen Miteinander spielen. Von gemeinsamen Bauvorhaben bis hin zum kollektiven Kampf gegen den Enderdrachen können die vielfältigen Aspekte von Minecraft erkundet werden.' + }, + { + title: 'Events', + description: + 'Abwechslungsreiche Events und verschiedene Minispiele sorgen dafür, dass es nie langweilig wird und garantieren somit jede Menge Spielspaß.' + }, + { + title: 'Voraussetzungen', + description: + 'Jeder ist willkommen und kann mitspielen. Dazu benötigst Du nur einen Minecraft-Account und schon bist Du Teil unser Community :)' + } + ]; Craftattack -
- -