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

Compare commits

base: CraftAttack:937464d68157111f94083d276682b0720ddfe774
Branches Tags
CraftAttack:main
...
compare: CraftAttack:903cae13e244c16323e80fbf63fa1e79d9f11cb4
Branches Tags
CraftAttack:main

3 Commits
937464d681 ... 903cae13e2

Author SHA1 Message Date
bytedream
903cae13e2 make team responsive
All checks were successful
delpoy / build-and-deploy (push) Successful in 1m16s
Details
2024-10-30 02:36:22 +01:00
bytedream
065395590a make faq responsive 2024-10-30 02:31:40 +01:00
bytedream
0389ee4c3b use player heads as team member picture 2024-10-30 02:29:07 +01:00
3 changed files with 9 additions and 5 deletions
Show Stats Expand all files Collapse all files

2
src/routes/faq/+page.svelte
View File

@ -185,7 +185,7 @@ sind nicht gestattet.</p>`
</svelte:head> </svelte:head>
<h1 class="text-3xl lg:text-5xl mb-16 text-center">FAQ</h1> <h1 class="text-3xl lg:text-5xl mb-16 text-center">FAQ</h1>
<div class="flex flex-row gap-10"> <div class="grid lg:grid-cols-2 2xl:grid-cols-3 gap-10">
{#each faq as questions} {#each faq as questions}
<div> <div>
<h2 class="text-4xl text-center mb-3">{questions.section}</h2> <h2 class="text-4xl text-center mb-3">{questions.section}</h2>

2
src/routes/team/+layout.svelte
View File

@ -1,3 +1,3 @@
<div class="m-auto flex flex-col justify-center items-center px-4 py-6 sm:px-48 sm:py-12"> <div class="m-auto flex flex-col justify-center items-center px-4 py-6 2xl:px-48 sm:py-12">
<slot /> <slot />
</div> </div>

10
src/routes/team/+page.svelte
View File

@ -41,15 +41,19 @@
<title>Craftattack - Team</title> <title>Craftattack - Team</title>
</svelte:head> </svelte:head>
<h1 class="text-3xl lg:text-5xl mb-4">Das Team</h1> <h1 class="text-5xl mb-10">Das Team</h1>
<div class="grid grid-cols-3 gap-4 my-4 justify-center"> <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-4 my-4 justify-center">
{#each team as member} {#each team as member}
<div class="card w-96 bg-base-200"> <div class="card w-96 bg-base-200">
<div class="card-body px-4 py-6"> <div class="card-body px-4 py-6">
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<div class="avatar placeholder mb-2"> <div class="avatar placeholder mb-2">
<div class="bg-neutral text-neutral-content w-24 rounded-xl"> <div class="bg-neutral text-neutral-content w-24 rounded-xl">
<span class="text-3xl">{member.name.at(0).toUpperCase()}</span> <img
style="width: 85%; height: 85%"
src={`https://mc-heads.net/head/${member.nickname}`}
alt={member.name}
/>
</div> </div>
</div> </div>
<p class="text-center text-lg mb-1">{member.name} · {member.nickname}</p> <p class="text-center text-lg mb-1">{member.name} · {member.nickname}</p>