chore: improve layouts

Author: openscript

.changeset/beige-boats-argue.md

@@ -0,0 +1,5 @@
+---
+"r.obin.ch": patch
+---
+
+Improve layouts

src/components/Details.astro

@@ -8,7 +8,7 @@ const { defaultOpen = false } = Astro.props;
 
 ---
 
-<details class="details" open={defaultOpen} data-default-open={defaultOpen}>
+<details open={defaultOpen} data-default-open={defaultOpen}>
   <summary><slot name="title" /></summary>
   <div class="content">
     <slot />
@@ -42,13 +42,17 @@ const { defaultOpen = false } = Astro.props;
     padding: 1rem;
   }
 
+  :global(article) details {
+    margin: 0;
+  }
+
   .content {
     padding: 0 1ch;
   }
 </style>
 
 <script>
-  const details = document.querySelectorAll('.details') as NodeListOf<HTMLDetailsElement>;
+  const details = document.querySelectorAll('details') as NodeListOf<HTMLDetailsElement>;
   const matchQuery = window.matchMedia('(max-width: 1280px)');
 
   matchQuery.addEventListener('change', () => {

src/content.config.ts

@@ -81,6 +81,7 @@ const pagesCollection = defineCollection({
     z.object({
       path: z.string(),
       title: z.string(),
+      template: z.enum(["article", "article-with-aside"]).optional().default("article"),
     })
   ),
 });

src/content/pages/de/about-me.mdx

@@ -1,7 +1,6 @@
 ---
 path: ueber-mich
 title: Über mich
-layout: ../../../layouts/pages/Page.astro
 ---
 
 Schön, dich hier zu treffen! Mein Name ist Robin.

src/content/pages/de/data-protection.mdx

@@ -1,7 +1,7 @@
 ---
 path: datenschutz
 title: Datenschutzerklärung
-layout: ../../../layouts/pages/PageWithAside.astro
+template: article-with-aside
 ---
 
 Diese Datenschutzerklärung erläutert, wie diese private Webseite mit Ihren Daten umgeht.

src/content/pages/de/imprint.mdx

@@ -1,7 +1,6 @@
 ---
 path: impressum
 title: Impressum
-layout: ../../../layouts/pages/Page.astro
 ---
 
 Unterhalb sind die Angaben zur Identität des Eigentümers dieser privaten Webseite zu finden.

src/content/pages/de/website.mdx

@@ -1,7 +1,7 @@
 ---
 path: webseite
 title: Webseite
-layout: ../../../layouts/pages/PageWithAside.astro
+template: article-with-aside
 ---
 
 import CodeLicense from "../../../../LICENSE?raw";

src/content/pages/en/about-me.mdx

@@ -1,7 +1,6 @@
 ---
 path: about-me
 title: About me
-layout: ../../../layouts/pages/Page.astro
 ---
 
 Great to meet you here! I'm Robin.

src/content/pages/en/data-protection.mdx

@@ -1,7 +1,7 @@
 ---
 path: data-protection
 title: Data protection
-layout: ../../../layouts/pages/PageWithAside.astro
+template: article-with-aside
 ---
 
 This privacy policy explains how this private website handles your data.

src/content/pages/en/imprint.mdx

@@ -1,7 +1,6 @@
 ---
 path: imprint
 title: Imprint
-layout: ../../../layouts/pages/Page.astro
 ---
 
 The identity of the owner of this personal website is stated below.