141 lines
3.5 KiB
Markdown
141 lines
3.5 KiB
Markdown
@slide(layout=chapter-slide)
|
||
|
||
@title
|
||
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?
|
||
|
||
|
||
@slide(layout=two-previews)
|
||
|
||
@left-image
|
||
svg/chapter-01/example-word-orig.svg
|
||
|
||
@left-caption
|
||
++ Classic Word document
|
||
|
||
@right-image
|
||
svg/chapter-01/example-latex-orig.svg
|
||
|
||
@right-caption
|
||
++ Classic LaTeX document
|
||
|
||
@slide(layout=content-and-preview)
|
||
|
||
@title
|
||
Origin
|
||
|
||
@content
|
||
* Donald **Knuth**, 1977–1986: typesetting system **TeX**<span class="bubble fragment" style="margin-top: -3em;">τεχ → /tɛç, tɛx, tɛk/</span> for The Art of Computer Programming
|
||
* Leslie **Lamport**, from 1980s: software package **LaTeX** made TeX easier to use
|
||
|
||
<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
|
||
|
||
|
||
@slide(layout=two-previews)
|
||
|
||
@left-image
|
||
svg/chapter-01/example-word-orig.svg
|
||
|
||
@left-caption
|
||
Classic Word document
|
||
|
||
@right-image
|
||
svg/chapter-01/example-latex-orig.svg
|
||
|
||
@right-caption
|
||
Classic LaTeX document
|
||
|
||
@slide(layout=content-and-preview)
|
||
|
||
@title
|
||
Typography
|
||
|
||
@content
|
||
### Macro typography
|
||
* type area
|
||
* line length and leading
|
||
* placement of headings in whitespace
|
||
* placement of images and tables
|
||
* widows and orphans
|
||
* even grey value
|
||
* …
|
||
|
||
<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">Type area construction by Villard (<a class="dark-font" href="https://commons.wikimedia.org/wiki/File:Satzspiegel-4.svg">source</a>)
|
||
</figcaption>
|
||
</figure>
|
||
|
||
@preview
|
||
|
||
|
||
|
||
@slide(layout=content-and-preview)
|
||
|
||
@title
|
||
Typography
|
||
|
||
@content
|
||
### Micro typography
|
||
* ligatures
|
||
* kerning
|
||
* real italics, small capitals, font sizes …
|
||
* word spacing
|
||
* …
|
||
|
||
<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;">Font styles:<br/>straight, oblique, italic</figcaption></figure>
|
||
|
||
<figure><img src="svg/chapter-01/schriftgrade.svg" style="height: 2.2em;"/><figcaption style="font-size: .8em">Font sizes:<br/>small, small scaled up, large</figcaption></figure>
|
||
</div>
|
||
|
||
@preview
|
||
|
||
|
||
|
||
@slide(layout=content-only)
|
||
|
||
@title
|
||
Further advantages
|
||
|
||
@content
|
||
* much better default settings<br/>than any other word processor
|
||
* structured workflow
|
||
* reliable undo
|
||
* easy versioning
|
||
* independence of proprietary software
|
||
* source code and output<br/>readable in the long term
|
||
* easy cooperation with other software
|
||
|
||
|
||
@slide(layout=content-and-preview)
|
||
|
||
@title
|
||
Procedure of this workshop
|
||
|
||
@content
|
||
**Goal:** you are going to build your own little <br />LaTeX manual based on our [LaTeX script](https://github.com/fs-wiai/latex-script/).
|
||
|
||
* learning by doing
|
||
* understanding how LaTeX works
|
||
* details can be looked up later
|
||
|
||
<div class="fragment">
|
||
**Outline:**
|
||
|
||
1. ~~What is LaTeX?~~
|
||
2. How does LaTeX work?
|
||
3. Basic structure of a LaTeX document
|
||
4. Project structure
|
||
5. Lots of features
|
||
6. Reference management
|
||
7. Outlook
|
||
</div>
|
||
|
||
@preview
|
||
|