Convert the first two chapters
This commit is contained in:
parent
603011d11a
commit
19c4335040
105
index.html
105
index.html
@ -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
8
layouts/content-and-preview.html
Normal 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
5
layouts/content-only.html
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<div class="layout-content-only">
|
||||||
|
<div class="layout-content">
|
||||||
|
@content
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
25
layouts/root.html
Normal file
25
layouts/root.html
Normal 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
10
layouts/titlepage.html
Normal 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
8
layouts/two-previews.html
Normal 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
4
meta.yml
Normal 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
2
onpoint
@ -1 +1 @@
|
|||||||
Subproject commit 74e6dfadc84c7397a0224001e861bf1ce6c24286
|
Subproject commit 9609e9f3f3e27a4dbcf623ddd048d5b0d50c508a
|
||||||
@ -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>
|
|
||||||
|
|
||||||
|
|
||||||
@ -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, schräg, kursiv</figcaption>
|
|
||||||
</figure>
|
|
||||||
<figure>
|
|
||||||
<img src="sections/german/01/schriftgrade.svg" style="height: 2.2em;">
|
|
||||||
<figcaption style="font-size: .8em">Schriftgrade:<br>klein, klein vergrößert, 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
244
slides.de.html
Normal 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
2
slides.yml
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
- chapter-00
|
||||||
|
- chapter-01
|
||||||
9
slides/chapter-00.de.md
Normal file
9
slides/chapter-00.de.md
Normal 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
118
slides/chapter-01.de.md
Normal 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
|
||||||
|
|
||||||
|
|
||||||
|
@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
|
||||||
|
|
||||||
|
|
||||||
|
@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, 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>
|
||||||
|
|
||||||
|
@preview
|
||||||
|
|
||||||
|
|
||||||
|
@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
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 565 KiB After Width: | Height: | Size: 565 KiB |
|
Before Width: | Height: | Size: 380 KiB After Width: | Height: | Size: 380 KiB |
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 242 KiB After Width: | Height: | Size: 242 KiB |
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 72 KiB After Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.7 MiB |
Loading…
x
Reference in New Issue
Block a user