55 Zeilen
1.4 KiB
Plaintext
55 Zeilen
1.4 KiB
Plaintext
|
---
|
||
|
|
import { getCollection } from 'astro:content'
|
||
|
|
import {astroI18n} from "astro-i18n";
|
||
|
|
import NavbarLayout from "../layouts/NavbarLayout.astro";
|
||
|
|
|
||
|
|
export async function getStaticPaths() {
|
||
|
|
let posts = await getCollection("pages");
|
||
|
|
|
||
|
|
return posts.filter(value => value.id.split("/")[0] === astroI18n.langCode).map((page) => ({
|
||
|
|
props: { page }, params: { slug: page.slug }
|
||
|
|
}) )
|
||
|
|
}
|
||
|
|
|
||
|
|
const { page } = Astro.props;
|
||
|
|
const { Content } = await page.render();
|
||
|
|
---
|
||
|
|
|
||
|
|
|
||
|
|
<NavbarLayout title={page.data.title}>
|
||
|
|
<article>
|
||
|
|
<h1 class="text-left">{page.data.title}</h1>
|
||
|
|
<p class="text-left border-b-2 border-neutral-800">{page.data.description}</p>
|
||
|
|
<Content />
|
||
|
|
</article>
|
||
|
|
</NavbarLayout>
|
||
|
|
|
||
|
|
<style is:global>
|
||
|
|
article {
|
||
|
|
width: clamp(75%, 25rem, 100vw);
|
||
|
|
@apply mx-auto bg-gray-100 px-4 py-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14
|
||
|
|
dark:text-white dark:bg-neutral-900;
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
@apply text-4xl font-bold mt-4 text-center;
|
||
|
|
}
|
||
|
|
h2 {
|
||
|
|
@apply text-3xl font-bold mt-4;
|
||
|
|
}
|
||
|
|
h3 {
|
||
|
|
@apply text-2xl font-bold mt-4;
|
||
|
|
}
|
||
|
|
h4 {
|
||
|
|
@apply text-xl font-bold mt-4;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
@apply text-blue-500 hover:text-blue-700;
|
||
|
|
}
|
||
|
|
|
||
|
|
pre.astro-code {
|
||
|
|
@apply w-fit p-4 rounded-md border-2 border-gray-600;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|