@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=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
![](svg/chapter-01/taocp.jpg)


@slide(layout=macro-typography-grid)

@title
Reasons for using LaTeX: macrotypography

@example-text
This paragraph shows the effect of varied line heights in combination with varied line lengths. 
For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. For this purpose, a little more text is needed to make it look like an actual paragraph. 

@narrow-tight
short & tight

@normal-tight
normal length and tight leading

@wide-tight
long lines and tight leading

@narrow-medium
short & medium

@normal-medium
normal length and leading

@wide-medium
long lines and medium leading

@narrow-loose
short & loose

@normal-loose
normal length and loose leading

@wide-loose
long lines and loose leading


@slide(layout=micro-typography-grid)

@title
Reasons for using LaTeX: microtypography

@example1a
slanted (distorted)

@example1b
straight

@example1c
italic (separate font)

@example2a
small font scaled up

@example2b
separate appropriate fonts

@example2c
big font scaled down


@slide(layout=content-only)

@title 
Reasons for using LaTeX: plaintext

@content
* reliable undo
* easy versioning
* independence of proprietary software
* source code readable in the long term
* easy cooperation with other software
* no distraction by formatting or embedded media


@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
![](svg/chapter-01/latex-script.svg)