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

Begin Display, Add View Transitions

Browse Source
This commit is contained in:
Chaoscaot
2024-02-28 17:28:21 +01:00
parent 361d7dae6a
commit 678746c89b
31 changed files with 349 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/layouts/Basic.astro
View File

@@ -2,8 +2,9 @@
import icon from "../images/logo.png";
import {getImage} from "astro:assets";
import {astroI18n} from "astro-i18n";
const {title, description} = Astro.props.frontmatter || Astro.props;
import {SEO} from "astro-seo";
import {ViewTransitions} from "astro:transitions";
const {title, description} = Astro.props.frontmatter || Astro.props;
import "../../public/fonts/roboto/roboto.css";
@@ -38,6 +39,8 @@ if (localStorage["theme-mode"] === "light" || (!("theme-mode" in localStorage) &
</script>
<slot name="head"/>
<ViewTransitions />
</head>
<body class="dark:bg-zinc-800">
<slot/>

2
src/layouts/NavbarLayout.astro
View File

@@ -29,7 +29,7 @@ const {title, description} = Astro.props;
<div class="flex-1 flex justify-evenly items-center md:items-start mt-4 md:flex-row flex-col gap-y-4">
<div class="footer-card">
<h1>Serverstatus</h1>
<ServerStatus client:only="svelte"/>
<ServerStatus transition:persist client:only="svelte"/>
</div>
<div class="footer-card">
<h1>Links</h1>

2
src/layouts/PageLayout.astro
View File

@@ -11,7 +11,7 @@ const {title, description, image} = Astro.props;
<Image src={image || localBau} alt="Bau" width="1920" height="1080" densities={[1.5, 2, 3, 4]}
class="w-full h-screen dark:brightness-75 fixed -z-10 object-cover" draggable="false" />
<div class="mx-auto bg-gray-100 p-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14 relative
dark:text-white dark:bg-neutral-900" style="width: min(100vw, 75em);">
dark:text-white dark:bg-neutral-900" style="width: min(100%, 75em);">
<slot/>
</div>
</NavbarLayout>