add content pages & md suport

src/routes/+page.svelte

@@ -1,32 +1,34 @@
 <script>
   import ImageLinkTile from "$lib/components/ImageLinkTile.svelte";
 
-  import mouse from "$lib/images/mouse.webp";
-  import drummachine from "$lib/images/drummachine.webp";
-  import scouts from "$lib/images/scouts.webp";
-  import console_image from "$lib/images/console.webp";
+  import mouse from "$lib/images/home/mouse.webp";
+  import drummachine from "$lib/images/home/drummachine.webp";
+  import scouts from "$lib/images/home/scouts.webp";
+  import console_image from "$lib/images/home/console.webp";
 </script>
 
-<ImageLinkTile src={console_image} href="">
-  <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
-    Informatik
-  </h2>
-</ImageLinkTile>
+<main>
+  <ImageLinkTile src={console_image} href="/informatik">
+    <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
+      Informatik
+    </h2>
+  </ImageLinkTile>
 
-<ImageLinkTile src={scouts} href="https://pfadifrisco.ch/" target="_blank">
-  <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
-    Pfadi
-  </h2>
-</ImageLinkTile>
+  <ImageLinkTile src={scouts} href="https://pfadifrisco.ch/" target="_blank">
+    <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
+      Pfadi
+    </h2>
+  </ImageLinkTile>
 
-<ImageLinkTile src={mouse} href="">
-  <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
-    Fotos
-  </h2>
-</ImageLinkTile>
+  <ImageLinkTile src={mouse} href="/fotos">
+    <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
+      Fotos
+    </h2>
+  </ImageLinkTile>
 
-<ImageLinkTile src={drummachine} href="">
-  <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
-    Musik
-  </h2>
-</ImageLinkTile>
+  <ImageLinkTile src={drummachine} href="/musig">
+    <h2 class="text-3xl font-bold text-white hover:underline text-shadow-lg">
+      Musig
+    </h2>
+  </ImageLinkTile>
+</main>

src/routes/brief/+page.svelte

@@ -0,0 +1,18 @@
+<script>
+  import ImageTile from "$lib/components/ImageTile.svelte";
+  import Markdown from "$lib/components/Markdown.svelte";
+  import HeadImage from "$lib/images/niklas_bw.webp";
+</script>
+
+<ImageTile src={HeadImage}>
+  <h2
+    class="flex items-center justify-center h-full text-3xl font-bold text-white text-shadow-lg"
+  >
+    ä Brief
+  </h2>
+</ImageTile>
+<main class="flex items-center justify-center pt-8 bg-black min-h-screen px-12">
+  <section class="max-w-screen-md">
+    <Markdown src="Brief.md" />
+  </section>
+</main>

src/routes/fotos/+page.svelte

@@ -0,0 +1,18 @@
+<script>
+  import ImageTile from "$lib/components/ImageTile.svelte";
+  import Markdown from "$lib/components/Markdown.svelte";
+  import HeadImage from "$lib/images/fotos/sunne_untergang.webp";
+</script>
+
+<ImageTile src={HeadImage}>
+  <h2
+    class="flex items-center justify-center h-full text-3xl font-bold text-white text-shadow-lg"
+  >
+    Fotos
+  </h2>
+</ImageTile>
+<main class="flex items-center justify-center pt-8 bg-black min-h-screen px-12">
+  <section class="max-w-screen-md">
+    <Markdown src="Fotos.md" />
+  </section>
+</main>

src/routes/informatik/+page.svelte

@@ -0,0 +1,18 @@
+<script>
+  import ImageTile from "$lib/components/ImageTile.svelte";
+  import Markdown from "$lib/components/Markdown.svelte";
+  import HeadImage from "$lib/images/informatik/monitor.webp";
+</script>
+
+<ImageTile src={HeadImage}>
+  <h2
+    class="flex items-center justify-center h-full text-3xl font-bold text-white text-shadow-lg"
+  >
+    Informatik
+  </h2>
+</ImageTile>
+<main class="flex items-center justify-center pt-8 bg-black min-h-screen px-12">
+  <section class="max-w-screen-md">
+    <Markdown src="Informatik.md" />
+  </section>
+</main>

src/routes/musig/+page.svelte

@@ -0,0 +1,18 @@
+<script>
+  import ImageTile from "$lib/components/ImageTile.svelte";
+  import Markdown from "$lib/components/Markdown.svelte";
+  import HeadImage from "$lib/images/musig/plattespiler.webp";
+</script>
+
+<ImageTile src={HeadImage}>
+  <h2
+    class="flex items-center justify-center h-full text-3xl font-bold text-white text-shadow-lg"
+  >
+    Musig
+  </h2>
+</ImageTile>
+<main class="flex items-center justify-center pt-8 bg-black min-h-screen px-12">
+  <section class="max-w-screen-md">
+    <Markdown src="Musig.md" />
+  </section>
+</main>