Change template.

This commit is contained in:
Kremitzl 2020-02-07 17:49:55 +01:00
parent 74d02d1855
commit bdb05d9ecc
3 changed files with 8 additions and 150 deletions

View File

@ -1,14 +1,8 @@
<div class="layout-two-previews"> <div class="layout-two-previews">
<div class="layout-preview"> <div class="layout-preview">
<figure>
@left-preview @left-preview
<figcaption>@left-caption(inline)</figcaption>
</figure>
</div> </div>
<div class="layout-preview"> <div class="layout-preview">
<figure>
@right-preview @right-preview
<figcaption>@right-caption(inline)</figcaption>
</figure>
</div> </div>
</div> </div>

View File

@ -7,17 +7,10 @@
@slide(layout=two-previews) @slide(layout=two-previews)
@left-preview @left-preview
![](svg/chapter-01/example-word-orig.svg) ![Klassisches Word-Dokument](svg/chapter-01/example-word-orig.svg)
@left-caption
Klassisches Word-Dokument
@right-preview @right-preview
![](svg/chapter-01/example-latex-orig.svg) ![Klassisches LaTeX-Dokument](svg/chapter-01/example-latex-orig.svg)
@right-caption
Klassisches LaTeX-Dokument
@slide(layout=content-and-preview) @slide(layout=content-and-preview)
@ -38,17 +31,10 @@ Klassisches LaTeX-Dokument
@slide(layout=two-previews) @slide(layout=two-previews)
@left-preview @left-preview
![](svg/chapter-01/example-word-orig.svg) ![Klassisches Word-Dokument](svg/chapter-01/example-word-orig.svg)
@left-caption
Klassisches Word-Dokument
@right-preview @right-preview
![](svg/chapter-01/example-latex-orig.svg) ![Klassisches LaTeX-Dokument](svg/chapter-01/example-latex-orig.svg)
@right-caption
Klassisches LaTeX-Dokument
@slide(layout=content-and-preview) @slide(layout=content-and-preview)

View File

@ -1,126 +1,4 @@
@slide(layout=content-only) @slide(layout=content-only)
@content @content
# What is L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X? TODO
@slide(layout=two-previews)
@left-preview
![](svg/chapter-01/example-word-orig.svg)
@left-caption
Classic Word document
@right-preview
![](svg/chapter-01/example-latex-orig.svg)
@right-caption
Classic LaTeX document
@slide(layout=content-and-preview)
@content
## Origin
* Donald **Knuth**, 19771986: type setting engine **TeX**<span class="bubble fragment">τεχ → /tɛç/</span> for The Art of Computer Programming
* Leslie **Lamport**, starting in the 1980s: software package **LaTeX** to make TeX easily usable
<div style="display: flex; justify-content: space-between; align-items: stretch;">
<figure><img src="svg/chapter-01/knuth.jpg" style="height: 13em"><figcaption>Donald Knuth</figcaption></figure>
<figure><img src="svg/chapter-01/lamport.jpg" style="height: 13em"><figcaption>Leslie Lamport</figcaption></figure>
</div>
@preview
![](svg/chapter-01/taocp.jpg)
@slide(layout=two-previews)
@left-preview
![](svg/chapter-01/example-word-orig.svg)
@left-caption
Classic Word document
@right-preview
![](svg/chapter-01/example-latex-orig.svg)
@right-caption
Classic LaTeX document
@slide(layout=content-and-preview)
@content
## Typography
### Makrotypografie
* Satzspiegel
* Zeilenlänge vs. -abstand
* Platzierung von Überschriften im Weißraum
* Platzierung von Bildern und Tabellen
* Schusterjungen / Hurenkinder
* Gleichmäßiger Grauwert
* …
<figure style="display: flex; justify-content: space-between; width: 100%; align-items: flex-end;"><img src="svg/chapter-01/satzspiegel.svg" style="height: 8em"><figcaption style="margin-left: 1em; font-size: .8em">Satzspiegel-Konstruktion nach Villard (<a class="dark-font" href="https://commons.wikimedia.org/wiki/File:Satzspiegel-4.svg">Quelle</a>)</figcaption></figure>
@preview
![](svg/chapter-01/vergleich-makro.svg)
@slide(layout=content-and-preview)
@content
## Typografie
### Mikrotypografie
* Ligaturen
* Kerning
* echte Kursiven, Kapitälchen, Schriftgrade …
* Wortabstände
* …
<div style="display: flex; justify-content: space-between; align-items: flex-end;">
<figure><img src="svg/chapter-01/schriftschnitte-crop.svg" style="height: 1.7em;"><figcaption style="font-size: .8em;">Schriftschnitte:<br>gerade,&nbsp;schräg,&nbsp;kursiv</figcaption></figure>
<figure><img src="svg/chapter-01/schriftgrade.svg" style="height: 2.2em;"><figcaption style="font-size: .8em">Schriftgrade:<br>klein,&nbsp;klein&nbsp;vergrößert,&nbsp;groß</figcaption></figure>
</div>
@preview
![](svg/chapter-01/vergleich-mikro.svg)
@slide(layout=content-only)
@content
## Weitere Vorteile
* wesentlich bessere Standardeinstellungen<br/>als in sämtlichen Textverarbeitungsprogrammen
* strukturiertes Arbeiten
* zuverlässiges Undo
* einfache Versionierung
* unabhängig von proprietären Programmen
* Quelltext und Ausgabe langfristig lesbar
* einfache Zusammenarbeit mit anderen Programmen
@slide(layout=content-and-preview)
@content
## Ablauf des Workshops
**Ziel:** Ihr baut eure eigene LaTeX-Referenz<br/>auf Basis von [l2kurz](https://www.ctan.org/tex-archive/info/lshort/german).
* Learning by Doing
* Verstehen, wie LaTeX funktioniert
* Einzelheiten später nachschlagen
**Gliederung:**
1. ~~Was ist LaTeX?~~
2. Wie funktioniert LaTeX?
3. Grundstruktur eines LaTeX-Dokuments
4. Projektstruktur
5. Viele Features
6. Literaturverwaltung
7. Ausblick
@preview
![](svg/chapter-01/l2kurz-orig.svg)