This commit is contained in:
2023-12-15 16:11:33 +01:00
parent a72dd2124d
commit 643db90b15
10 changed files with 408 additions and 385 deletions

View File

@ -20,6 +20,7 @@
<script lang="ts">
import {t} from "astro-i18n";
import {
ChevronDoubleLeftOutline,
ChevronDoubleRightOutline,
ChevronLeftOutline, ChevronRightOutline,
FolderOutline,
@ -149,7 +150,13 @@
<div class="w-full flex justify-center mt-4">
<ul class="inline-flex">
<li>
<button on:click={previous} class="btn btn-gray h-8 px-3 text-sm flex items-center !m-0 !rounded-r-none">
<button on:click={() => page = 0} class="btn btn-gray h-8 px-3 text-sm flex items-center !m-0 !rounded-l-none">
<span class="sr-only">Next</span>
<ChevronDoubleLeftOutline class="w-3 h-3" />
</button>
</li>
<li>
<button on:click={previous} class="btn btn-gray h-8 px-3 text-sm flex items-center !m-0 !rounded-none">
<span class="sr-only">Previous</span>
<ChevronLeftOutline class="w-3 h-3" />
</button>
@ -162,11 +169,17 @@
</li>
{/each}
<li>
<button on:click={next} class="btn btn-gray h-8 px-3 text-sm flex items-center !m-0 !rounded-l-none">
<button on:click={next} class="btn btn-gray h-8 px-3 text-sm flex items-center !m-0 !rounded-none">
<span class="sr-only">Next</span>
<ChevronRightOutline class="w-3 h-3" />
</button>
</li>
<li>
<button on:click={() => page = maxPage - 1} class="btn btn-gray h-8 px-3 text-sm flex items-center !m-0 !rounded-l-none">
<span class="sr-only">Next</span>
<ChevronDoubleRightOutline class="w-3 h-3" />
</button>
</li>
</ul>
</div>

View File

@ -24,7 +24,8 @@
"1": "Teste dein Können mit deinem Team bei regelmäßig stattfindenden Events.",
"2": "Unser eigenes Eventsystem ist vielseitig verwendbar und ermöglicht einzigartige Kämpfe!"
}
}
},
"read": "Mehr Lesen"
},
"prefix": {
"Admin": "Administrator",

View File

@ -73,7 +73,8 @@
"1": "Test your skills in regular turnaments!",
"2": "Our own event system is very flexible and allows us to create unique turnaments."
}
}
},
"read": "Read More"
},
"prefix": {
"Admin": "Admin",

View File

@ -126,8 +126,8 @@ const { title } = Astro.props;
</div>
<div class="footer-card">
<h1>Social Media</h1>
<a class="flex" href="/"><YoutubeSolid class="mr-2" /> YouTube</a>
<a class="flex" href="/"><DiscordSolid class="mr-2" /> Discord</a>
<a class="flex" href="/youtube"><YoutubeSolid class="mr-2" /> YouTube</a>
<a class="flex" href="/discord"><DiscordSolid class="mr-2" /> Discord</a>
</div>
</div>
<span class="text-sm text-white text-center mt-1">© SteamWar.de - Made with ❤️ by Chaoscaot</span>

View File

@ -122,7 +122,7 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
<p>{t("home.benefits.events.description.2")}</p>
</div>
</div>
<a class="btn px-8 flex" href={l("/about")}>Read More <CaretRight width="24" heigth="24" /></a>
<a class="btn px-8 flex" href={l("/about")}>{t("home.benefits.read")}<CaretRight width="24" heigth="24" /></a>
</section>
<section class="w-full py-12">
{mapMap(groupedTeamMember, (key, value) => (
@ -146,6 +146,10 @@ function mapMap<T, K, J>(i: Map<T, K>, fn: (key: T, value: K) => J): J[] {
</NavbarLayout>
<style>
@tailwind base;
@tailwind components;
@tailwind utilities;
text-carousel{
>* {
@apply absolute top-0 left-0 w-full text-xl sm:text-4xl italic text-white text-center opacity-0;