SteamWar/Website
9
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

Updates and more

Browse Source
This commit is contained in:
Chaoscaot
2023-11-03 20:31:27 +01:00
parent b5a54d087b
commit e97e86f9ac
22 changed files with 363 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/layouts/NavbarLayout.astro
View File

@@ -3,8 +3,11 @@ import { Image } from "astro:assets";
import Basic from "./Basic.astro";
import '../styles/button.css';
import localLogo from "../images/logo.png"
import {YoutubeSolid, DiscordSolid} from "flowbite-svelte-icons"
import {l, t} from "astro-i18n";
import {YoutubeSolid, DiscordSolid, CaretDownOutline} from "flowbite-svelte-icons"
import {t} from "astro-i18n";
import {l} from "../util/util"
import ServerStatus from "../components/ServerStatus.svelte";
const { title } = Astro.props;
---
@@ -22,11 +25,14 @@ const { title } = Astro.props;
{t("navbar.title")}
</h1>
</a>
<div class="flex items-center flex-wrap">
<div class="flex justify-center flex-wrap">
<div class="btn-dropdown my-1">
<a class="btn btn-gray" href={l("/")}>
<span class="btn__text">{t("navbar.links.home.title")}</span>
</a>
<div class="btn btn-gray" tabindex="1">
<a href={l("/")}>
<span class="btn__text">{t("navbar.links.home.title")}</span>
</a>
<CaretDownOutline class="ml-2 mt-auto" />
</div>
<div>
<a class="btn btn-gray" href={l("/about")}>{t("navbar.links.home.about")}</a>
<a class="btn btn-gray">{t("navbar.links.home.downloads")}</a>
@@ -37,9 +43,12 @@ const { title } = Astro.props;
<span class="btn__text">{t("navbar.links.announcements")}</span>
</a>
<div class="btn-dropdown my-1">
<a class="btn btn-gray" rel="prefetch" href={l("/blog")}>
<span class="btn__text">{t("navbar.links.rules.title")}</span>
</a>
<div class="btn btn-gray" tabindex="1">
<a rel="prefetch" href={l("/blog")}>
<span class="btn__text">{t("navbar.links.rules.title")}</span>
</a>
<CaretDownOutline class="ml-2 mt-auto" />
</div>
<div>
<h2 class="px-2 text-gray-300">{t("navbar.links.rules.gamemode")}</h2>
<a class="btn btn-gray">{t("navbar.links.rules.wg")}</a>
@@ -55,14 +64,20 @@ const { title } = Astro.props;
</div>
</div>
<div class="btn-dropdown my-1">
<a class="btn btn-gray" rel="prefetch">
<span class="btn__text">{t("navbar.links.help.title")}</span>
</a>
<div class="btn btn-gray" tabindex="1">
<a rel="prefetch">
<span class="btn__text">{t("navbar.links.help.title")}</span>
</a>
<CaretDownOutline class="ml-2 mt-auto" />
</div>
<div>
<a class="btn btn-gray">{t("navbar.links.help.center")}</a>
<a class="btn btn-gray" href={l("/help")}>{t("navbar.links.help.center")}</a>
<a class="btn btn-gray">{t("navbar.links.help.docs")}</a>
</div>
</div>
<a class="btn my-1" href={l("/login")}>
<span class="btn__text">{t("navbar.links.account")}</span>
</a>
</div>
</div>
</nav-bar>
@@ -91,10 +106,11 @@ const { title } = Astro.props;
<main class="flex-1">
<slot />
</main>
<footer class="bg-gray-900 w-screen h-80 mt-4 rounded-t-2xl flex flex-col dark:bg-neutral-900">
<div class="flex-1 flex justify-evenly mt-4 ">
<footer class="bg-gray-900 w-screen min-h-80 mt-4 rounded-t-2xl flex flex-col dark:bg-neutral-900">
<div class="flex-1 flex justify-evenly items-center md:items-start mt-4 md:flex-row flex-col">
<div class="footer-card">
<h1>Serverstatus</h1>
<ServerStatus client:only="svelte" />
</div>
<div class="footer-card">
<h1>Links</h1>
@@ -121,7 +137,7 @@ const { title } = Astro.props;
<style>
.footer-card {
@apply w-36 text-gray-400 flex flex-col;
@apply w-40 text-gray-400 flex flex-col;
>h1 {
@apply text-xl font-bold text-gray-100;
}
@@ -139,6 +155,6 @@ const { title } = Astro.props;
}
.match {
width: clamp(75%, 25rem, 100vw);
width: min(100vw, 70em);
}
</style>