From 2d480503781a3705e763ad66c3125877bfd5e241 Mon Sep 17 00:00:00 2001 From: AljGe Date: Fri, 17 Oct 2025 13:02:52 +0200 Subject: [PATCH] Add demo and template files for sharepic layout examples --- demo.typ | 92 ++++++++++++++++++++ kew.jpg | Bin 0 -> 3859 bytes template.typ | 238 +++++++++++++++++++++++++++++++++++++++++++++++++++ tux.svg | 4 + 4 files changed, 334 insertions(+) create mode 100644 demo.typ create mode 100644 kew.jpg create mode 100644 template.typ create mode 100644 tux.svg diff --git a/demo.typ b/demo.typ new file mode 100644 index 0000000..66b2d22 --- /dev/null +++ b/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") + ) +) diff --git a/kew.jpg b/kew.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e0a1b29833b3d4822f87305a4723f4e80858bd93 GIT binary patch literal 3859 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 + + +