add team page
This commit is contained in:
parent
3f3f691c52
commit
6c7442e33c
1
src/lib/extra-icons/globe.svg
Normal file
1
src/lib/extra-icons/globe.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M352 256c0 22.2-1.2 43.6-3.3 64l-185.3 0c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64l185.3 0c2.2 20.4 3.3 41.8 3.3 64zm28.8-64l123.1 0c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64l-123.1 0c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32l-116.7 0c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0l-176.6 0c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0L18.6 160C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192l123.1 0c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64L8.1 320C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6l176.6 0c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352l116.7 0zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6l116.7 0z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -73,7 +73,7 @@
|
||||
/>
|
||||
|
||||
<main>
|
||||
<div class="min-h-screen h-full w-full">
|
||||
<div class="min-h-[calc(100vh-3.5rem)] h-full w-full" class:min-h-screen={onAdminPage}>
|
||||
<slot />
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@ -73,12 +73,12 @@
|
||||
<div>
|
||||
<h2 class="text-3xl text-black dark:text-white mb-8">Über uns</h2>
|
||||
<p>
|
||||
Wir sind ein kleines Team von Minecraft-Enthusiasten, das bereits im 6. Jahr in Folge
|
||||
Minecraft CraftAttack organisiert. Jahr für Jahr arbeiten wir daran, das Spielerlebnis zu
|
||||
verbessern und steigeren die Teilnehmerzahl.
|
||||
Wir sind ein kleines <a class="link" href={`${env.PUBLIC_BASE_PATH}/team`}>Team</a> von Minecraft-Enthusiasten,
|
||||
das bereits im 6. Jahr in Folge Minecraft CraftAttack organisiert. Jahr für Jahr arbeiten wir
|
||||
daran, das Spielerlebnis zu verbessern und steigeren die Teilnehmerzahl.
|
||||
</p>
|
||||
<p>
|
||||
Unser Ziel bei diesem ab dem <span class="underline"
|
||||
Unser Ziel bei diesem ab dem <span class="italic"
|
||||
>{new Date(env.PUBLIC_START_DATE).toLocaleString('de-DE', {
|
||||
day: '2-digit',
|
||||
month: 'numeric',
|
||||
|
||||
3
src/routes/faq/+layout.svelte
Normal file
3
src/routes/faq/+layout.svelte
Normal file
@ -0,0 +1,3 @@
|
||||
<div class="mx-4 my-6 sm:mx-3 sm:my-12">
|
||||
<slot />
|
||||
</div>
|
||||
16
src/routes/faq/+page.svelte
Normal file
16
src/routes/faq/+page.svelte
Normal file
@ -0,0 +1,16 @@
|
||||
<script lang="ts">
|
||||
let questions = [
|
||||
{
|
||||
title: '',
|
||||
content: ''
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
{#each questions as question}
|
||||
<div class="collapse collapse-plus bg-base-200">
|
||||
<input type="radio" />
|
||||
<div class="collapse-title text-xl font-medium">{question.title}</div>
|
||||
<div class="collapse-content">{@html question.content}</div>
|
||||
</div>
|
||||
{/each}
|
||||
3
src/routes/team/+layout.svelte
Normal file
3
src/routes/team/+layout.svelte
Normal file
@ -0,0 +1,3 @@
|
||||
<div class="m-auto flex flex-col justify-center items-center px-4 py-6 sm:px-48 sm:py-12">
|
||||
<slot />
|
||||
</div>
|
||||
81
src/routes/team/+page.svelte
Normal file
81
src/routes/team/+page.svelte
Normal file
@ -0,0 +1,81 @@
|
||||
<script lang="ts">
|
||||
import globe_icon from '$lib/extra-icons/globe.svg';
|
||||
|
||||
let team = [
|
||||
{
|
||||
name: 'Elias',
|
||||
nickname: 'MineTec',
|
||||
roles: ['Gründer', 'Support', 'Organisation', 'Softwareentwicklung', 'Systemadministrator'],
|
||||
links: [{ name: 'Website', href: 'https://mhsl.eu/aboutme/', icon: globe_icon }]
|
||||
},
|
||||
{
|
||||
name: 'Jannik',
|
||||
nickname: 'Goldi187',
|
||||
roles: ['Support', 'Organisation']
|
||||
},
|
||||
{
|
||||
name: 'Martin',
|
||||
nickname: 'olischma',
|
||||
roles: ['Support', 'Systemadministrator', 'Softwareentwicklung']
|
||||
},
|
||||
{
|
||||
name: 'Adrian',
|
||||
nickname: 'h0nny27',
|
||||
roles: ['Support']
|
||||
},
|
||||
{
|
||||
name: 'Ruben',
|
||||
nickname: 'bytedream',
|
||||
roles: ['Softwareentwicklung'],
|
||||
links: [{ name: 'Website', href: 'https://bytedream.dev', icon: globe_icon }]
|
||||
},
|
||||
{
|
||||
name: 'Lars',
|
||||
nickname: '28Pupsi28',
|
||||
roles: ['Softwareentwicklung']
|
||||
}
|
||||
];
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>Team</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1 class="text-3xl lg:text-5xl mb-4">Das Team</h1>
|
||||
<div class="grid grid-cols-3 gap-4 my-4 justify-center">
|
||||
{#each team as member}
|
||||
<div class="card w-96 bg-base-200">
|
||||
<div class="card-body px-4 py-6">
|
||||
<div class="flex flex-col items-center">
|
||||
<div class="avatar placeholder mb-2">
|
||||
<div class="bg-neutral text-neutral-content w-24 rounded-xl">
|
||||
<span class="text-3xl">{member.name.at(0).toUpperCase()}</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-center text-lg mb-1">{member.name} · {member.nickname}</p>
|
||||
<p class="text-center text-sm font-light">{member.roles.join(' · ')}</p>
|
||||
{#if member.links}
|
||||
<div class="w-full flex items-center flex-col">
|
||||
<div class="w-1/2 h-[1px] my-3 rounded bg-base-content" />
|
||||
<div class="flex gap-3">
|
||||
{#each member.links as link}
|
||||
<a
|
||||
class="block w-9 h-9 p-2 border rounded-full border-base-content"
|
||||
href={link.href}
|
||||
target="_blank"
|
||||
title={link.name}
|
||||
>
|
||||
<img class="w-full h-full invert" src={link.icon} alt={link.name} />
|
||||
</a>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -1,16 +1,11 @@
|
||||
import adapter from '@sveltejs/adapter-node';
|
||||
import preprocess from 'svelte-preprocess';
|
||||
import { sveltePreprocess } from 'svelte-preprocess';
|
||||
|
||||
/** @type {import('@sveltejs/kit').Config} */
|
||||
const config = {
|
||||
// Consult https://kit.svelte.dev/docs/integrations#preprocessors
|
||||
// for more information about preprocessors
|
||||
preprocess: preprocess(),
|
||||
preprocess: sveltePreprocess(),
|
||||
|
||||
kit: {
|
||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||
adapter: adapter(),
|
||||
csrf: {
|
||||
checkOrigin: false
|
||||
|
||||
@ -1,3 +1,5 @@
|
||||
import daisyui from 'daisyui';
|
||||
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
@ -9,7 +11,7 @@ export default {
|
||||
roboto: ['Roboto']
|
||||
}
|
||||
},
|
||||
plugins: [require('daisyui')],
|
||||
plugins: [daisyui],
|
||||
|
||||
daisyui: {
|
||||
logs: false
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user