2024-08-17 19:29:10 +02:00
|
|
|
<script lang="ts">
|
|
|
|
|
const { title, logoType, logo, mainContent, articles, footerAdditionalText } = $props<{
|
|
|
|
|
title: string;
|
|
|
|
|
logoType: "text" | "image";
|
|
|
|
|
logo: string;
|
|
|
|
|
mainContent: string;
|
|
|
|
|
articles: any[];
|
|
|
|
|
footerAdditionalText: string;
|
|
|
|
|
}>();
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<svelte:head>
|
|
|
|
|
<head>
|
|
|
|
|
<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 18:17:59 +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 18:17:59 +02:00
|
|
|
<div class="container">
|
|
|
|
|
<h1>{title}</h1>
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<main>
|
2024-08-18 18:17:59 +02:00
|
|
|
<div class="container">
|
2024-08-17 19:29:10 +02:00
|
|
|
{@html mainContent}
|
2024-08-18 18:17:59 +02:00
|
|
|
{#if articles.length > 0}
|
|
|
|
|
<section>
|
|
|
|
|
<h2>Articles</h2>
|
2024-08-17 19:29:10 +02:00
|
|
|
|
2024-08-18 18:17:59 +02:00
|
|
|
{#each articles as article}
|
|
|
|
|
{@const articleFileName = article.title.toLowerCase().split(" ").join("-")}
|
2024-08-17 19:29:10 +02:00
|
|
|
|
2024-08-18 18:17:59 +02:00
|
|
|
<article>
|
|
|
|
|
<p>{article.publication_date}</p>
|
|
|
|
|
<h3>
|
|
|
|
|
<a href="./articles/{articleFileName}.html">{article.title}</a>
|
|
|
|
|
</h3>
|
|
|
|
|
{#if article.meta_description}
|
|
|
|
|
<p>{article.meta_description}</p>
|
|
|
|
|
{/if}
|
|
|
|
|
</article>
|
|
|
|
|
{/each}
|
|
|
|
|
</section>
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
<footer>
|
2024-08-18 18:17:59 +02:00
|
|
|
<div class="container">
|
|
|
|
|
{footerAdditionalText}
|
|
|
|
|
</div>
|
2024-08-17 19:29:10 +02:00
|
|
|
</footer>
|
