mirror of
https://github.com/thiloho/archtika.git
synced 2025-11-22 10:51:36 +01:00
61 lines
1.2 KiB
Svelte
61 lines
1.2 KiB
Svelte
|
<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>
|
||
|
|
<link rel="stylesheet" href="./styles.css" />
|
||
|
|
</head>
|
||
|
|
</svelte:head>
|
||
|
|
|
||
|
|
<nav>
|
||
|
|
{#if logoType === "text"}
|
||
|
|
<p>
|
||
|
|
<strong>{logo}</strong>
|
||
|
|
</p>
|
||
|
|
{:else}
|
||
|
|
<img src={logo} alt="" />
|
||
|
|
{/if}
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
<h1>{title}</h1>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<main>
|
||
|
|
<section>
|
||
|
|
{@html mainContent}
|
||
|
|
</section>
|
||
|
|
{#if articles.length > 0}
|
||
|
|
<section>
|
||
|
|
<h2>Articles</h2>
|
||
|
|
|
||
|
|
{#each articles as article}
|
||
|
|
{@const articleFileName = article.title.toLowerCase().split(" ").join("-")}
|
||
|
|
|
||
|
|
<article>
|
||
|
|
<p>{article.publication_date}</p>
|
||
|
|
<h3>
|
||
|
|
<a href="./documents/{articleFileName}.html">{article.title}</a>
|
||
|
|
</h3>
|
||
|
|
{#if article.meta_description}
|
||
|
|
<p>{article.meta_description}</p>
|
||
|
|
{/if}
|
||
|
|
</article>
|
||
|
|
{/each}
|
||
|
|
</section>
|
||
|
|
{/if}
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
{footerAdditionalText}
|
||
|
|
</footer>
|