2024-08-17 19:29:10 +02:00
|
|
|
<script lang="ts">
|
|
|
|
|
const { title, logoType, logo, mainContent, coverImage, publicationDate, footerAdditionalText } =
|
|
|
|
|
$props<{
|
|
|
|
|
title: string;
|
|
|
|
|
logoType: "text" | "image";
|
|
|
|
|
logo: string;
|
|
|
|
|
mainContent: string;
|
|
|
|
|
coverImage: string;
|
|
|
|
|
publicationDate: string;
|
|
|
|
|
footerAdditionalText: string;
|
|
|
|
|
}>();
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<svelte:head>
|
|
|
|
|
<head>
|
2024-08-18 19:18:32 +02:00
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
2024-08-17 19:29:10 +02:00
|
|
|
<title>{title}</title>
|
2024-08-17 20:21:23 +02:00
|
|
|
<link rel="stylesheet" href="../styles.css" />
|
2024-08-17 19:29:10 +02:00
|
|
|
</head>
|
|
|
|
|
</svelte:head>
|
|
|
|
|
|
|
|
|
|
<nav>
|
2024-08-18 19:18:32 +02:00
|
|
|
<div class="container">
|
|
|
|
|
{#if logoType === "text"}
|
|
|
|
|
<p>
|
|
|
|
|
<strong>{logo}</strong>
|
|
|
|
|
</p>
|
|
|
|
|
{:else}
|
|
|
|
|
<img src={logo} alt="" />
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<header>
|
2024-08-18 19:18:32 +02:00
|
|
|
<div class="container">
|
|
|
|
|
{#if coverImage}
|
|
|
|
|
<img src={coverImage} alt="" />
|
|
|
|
|
{/if}
|
|
|
|
|
<h1>{title}</h1>
|
|
|
|
|
<p>{publicationDate}</p>
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<main>
|
2024-08-18 19:18:32 +02:00
|
|
|
<div class="container">
|
|
|
|
|
{@html mainContent}
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
<footer>
|
2024-08-18 19:18:32 +02:00
|
|
|
<div class="container">
|
|
|
|
|
{footerAdditionalText}
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</footer>
|
