latex/latex-wochenende
5
0
Fork 0
Code Issues 8 Pull Requests Actions Releases Wiki Activity

Convert the first two chapters

Browse Source
This commit is contained in:
Knoch 2019-12-17 23:01:31 +01:00
parent 603011d11a
commit 19c4335040
34 changed files with 434 additions and 295 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

105
index.html
View File

@ -1,105 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>LaTeX-Wochenende der Fachschaft WIAI</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/latex.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section data-markdown="sections/german/00/00.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/01/01.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/02/02.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/03/03.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/04/04.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/05/05.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/06/06.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/07/07.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/08/08.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/09/09.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/10/10.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/11/11.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/12/12.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/13/13.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/14/14.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/15/15.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
<section data-markdown="sections/german/16/16.md" data-separator="^\r?\n===\r?\n$"
data-separator-vertical="^\r?\n---\r?\n$"></section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
width: '100%',
height: '100%',
minScale: 1,
maxScale: 1,
margin: 0,
transition: 'none',
math: {
mathjax: 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js',
config: 'TeX-AMS_HTML-full', // See http://docs.mathjax.org/en/latest/config-files.html
},
history: true,
fragmentInURL: true,
pdfSeparateFragments: false,
pdfMaxPagesPerSlide: 1,
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function () { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/math/math.js', async: true }
]
});
window.onload = function () {
MathJax.Hub.Config({
"HTML-CSS": {
availableFonts: ["Latin Modern"],
preferredFont: "Latin Modern"
}
});
}
</script>
</body>
</html>

8
layouts/content-and-preview.html Normal file
View File

@ -0,0 +1,8 @@
<div class="layout-content-and-preview">
<div class="layout-content">
@content
</div>
<div class="layout-preview">
@preview
</div>
</div>

5
layouts/content-only.html Normal file
View File

@ -0,0 +1,5 @@
<div class="layout-content-only">
<div class="layout-content">
@content
</div>
</div>

25
layouts/root.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="@language">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>@title</title>
<!-- TODO: Convert stylesheets -->
<!-- <link rel="stylesheet" href="css/reveal.css">-->
<link rel="stylesheet" href="css/theme/latex.css">
<!-- <link rel="stylesheet" href="lib/css/zenburn.css">-->
</head>
<body>
<div class="reveal">
<div class="slides">
@slides
</div>
</div>
<!-- TODO: Convert scripts -->
<!-- <script src="lib/js/head.min.js"></script>-->
<!-- <script src="js/reveal.js"></script>-->
</body>
</html>

10
layouts/titlepage.html Normal file
View File

@ -0,0 +1,10 @@
<div class="layout-content-only">
<div class="layout-content titlepage">
<h1>@presentation-title(inline)</h1>
<small>
@subscript
</small>
</div>
</div>

8
layouts/two-previews.html Normal file
View File

@ -0,0 +1,8 @@
<div class="layout-two-previews">
<div class="layout-preview">
@left-preview
</div>
<div class="layout-preview">
@right-preview
</div>
</div>

4
meta.yml Normal file
View File

@ -0,0 +1,4 @@
language: # available language options and their value for the html lang attribute
de: de
title:
de: LaTeX-Wochenende der Fachschaft WIAI

2
onpoint

@ -1 +1 @@
Subproject commit 74e6dfadc84c7397a0224001e861bf1ce6c24286
Subproject commit 9609e9f3f3e27a4dbcf623ddd048d5b0d50c508a

11
sections/german/00/00.md
View File

@ -1,11 +0,0 @@
<div class="layout-content-only">
<div class="layout-content titlepage">
<h1>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-Wochenende</h1>
<small>
Ein Workshop der Fachschaft WIAI.<br/>
Erstellt von Anika Amma, Fabian Lamprecht, <br/>Florian Knoch, Christian Kremitzl und Anna Sauer.
</small>
</div>
</div>

178
sections/german/01/01.md
View File

