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

Changes

Browse Source
This commit is contained in:
Chaoscaot
2023-10-08 14:34:38 +02:00
parent 51a605ffa5
commit 48961abdf6
17 changed files with 296 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/layouts/Basic.astro
View File

@@ -1,7 +1,11 @@
---
import {astroI18n} from "astro-i18n";
import icon from '../images/logo.png';
import {getImage} from "astro:assets";
const { title, description } = Astro.props.frontmatter || Astro.props;
const iconImage = await getImage({src: icon, height: 32, width: 32, format: 'png', quality: 100});
---
<html lang={astroI18n.langCode} class="dark">
@@ -11,6 +15,7 @@ const { title, description } = Astro.props.frontmatter || Astro.props;
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content={description}/>
<link rel="icon" type="imgage/png" href={iconImage.src} />
<link rel="stylesheet" href="/fonts/barlow-condensed/barlow-condensed.css" />
<title>{title}</title>
<slot name="head" />

9
src/layouts/NavbarLayout.astro
View File

@@ -4,6 +4,7 @@ import { Image } from 'astro:assets';
import '../styles/button.css';
import localLogo from "../images/logo.png"
import {l, t} from "astro-i18n";
import {YoutubeSolid} from "flowbite-svelte-icons"
const { title } = Astro.props;
---
@@ -13,7 +14,7 @@ const { title } = Astro.props;
<Fragment>
<div class="min-h-screen flex flex-col">
<nav-bar class="fixed top-0 left-0 right-0 px-4 transition-colors z-10 flex justify-center \
before:bg-transparent before:absolute before:top-0 before:left-0 before:bottom-0 before:right-0 before:bg-black before:-z-10 before:scale-y-0 before:transition-transform before:origin-top">
before:bg-black before:absolute before:top-0 before:left-0 before:bottom-0 before:right-0 before:-z-10 before:scale-y-0 before:transition-transform before:origin-top">
<div class="flex flex-col md:flex-row items-center justify-evenly md:justify-between match">
<a class="flex items-center" href={l("/")}>
<Image src={localLogo} alt={t("navbar.logo.alt")} width="44" height="44" quality="max" class="mr-2 p-1 bg-black rounded-full" />
@@ -100,7 +101,7 @@ const { title } = Astro.props;
</div>
<div class="footer-card">
<h1>Links</h1>
<a href={l("/")}>Startseite</a>
<a href={l("/")}>{t("navbar.links.home.title")}</a>
<a href={l("/join")}>Join Now</a>
<a href={l("/")}>Announcements</a>
<a href={l("/")}>Gamemodes</a>
@@ -111,10 +112,10 @@ const { title } = Astro.props;
</div>
<div class="footer-card">
<h1>Social Media</h1>
<a>YouTube</a>
<a class="flex" href="/"><YoutubeSolid class="mr-2" /> YouTube</a>
</div>
</div>
<span class="text-sm text-white text-center">© SteamWar.de</span>
<span class="text-sm text-white text-center">© SteamWar.de - {new Date().getFullYear()}</span>
</footer>
</div>
</Fragment>