2024-08-17 19:29:10 +02:00
|
|
|
<script lang="ts">
|
2024-08-27 16:39:29 +02:00
|
|
|
import Head from "../common/Head.svelte";
|
|
|
|
|
import Nav from "../common/Nav.svelte";
|
|
|
|
|
import Footer from "../common/Footer.svelte";
|
2024-08-20 19:17:05 +02:00
|
|
|
|
|
|
|
|
const {
|
2024-08-25 16:31:12 +02:00
|
|
|
favicon,
|
2024-08-20 19:17:05 +02:00
|
|
|
title,
|
|
|
|
|
logoType,
|
|
|
|
|
logo,
|
|
|
|
|
mainContent,
|
|
|
|
|
coverImage,
|
|
|
|
|
publicationDate,
|
|
|
|
|
footerAdditionalText
|
|
|
|
|
}: {
|
2024-08-25 16:31:12 +02:00
|
|
|
favicon: string;
|
2024-08-20 19:17:05 +02:00
|
|
|
title: string;
|
|
|
|
|
logoType: "text" | "image";
|
|
|
|
|
logo: string;
|
|
|
|
|
mainContent: string;
|
|
|
|
|
coverImage: string;
|
|
|
|
|
publicationDate: string;
|
|
|
|
|
footerAdditionalText: string;
|
|
|
|
|
} = $props();
|
2024-08-17 19:29:10 +02:00
|
|
|
</script>
|
|
|
|
|
|
2024-08-27 16:39:29 +02:00
|
|
|
<Head {title} {favicon} nestingLevel={1} />
|
2024-08-17 19:29:10 +02:00
|
|
|
|
2024-08-27 16:39:29 +02:00
|
|
|
<Nav {logoType} {logo} />
|
2024-08-17 19:29:10 +02:00
|
|
|
|
|
|
|
|
<header>
|
2024-08-18 19:18:32 +02:00
|
|
|
<div class="container">
|
2024-08-18 20:12:27 +02:00
|
|
|
<hgroup>
|
|
|
|
|
<p>{publicationDate}</p>
|
|
|
|
|
<h1>{title}</h1>
|
|
|
|
|
</hgroup>
|
2024-08-18 19:18:32 +02:00
|
|
|
{#if coverImage}
|
|
|
|
|
<img src={coverImage} alt="" />
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</header>
|
|
|
|
|
|
2024-08-20 19:17:05 +02:00
|
|
|
{#if mainContent}
|
|
|
|
|
<main>
|
|
|
|
|
<div class="container">
|
|
|
|
|
{@html mainContent}
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
{/if}
|
2024-08-17 19:29:10 +02:00
|
|
|
|
2024-08-27 16:39:29 +02:00
|
|
|
<Footer text={footerAdditionalText} />
|
