Compare commits

..

1 commit
main ... slides

Author SHA1 Message Date
6caf6576e8
slides: init 2024-02-29 12:15:01 +01:00
4 changed files with 26 additions and 43 deletions

View file

@ -4,7 +4,7 @@ Primär gibt es 3 Wege, um Typst zu verwenden:
+ Webapp von Typst selber,
welche man unter https://typst.app/ auch gleich erreichen kann.
Diese ist aber leider proprietär und braucht einen Account.
Benötigt allerdings Login.
+ Texteditor deiner Wahl.
Typst hat ein #link("https://github.com/typst/typst")[Open-Source CLI],
@ -21,8 +21,8 @@ Primär gibt es 3 Wege, um Typst zu verwenden:
== CLI
Für Arch Linux, NixOS, openSUSE, Void Linux und macOS durch Homebrew ist typst schon packaged.
Ansonsten kann man sich die Software einfach
In Arch, Nixpkgs, SUSE, Void und macOS durch Homebrew ist typst schon packaged.
Ansonsten kann man sich die Assets
#link("https://github.com/typst/typst/releases/tag/v0.10.0")[vom letzten Release auf GitHub]
holen.
@ -30,7 +30,7 @@ holen.
Kompiliere dieses Dokument hier
und zeige es in einem PDF-Viewer deiner Wahl an.
Mit dem CLI kannst du das mit dem Befehl `typst compile` machen.
Mit dem CLI sollte das mithilfe von `typst compile` gehen.
= Nächste Lesson...

View file

@ -15,20 +15,20 @@ die wichtigsten Unterschiede sind:
== Überschriften
werden mit `=` anstatt von `#` deklariert.
Gehen mit `=` anstatt von `#`.
== Hervorhebung
// braucht bessere formulierung.
// potentiell generell nicht die Überschriften als Satzanfänge?
wird mit `_` für _kursiven_ Text und `*` für *fettgedruckten* Text gemacht. Das lässt sich natürlich auch *_kombinieren_*!
Gibt es mit einmal `_` für _kursiv_
und einmal `*` für *fettgedruckt*.
Das ist auch _*kombinierbar*_.
== Links
Wie https://example.com/ sind zwar automatisch im PDF anklickbar,
werden aber standardmäßig nicht von der Formatierung oder der Farbe unterschieden.
aber werden farblich per default nicht unterschieden.
Das lässt sich allerdings mithilfe einer _show-rule_ ändern:
Das lässt sich allerdings mithilfe einer _show-rule_ ändern.
#show link: underline
@ -37,12 +37,10 @@ direkt wie https://example.com/
oder indirekt wie #link("https://example.com")[der hier]
unterstrichen.
Show-rules und set-rules ändern alles, was nach ihnen im Dokument steht.
Show-rules und ihre Freunde set-rules ändern alles, was danach steht.
= Aufgabe
// sollten wir einfach so aufgaben geben?
// und ist das umschreiben von markdown zu typst eine gute aufgabe?
Nimm eine beliebige Markdown README aus einem beliebigen geklonten Git Repo
und schreib diese in typst um.

View file

@ -8,13 +8,12 @@ expressiver als Google Docs und Word sein möchte.
## Lessons
Der Workshop hier findet zwar [am 2024-03-30 um 15:30 bis 17:30 auf der EH21][eh21-talk] statt,
Der Workshop hier findet zwar auf der [EH21] innerhalb von 2 Stunden statt,
allerdings möchten wir,
dass dieser auch alleinstehend verwendet werden kann.
Eine Art interaktives Tutorial als Alternative
zu [typsts eigenem exzellenten Tutorial][typst-official-tutorial].
Der Workshop auf der EH21 statt.
zu
[typsts eigenem exzellenten Tutorial][typst-official-tutorial].
Entsprechend gibt es einzelne *Lessons*,
welche jeweils ein Konzept vorstellen
@ -22,12 +21,11 @@ und direkt im Anschluss eine Aufgabe,
die zum Experimentieren mit diesem Konzept einlädt.
- [Installation](./01-install)
- [Markup](./02-markup)
- [Styling](./02-styling)
- [Die drei Modi](./03-modes)
- [Code mode](./04-code)
- [Mathematik](./05-math)
- [Styling](./06-styling)
[eh21-talk]: https://fahrplan.eh21.easterhegg.eu/eh/talk/CJBT8F/
[EH21]: https://eh21.easterhegg.eu/
[typst]: https://typst.app
[typst-official-tutorial]: https://typst.app/docs/tutorial/

View file

@ -5,12 +5,9 @@
#set text(font: "Atkinson Hyperlegible", size: 1.5em)
// headings absichtlich in default typst font
#show heading: set text(font: "Linux Libertine")
#show link: set text(fill: blue)
#let muted = rgb("444")
#let mute = text.with(fill: muted)
#let person(pfp, name, pronouns, description) = {
// warum kann ich die font hier nicht setzen?
show heading: set text(weight: "regular");
@ -21,19 +18,17 @@
top,
box(
inset: (top: 16pt, left: 20pt),
heading(
text(font: "Montserrat", size: 1.5em, name)
+ text(font: "Montserrat", size: 1em, fill: muted, pronouns)
)
+ description
),
)[
== #text(font: "Montserrat", size: 1.5em, name) #text(font: "Montserrat", size: 1em, fill: muted, pronouns)
#description
],
),
)
}
#polylux-slide(align(horizon + center)[
= typst - Dokumente schreiben macht auf einmal Spaß?!
#mute[_von Schrottkatze & MultisampledNight_]
#text(fill: muted)[_von Schrottkatze & Multisamplednight_]
])
#polylux-slide[
@ -45,7 +40,7 @@
rows: (auto, auto),
gutter: 12%,
person("schrottkatze-pfp.jpg", [ Schrottkatze ], [ sie/ihr ], [ TODO ]),
person("multisn8-pfp.jpg", [ MultisampledNight ], [ alle pronomen ], [ höchst portables beschwergerät ]),
person("multisn8-pfp.jpg", [ Multisamplednight ], [ \* ], [ TODO ]),
),
)
]
@ -55,23 +50,15 @@
= Setup
- Web-app (Proprietär, braucht einen Account)
- CLI
- Installation via Paketmanager falls verfügbar (Arch, Nix, Void, Homebrew)
- von Github Release: github.com/typst/typst/releases
- Editor
- Liegt euch offen
- Auch ein reiner Texteditor ohne Syntax Highlighting ist gut verwendbar
- VS Codium und Code haben beide eine exzellente Extension namens `Typst LSP`
- Ansonsten gibt es auch einen LSP server standalone
- https://github.com/nvarner/typst-lsp/
]
#polylux-slide[
= CLI Benutzung
= CLI Benutzung
- `typst compile` kompiliert ein Dokument
- `typst watch` rekompiliert bei allen änderungen
- Die `--open` flag öffnet Dokumente im standard PDF-Viewer
- `typst compile` kompiliert ein Dokument
- `typst watch` rekompiliert bei allen änderungen
- Die `--open` flag öffnet Dokumente im standard PDF-Viewer
]