Add first version of workshop slides

chapters/listings.typ

@@ -0,0 +1,67 @@
+#import "/globals.typ": *
+
+== Codelistings
+
+#slide(title: [Codelistings])[
+  - Abdrucken von Codezeilen
+  - einfaches Syntaxhighlighting
+  - nativ unterstützt
+    - Paket #link("https://typst.app/universe/package/codly")[codly] für mehr Anpassungsmöglichkeiten und Zeilennummern
+]
+
+#slide(title: [Native Codelistings])[
+  #show-code-render("native-listings.typ")
+]
+
+#slide(title: [Einbinden von Beispielen aus externen Dateien])[
+  - `lang` _muss_ explizit gesetzt werden, auch wenn die Dateiendung Teil des Pfades ist
+  ```typ
+  #raw(read("/path/to/file"), lang: "<language>", block: true)
+  ```
+  - `#read()` ließt Inhalt der Datei ein
+  - `#raw()` für Listingdarstellung
+]
+
+#slide(title: [Plugin codly])[
+  - #link("https://typst.app/universe/package/codly")[codly] bietet viele weitergehende Features
+    - Einrückung
+    - Zeilennummern
+    - Zebrastreifen
+  - Einrichtung:
+    ```typ
+    #import "@preview/codly:1.3.0": *
+    #import "@preview/codly-languages:0.1.1": *
+    #show: codly-init.with()
+    #codly(languages: codly-languages)
+    ```
+
+  - danach werden Codeblöcke automatisch durch codly formatiert
+  - tiefgehende #link("https://raw.githubusercontent.com/Dherse/codly/main/docs.pdf")[Dokumentation]
+]
+
+#codly-enable()
+
+#slide(title: [codly -- Beispiel])[
+  ```java
+  public static void main(String[] args) {
+    System.out.println("Hello Cyberweek");
+  }
+  ```
+
+  - codly ist stark konfigurierbar
+  - jedes Verhalten und Feature kann deaktiviert oder angepasst werden
+]
+
+#slide(title: [codly -- In `figure`])[
+  #show-code-render("codly-figure.typ")
+]
+
+#slide(title: [codly -- Highlights])[
+  #show-code-render("codly-highlights.typ")
+]
+
+#slide(title: [codly -- Highlights referenzieren])[
+  #show-code-render("codly-highlights-reference.typ")
+]
+
+#codly-disable()