Add categories for docs template

2025-11-22 10:51:36 +01:00 · 2024-08-27 16:39:29 +02:00
parent 0753345bba
commit 1b1767c0f7
24 changed files with 651 additions and 154 deletions
--- a/web-app/src/lib/templates/docs/DocsArticle.svelte
+++ b/web-app/src/lib/templates/docs/DocsArticle.svelte
@@ -0,0 +1,51 @@
+<script lang="ts">
+  import Head from "../common/Head.svelte";
+  import Nav from "../common/Nav.svelte";
+  import Footer from "../common/Footer.svelte";
+
+  const {
+    favicon,
+    title,
+    logoType,
+    logo,
+    mainContent,
+    coverImage,
+    publicationDate,
+    footerAdditionalText
+  }: {
+    favicon: string;
+    title: string;
+    logoType: "text" | "image";
+    logo: string;
+    mainContent: string;
+    coverImage: string;
+    publicationDate: string;
+    footerAdditionalText: string;
+  } = $props();
+</script>
+
+<Head {title} {favicon} nestingLevel={1} />
+
+<Nav {logoType} {logo} isDocsTemplate={true} />
+
+<header>
+  <div class="container">
+    <hgroup>
+      <p>{publicationDate}</p>
+      <h1>{title}</h1>
+    </hgroup>
+    {#if coverImage}
+      <img src={coverImage} alt="" />
+    {/if}
+  </div>
+</header>
+
+{#if mainContent}
+  <main>
+    <div class="container">
+      {@html mainContent}
+    </div>
+  </main>
+{/if}
+
+<Footer text={footerAdditionalText} />