feat: add table of content element

src/content/photos/erasmus-valencia/index.mdx

@@ -2,6 +2,7 @@
 title: "Erasmus Valencia"
 date: 2022-09-02
 cover: ./images/MAX_8218 - MAX_8230.jpg
+toc: true
 ---
 
 import Image from "@components/Image.astro"
@@ -42,24 +43,24 @@ import ImageGallery from "@components/ImageGallery.svelte"
 
 2022 hatte ich das Privileg mit der Unterstützung von Erasmus 5 Monate in Valencia zu studieren, dass hier sind die Bilder, die dabei entstanden sind.
 
-## Wandern in Chullila
+# Wandern in Chullila
 
 <Image src={MAX_8126} alt="Einzelner Baum auf der Seite eines Berges, nebliges Licht"/>
 <Image src={MAX_8133} alt="Seite eines Berges mit einer einzelnen Straße, großer See in der Ferne"/>
 <Image src={MAX_8154} alt="Typ steht auf einer Straße unter einer Brücke die sehr groß ist"/>
 
-## Valencia Harbour
+# Valencia Harbour
 
 <Image src={MAX_8194} alt=""/>
 <Image src={MAX_8416_NEF_shotwell} alt=""/>
 
-## Hunde
+# Hunde
 
 <Image src={MAX_8197_NEF_shotwell} alt=""/>
 <Image src={MAX_8212_NEF_shotwell} alt=""/>
 <Image src={MAX_8404_NEF_shotwell} alt=""/>
 
-## Botanik
+# Botanik
 
 <Image src={MAX_8249} alt=""/>
 <Image src={MAX_8310_NEF_shotwell} alt=""/>
@@ -71,7 +72,7 @@ import ImageGallery from "@components/ImageGallery.svelte"
 <Image src={MAX_8396} alt="Hand made vase"/>
 <Image src={MAX_8551_NEF_shotwell} alt=""/>
 
-## Landschaften
+# Landschaften
 <Image src={MAX_8218_MAX_8230} alt=""/>
 <Image src={MAX_8276} alt=""/>
 <Image src={MAX_8426} alt=""/>

src/content/projects/karl/index.mdx

@@ -3,8 +3,8 @@ title: "K.A.R.L"
 date: 2021-04-01
 cover: ./images/Indicatrices_of_Distortion.png
 license: "CC-BY-SA:4.0"
-comments: true
 featured: true
+toc: true
 links:
   [
     ["live", "https://max-richter.dev/karl"],

src/content/projects/plantarium/index.mdx

@@ -45,9 +45,9 @@ import ImageGallery from "@components/ImageGallery.svelte"
 
 Schon gar nicht schlecht, aber wie das mit Prototypen so ist gab es noch einiges zu verbessern. Also eine Kurze Historie der größten Änderungen bis heute:
 
-## Refactors
+# Refactors
 
-### Svelte Rewrite
+## Svelte Rewrite
 
 Der erste Prototyp war handgeschriebenes ungetestes Javascript. Das kann man sich etwa so vorstellen als ob man ein Auto nur aus Zahnstochern und Ducttape bauen muss.
 Man kriegt es eventuell hin, ist vielleicht sogar ganz begeistert von seiner Kreation, wenn man sich das ganze aber dann ne Woche später nochmal anschaut oder schlimmer noch Verbesserungen daran machen will wird es recht schnell schwierig. Das hieß es war Zeit für die Lieblingsbeschäftigung eines jeden Web Entwicklers; herausfinden was gerade der heiße Scheiß in der Welt der Webentwicklung ist. Sobald man sich dann für eine der tausenden möglichen Technologien entschieden hat, macht man diese zu seiner persönlichen Religion und verteidigt sie mit religiösem Fanatismus. Ganz einfach, oder?
@@ -67,7 +67,9 @@ Im Hinterkopf hatte ich eigentlich schon die Lösung für das Problem, war mir n
 
 Die Lösung sind Node-Systeme! Hmm, was ist das denn?
 
+<div class="center my-4">
 ![Node-Systeme](./images/nodes.svg)
+</div>
 
 Node-Systeme bestehen aus Nodes und Connections. Nodes haben inputs und outputs und man kann diese miteinander verbinden.
 
@@ -86,15 +88,17 @@ Das coole ist das man dieses System sehr generisch gestalten kann und zum beispi
 
 ### Svelte-Kit Rewrite
 
-## Architektur
+# Architektur
 
-## Design
+# Design
 
-## Zukunft
+# Zukunft
 
-## Abschluss
+# Abschluss
 
 Aktuell sieht die Architectur in etwa so aus:
 
+<div class="center my-4">
 ![Architecture](./images/architecture.svg)
+</div>