@ -1,178 +0,0 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>Was ist 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?</h1>
</div>
</div>
---
<div class="layout-two-previews">
<div class="layout-preview">
<figure>
<img src="sections/german/01/example-word-orig.svg">
<figcaption class="fragment">Klassisches Word-Dokument</figcaption>
</figure>
</div>
<div class="layout-preview">
<figure>
<img src="sections/german/01/example-latex-orig.svg">
<figcaption class="fragment">Klassisches LaTeX-Dokument</figcaption>
</figure>
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Entstehung</h2>
<ul>
<li>Donald **Knuth**, 1977–1986: Textsatzsystem **TeX**<span class="bubble fragment">τεχ → /tɛç/</span> für The Art of Computer Programming</li>
<li>Leslie **Lamport**, ab 1980er: Softwarepaket **LaTeX** zur einfacheren Benutzung von TeX</li>
</ul>
<div style="display: flex; justify-content: space-between; align-items: stretch;">
<figure>
<img src="sections/german/01/knuth.jpg" style="height: 13em">
<figcaption>Donald Knuth</figcaption>
</figure>
<figure>
<img src="sections/german/01/lamport.jpg" style="height: 13em">
<figcaption>Leslie Lamport</figcaption>
</figure>
</div>
</div>
<div class="layout-preview">
<img src="sections/german/01/taocp.jpg">
<!-- https://in.pinterest.com/pin/813110907700064708/ -->
</div>
</div>
---
<div class="layout-two-previews">
<div class="layout-preview">
<figure>
<img src="sections/german/01/example-word-orig.svg">
<figcaption>Klassisches Word-Dokument</figcaption>
</figure>
</div>
<div class="layout-preview">
<figure>
<img src="sections/german/01/example-latex-orig.svg">
<figcaption>Klassisches LaTeX-Dokument</figcaption>
</figure>
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Typografie</h2>
<h3>Makrotypografie</h3>
<ul>
<li>Satzspiegel</li>
<li>Zeilenlänge vs. -abstand</li>
<li>Platzierung von Überschriften im Weißraum</li>
<li>Platzierung von Bildern und Tabellen</li>
<li>Schusterjungen / Hurenkinder</li>
<li>Gleichmäßiger Grauwert</li>
<li>…</li>
</ul>
<figure style="display: flex; justify-content: space-between; width: 100%; align-items: flex-end;">
<img src="sections/german/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>
</div>
<div class="layout-preview">
<img src="sections/german/01/vergleich-makro.svg">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Typografie</h2>
<h3>Mikrotypografie</h3>
<ul>
<li>Ligaturen</li>
<li>Kerning</li>
<li>echte Kursiven, Kapitälchen, Schriftgrade …</li>
<li>Wortabstände</li>
<li>…</li>
</ul>
<div style="display: flex; justify-content: space-between; align-items: flex-end;">
<figure>
<img src="sections/german/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="sections/german/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>
<ul>
</ul>
</div>
<div class="layout-preview">
<img src="sections/german/01/vergleich-mikro.svg">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Weitere Vorteile</h2>
<ul>
<li>wesentlich bessere Standardeinstellungen<br>
als in sämtlichen Textverarbeitungsprogrammen</li>
<li>strukturiertes Arbeiten</li>
<li>zuverlässiges Undo</li>
<li>einfache Versionierung</li>
<li>unabhängig von proprietären Programmen</li>
<li>Quelltext und Ausgabe langfristig lesbar</li>
<li>einfache Zusammenarbeit mit anderen Programmen</li>
</ul>
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Ablauf des Workshops</h2>
<p><strong>Ziel:</strong> Ihr baut eure eigene LaTeX-Referenz<br>
auf Basis von [l2kurz](https://www.ctan.org/tex-archive/info/lshort/german).</li>
<ul>
<li>Learning by Doing</li>
<li>Verstehen, wie LaTeX funktioniert</li>
<li>Einzelheiten später nachschlagen</li>
</ul>
<div class="fragment">
<p><strong>Gliederung:</strong></p>
<ol>
<li><del>Was ist LaTeX?</del></li>
<li>Wie funktioniert LaTeX?</li>
<li>Grundstruktur eines LaTeX-Dokuments</li>
<li>Projektstruktur</li>
<li>Viele Features</li>
<li>Literaturverwaltung</li>
<li>Ausblick</li>
</ol>
</div>
</div>
<div class="layout-preview">
<img src="sections/german/01/l2kurz-orig.svg">
</div>
</div>
<div class="layout-content-and-preview">
<div class="layout-content">
Leer
</div>
<div class="layout-preview">
Leer
</div>
</div>

244
slides.de.html Normal file
View File

@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>LaTeX-Wochenende der Fachschaft WIAI</title>
<!-- TODO: Convert stylesheets -->
<!-- <link rel="stylesheet" href="css/reveal.css">-->
<link rel="stylesheet" href="css/theme/latex.css">
<!-- <link rel="stylesheet" href="lib/css/zenburn.css">-->
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<article>
<div class="layout-content-only">
<div class="layout-content titlepage">
<h1>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-Wochenende</h1>
<small>
<p>Ein Workshop der Fachschaft WIAI.<br/> Erstellt von Anika Amma, Fabian Lamprecht, <br/>Florian Knoch, Christian Kremitzl und Anna Sauer.</p>
</small>
</div>
</div>
</article>
</section><section>
<article>
<div class="layout-content-only">
<div class="layout-content">
<h1 id="was-ist-latex">Was ist 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?</h1>
</div>
</div>
</article>
<article>
<div class="layout-two-previews">
<div class="layout-preview">
<figure>
<img src="svg/chapter-01/example-word-orig.svg">
<figcaption class="fragment">
Klassisches Word-Dokument
</figcaption>
</figure>
</div>
<div class="layout-preview">
<figure>
<img src="svg/chapter-01/example-latex-orig.svg">
<figcaption class="fragment">
Klassisches LaTeX-Dokument
</figcaption>
</figure>
</div>
</div>
</article>
<article>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 id="entstehung">Entstehung</h2>
<ul>
<li>Donald <strong>Knuth</strong>, 1977–1986: Textsatzsystem <strong>TeX</strong><span class="bubble fragment">τεχ → /tɛç/</span> für The Art of Computer Programming</li>
<li>Leslie <strong>Lamport</strong>, ab 1980er: Softwarepaket <strong>LaTeX</strong> zur einfacheren Benutzung von TeX</li>
</ul>
<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>
</div>
<div class="layout-preview">
<div class="figure">
<img src="sections/german/01/taocp.jpg" />
</div>
</div>
</div>
</article>
<article>
<div class="layout-two-previews">
<div class="layout-preview">
<figure>
<img src="svg/chapter-01/example-word-orig.svg" />
<figcaption>
Klassisches Word-Dokument
</figcaption>
</figure>
</div>
<div class="layout-preview">
<figure>
<img src="svg/chapter-01/example-latex-orig.svg" />
<figcaption>
Klassisches LaTeX-Dokument
</figcaption>
</figure>
</div>
</div>
</article>
<article>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 id="typografie">Typografie</h2>
<h3 id="makrotypografie">Makrotypografie</h3>
<ul>
<li>Satzspiegel</li>
<li>Zeilenlänge vs. -abstand</li>
<li>Platzierung von Überschriften im Weißraum</li>
<li>Platzierung von Bildern und Tabellen</li>
<li>Schusterjungen / Hurenkinder</li>
<li>Gleichmäßiger Grauwert</li>
<li>…</li>
</ul>
<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>
</div>
<div class="layout-preview">
<div class="figure">
<img src="svg/chapter-01/vergleich-makro.svg" />
</div>
</div>
</div>
</article>
<article>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 id="typografie">Typografie</h2>
<h3 id="mikrotypografie">Mikrotypografie</h3>
<ul>
<li>Ligaturen</li>
<li>Kerning</li>
<li>echte Kursiven, Kapitälchen, Schriftgrade …</li>
<li>Wortabstände</li>
<li>…</li>
</ul>
<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, schräg, kursiv
</figcaption>
</figure>
<figure>
<img src="svg/chapter-01/schriftgrade.svg" style="height: 2.2em;">
<figcaption style="font-size: .8em">
Schriftgrade:<br>klein, klein vergrößert, groß
</figcaption>
</figure>
</div>
</div>
<div class="layout-preview">
<div class="figure">
<img src="svg/chapter-01/vergleich-mikro.svg" />
</div>
</div>
</div>
</article>
<article>
<div class="layout-content-only">
<div class="layout-content">
<h2 id="weitere-vorteile">Weitere Vorteile</h2>
<ul>
<li>wesentlich bessere Standardeinstellungen<br/>als in sämtlichen Textverarbeitungsprogrammen</li>
<li>strukturiertes Arbeiten</li>
<li>zuverlässiges Undo</li>
<li>einfache Versionierung</li>
<li>unabhängig von proprietären Programmen</li>
<li>Quelltext und Ausgabe langfristig lesbar</li>
<li>einfache Zusammenarbeit mit anderen Programmen</li>
</ul>
</div>
</div>
</article>
<article>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2 id="ablauf-des-workshops">Ablauf des Workshops</h2>
<p><strong>Ziel:</strong> Ihr baut eure eigene LaTeX-Referenz<br/>auf Basis von <a href="https://www.ctan.org/tex-archive/info/lshort/german">l2kurz</a>.</p>
<ul>
<li>Learning by Doing</li>
<li>Verstehen, wie LaTeX funktioniert</li>
<li>Einzelheiten später nachschlagen</li>
</ul>
<p><strong>Gliederung:</strong></p>
<ol style="list-style-type: decimal">
<li><del>Was ist LaTeX?</del></li>
<li>Wie funktioniert LaTeX?</li>
<li>Grundstruktur eines LaTeX-Dokuments</li>
<li>Projektstruktur</li>
<li>Viele Features</li>
<li>Literaturverwaltung</li>
<li>Ausblick</li>
</ol>
</div>
<div class="layout-preview">
<div class="figure">
<img src="svg/chapter-01/l2kurz-orig.svg" />
</div>
</div>
</div>
</article>
</section>
</div>
</div>
<!-- TODO: Convert scripts -->
<!-- <script src="lib/js/head.min.js"></script>-->
<!-- <script src="js/reveal.js"></script>-->
</body>
</html>

2
slides.yml Normal file
View File

@ -0,0 +1,2 @@
- chapter-00
- chapter-01

9
slides/chapter-00.de.md Normal file
View File

@ -0,0 +1,9 @@
@slide(layout=titlepage)
@presentation-title
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-Wochenende
@subscript
Ein Workshop der Fachschaft WIAI.<br/>
Erstellt von Anika Amma, Fabian Lamprecht, <br/>Florian Knoch, Christian Kremitzl und Anna Sauer.

118
slides/chapter-01.de.md Normal file
View File

@ -0,0 +1,118 @@
@slide(layout=content-only)
@content
# Was ist 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-preview
<figure>
<img src="svg/chapter-01/example-word-orig.svg">
<figcaption class="fragment">Klassisches Word-Dokument</figcaption>
</figure>
@right-preview
<figure>
<img src="svg/chapter-01/example-latex-orig.svg">
<figcaption class="fragment">Klassisches LaTeX-Dokument</figcaption>
</figure>
@slide(layout=content-and-preview)
@content
## Entstehung
* Donald **Knuth**, 1977–1986: Textsatzsystem **TeX**<span class="bubble fragment">τεχ → /tɛç/</span> für The Art of Computer Programming
* Leslie **Lamport**, ab 1980er: Softwarepaket **LaTeX** zur einfacheren Benutzung von TeX
<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
![](sections/german/01/taocp.jpg)
@slide(layout=two-previews)
@left-preview
<figure><img src="svg/chapter-01/example-word-orig.svg" /><figcaption>Klassisches Word-Dokument</figcaption></figure>
@right-preview
<figure><img src="svg/chapter-01/example-latex-orig.svg" /><figcaption>Klassisches LaTeX-Dokument</figcaption></figure>
@slide(layout=content-and-preview)
@content
## Typografie
### 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)

0
sections/german/01/example-latex-orig.svg → svg/chapter-01/example-latex-orig.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 565 KiB

After

Width:  |  Height:  |  Size: 565 KiB

0
sections/german/01/example-latex.pdf → svg/chapter-01/example-latex.pdf
View File

0
sections/german/01/example-word-orig.svg → svg/chapter-01/example-word-orig.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 380 KiB

After

Width:  |  Height:  |  Size: 380 KiB

0
sections/german/01/example-word.docx → svg/chapter-01/example-word.docx
View File

0
sections/german/01/example-word.pdf → svg/chapter-01/example-word.pdf
View File

0
sections/german/01/example.md → svg/chapter-01/example.md
View File

0
sections/german/01/knuth.jpg → svg/chapter-01/knuth.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

0
sections/german/01/l2kurz-orig.svg → svg/chapter-01/l2kurz-orig.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 242 KiB

After

Width:  |  Height:  |  Size: 242 KiB

0
sections/german/01/lamport.jpg → svg/chapter-01/lamport.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

0
sections/german/01/satzspiegel.svg → svg/chapter-01/satzspiegel.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

0
sections/german/01/schriftgrade-crop.svg → svg/chapter-01/schriftgrade-crop.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

0
sections/german/01/schriftgrade-orig.svg → svg/chapter-01/schriftgrade-orig.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

0
sections/german/01/schriftgrade.svg → svg/chapter-01/schriftgrade.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

0
sections/german/01/schriftgrade.tex → svg/chapter-01/schriftgrade.tex
View File

0
sections/german/01/schriftschnitte-crop.svg → svg/chapter-01/schriftschnitte-crop.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

0
sections/german/01/schriftschnitte-orig.svg → svg/chapter-01/schriftschnitte-orig.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

0
sections/german/01/schriftschnitte.tex → svg/chapter-01/schriftschnitte.tex
View File

0
sections/german/01/taocp.jpg → svg/chapter-01/taocp.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 72 KiB

After

Width:  |  Height:  |  Size: 72 KiB

0
sections/german/01/vergleich-makro.svg → svg/chapter-01/vergleich-makro.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

0
sections/german/01/vergleich-mikro.svg → svg/chapter-01/vergleich-mikro.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB