Files
archtika/web-app/src/lib/templates/blog/BlogArticle.svelte

54 lines
1.0 KiB
Svelte
Raw Normal View History

<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,
2024-09-07 16:45:20 +02:00
footerAdditionalText,
metaDescription
2024-08-20 19:17:05 +02:00
}: {
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;
2024-09-07 16:45:20 +02:00
metaDescription: string;
2024-08-20 19:17:05 +02:00
} = $props();
</script>
2024-09-07 16:45:20 +02:00
<Head {title} {favicon} nestingLevel={1} {metaDescription} />
<Nav {logoType} {logo} isIndexPage={false} />
<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>
</header>
2024-08-20 19:17:05 +02:00
{#if mainContent}
<main>
<div class="container">
{@html mainContent}
</div>
</main>
{/if}
2024-08-27 16:39:29 +02:00
<Footer text={footerAdditionalText} />