2024-08-27 16:39:29 +02:00
|
|
|
<script lang="ts">
|
|
|
|
|
import Head from "../common/Head.svelte";
|
|
|
|
|
import Nav from "../common/Nav.svelte";
|
|
|
|
|
import Footer from "../common/Footer.svelte";
|
|
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
favicon,
|
|
|
|
|
title,
|
|
|
|
|
logoType,
|
|
|
|
|
logo,
|
|
|
|
|
mainContent,
|
2024-08-28 17:30:32 +02:00
|
|
|
categorizedArticles,
|
2024-09-07 16:45:20 +02:00
|
|
|
footerAdditionalText,
|
|
|
|
|
metaDescription
|
2024-08-27 16:39:29 +02:00
|
|
|
}: {
|
|
|
|
|
favicon: string;
|
|
|
|
|
title: string;
|
|
|
|
|
logoType: "text" | "image";
|
|
|
|
|
logo: string;
|
|
|
|
|
mainContent: string;
|
2024-08-28 17:30:32 +02:00
|
|
|
categorizedArticles: { [key: string]: { title: string }[] };
|
2024-08-27 16:39:29 +02:00
|
|
|
footerAdditionalText: string;
|
2024-09-07 16:45:20 +02:00
|
|
|
metaDescription: string;
|
2024-08-27 16:39:29 +02:00
|
|
|
} = $props();
|
|
|
|
|
</script>
|
|
|
|
|
|
2024-09-07 16:45:20 +02:00
|
|
|
<Head {title} {favicon} nestingLevel={1} {metaDescription} />
|
2024-08-27 16:39:29 +02:00
|
|
|
|
2024-08-28 17:30:32 +02:00
|
|
|
<Nav {logoType} {logo} isDocsTemplate={true} {categorizedArticles} isIndexPage={false} />
|
2024-08-27 16:39:29 +02:00
|
|
|
|
|
|
|
|
<header>
|
|
|
|
|
<div class="container">
|
2024-08-29 20:09:37 +02:00
|
|
|
<h1>{title}</h1>
|
2024-08-27 16:39:29 +02:00
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
{#if mainContent}
|
|
|
|
|
<main>
|
|
|
|
|
<div class="container">
|
|
|
|
|
{@html mainContent}
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
{/if}
|
|
|
|
|
|
2024-09-08 16:42:32 +02:00
|
|
|
<Footer text={footerAdditionalText} isIndexPage={false} />
|
