Add demo and template files for sharepic layout examples

demo.typ

@@ -0,0 +1,92 @@
+#import "template.typ": sharepic
+
+// Demo 1: Horizontales layout mit 3 logos
+#sharepic(
+  logos: (
+    (path: "kew.jpg", height: 3.5cm, rotation: -8deg),
+    (path: "connection.png", height: 3.5cm, rotation: 0deg),
+    (path: "tux.svg", height: 3.5cm, rotation: 8deg)
+  ),
+  layout: "horizontal",
+  title: [ÜberwachtAtlas – „Gefährliche Orte" & MWVZ],
+  when: [22.10.2025, 17:00 Uhr],
+  where: [Uni Leipzig, Hörsaal 16 (Hauptcampus)],
+  about: [
+    *Vortrag:* Sogenannte „gefährliche Orte" und Messer- und Waffenverbotszonen ermöglichen der Polizei ortsbezogene, verdachtsunabhängige Kontrollen. Die Polizei setzt diese Kontrollen um und legt die Orte zumeist selbst fest. Im ÜberwachtAtlas haben wir die „gefährlichen Orte" und MWVZ visualisiert.
+  ]
+)
+
+// Demo 2: Vertikales layout mit 2 logos
+#sharepic(  
+  logos: (
+    (path: "tux.svg", height: 3.5cm, rotation: -25deg),
+    (path: "connection.png", height: 3.5cm, rotation: 0deg)
+  ),
+  layout: "vertical",
+  title: [AG Link goes KEW],
+  when: [23.10.2025 13:00],
+  where: [Uni Leipzig \ Seminargebäude \ Raum S125],
+  about: [
+    Wir versuchen in diesem Vortrag zu zeigen warum es ein Problem ist wenn Konzerne unsere Daten sammeln und was man dagegen tun kann.
+    \ *Alle sind willkommen.
+    Kein Vorwissen benötigt.*
+  ]
+)
+
+// Demo 3: Einfaches layout mit einem Logo
+#sharepic(
+  logos: ("tux.svg",),
+  layout: "horizontal",
+  title: [Simple Event],
+  about: [This is a simple event with just one logo.]
+)
+
+// Demo 4: Vier Logos in horizontalem Layout (Gitter)
+#sharepic(
+  logos: (
+    (path: "tux.svg", height: 3cm),
+    (path: "connection.png", height: 3cm, rotation: -10deg),
+    (path: "kew.jpg", height: 3cm, rotation: 10deg),
+    (path: "tux.svg", height: 3cm, rotation: -5deg)
+  ),
+  layout: "horizontal",
+  title: [Four Logo Event],
+  about: [This demonstrates how four logos are arranged in a grid pattern in horizontal layout.]
+)
+
+// Demo 5: Vertikales layout mit benutzerdefinierter Positionierung
+#sharepic(
+  logos: (
+    (path: "tux.svg", height: 3cm, rotation: 0deg),
+    (path: "connection.png", height: 3cm, rotation: 0deg),
+    (path: "kew.jpg", height: 3cm, rotation: 0deg)
+  ),
+  layout: "vertical",
+  title: [Vertical Layout Demo],
+  about: [This shows how logos are stacked vertically on the left side.]
+)
+
+// Demo 6: Verwendung von String-Logos (einfache Verwendung)
+#sharepic(
+  logos: ("tux.svg", "connection.png", "kew.jpg"),
+  layout: "horizontal",
+  title: [String Logos Demo],
+  when: [Today at 2 PM],
+  where: [Main Hall],
+  about: [This demonstrates the simplest usage - just pass logo file names as strings.]
+)
+
+// Demo 7: Benutzerdefinierte Theme-Überschreibung
+#sharepic(
+  logos: (
+    (path: "connection.png", height: 4cm, rotation: 0deg)
+  ),
+  layout: "horizontal",
+  title: [Custom Theme Demo],
+  about: [This uses a custom theme override for different colors.],
+  theme-override: (
+    bg-color: rgb("#f0f8ff"),
+    fg-color: rgb("#2f4f4f"),
+    accent-color: rgb("#4682b4")
+  )
+)