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

Add content, add wide layout.

Browse Source
This commit is contained in:
Kremitzl 2019-05-07 23:48:19 +02:00
parent 8d4146c811
commit 982f175b4a
16 changed files with 213 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -1,6 +1,7 @@
# LaTeX
*.aux
*.out
*.toc
# From Reveal.js
.idea/

82
css/theme/latex.css
View File

@ -31,7 +31,8 @@ body {
font-size: calc(0.035 * var(--square)); }
body .layout-content-and-preview,
body .layout-content-only,
body .layout-preview-only {
body .layout-preview-only,
body .layout-wide-content {
display: grid;
min-height: 100vh;
max-height: 100vh;
@ -70,6 +71,22 @@ body {
grid-template-columns: auto;
grid-template-areas: "preview";
background: var(--secondary); }
body .layout-wide-content {
background: white;
grid-template-rows: min-content auto;
grid-template-columns: var(--square);
grid-template-areas: "content" " . "; }
@media screen and (min-aspect-ratio: 1 / 1) {
body .layout-wide-content {
grid-template-rows: auto var(--square) auto;
grid-template-columns: calc(2 * var(--square));
grid-template-areas: " . " "content" " . "; } }
@media screen and (min-aspect-ratio: 2 / 1) {
body .layout-wide-content {
grid-template-rows: auto var(--square) auto;
grid-template-columns: auto calc(2 * var(--square)) auto;
grid-template-areas: ". . ." ". content ." ". . .";
background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), white calc((100% - 2 * var(--square)) / 2), white calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%); } }
body .layout-content {
background: white;
grid-area: content;
@ -96,7 +113,7 @@ body {
background: white;
padding: calc(var(--margin) * var(--square));
object-fit: contain;
width: calc(0.7 * var(--square)); }
width: calc(0.9 * var(--square)); }
body .layout-preview img[src$="-crop.svg"].thin-padding {
padding: calc(.35 * var(--margin) * var(--square)); }
body .layout-preview img[src$="-orig.svg"] {
@ -186,29 +203,37 @@ body {
line-height: 1.2em; }
.layout-content-and-preview .layout-content,
.layout-content-only .layout-content {
.layout-content-only .layout-content,
.layout-wide-content .layout-content {
overflow: auto;
padding: calc(var(--margin) * var(--square)); }
.layout-content-and-preview .layout-content *:first-child,
.layout-content-only .layout-content *:first-child {
.layout-content-only .layout-content *:first-child,
.layout-wide-content .layout-content *:first-child {
margin-top: 0; }
.layout-content-and-preview .layout-content .layout-title,
.layout-content-only .layout-content .layout-title {
.layout-content-only .layout-content .layout-title,
.layout-wide-content .layout-content .layout-title {
padding: calc(0.3 * var(--margin) * var(--square)) 0;
line-height: 1.15em; }
.layout-content-and-preview .layout-content .layout-title h2,
.layout-content-only .layout-content .layout-title h2 {
.layout-content-only .layout-content .layout-title h2,
.layout-wide-content .layout-content .layout-title h2 {
margin: 0;
line-height: 1.15em; }
.layout-content-and-preview .layout-content ul, .layout-content-and-preview .layout-content ol,
.layout-content-only .layout-content ul,
.layout-content-only .layout-content ol {
.layout-content-only .layout-content ol,
.layout-wide-content .layout-content ul,
.layout-wide-content .layout-content ol {
list-style-type: none;
padding-left: 0;
position: relative; }
.layout-content-and-preview .layout-content ul li::before, .layout-content-and-preview .layout-content ol li::before,
.layout-content-only .layout-content ul li::before,
.layout-content-only .layout-content ol li::before {
.layout-content-only .layout-content ol li::before,
.layout-wide-content .layout-content ul li::before,
.layout-wide-content .layout-content ol li::before {
content: '▪';
color: var(--secondary);
position: absolute;
@ -217,26 +242,34 @@ body {
.layout-content-only .layout-content ul ul,
.layout-content-only .layout-content ul ol,
.layout-content-only .layout-content ol ul,
.layout-content-only .layout-content ol ol {
.layout-content-only .layout-content ol ol,
.layout-wide-content .layout-content ul ul,
.layout-wide-content .layout-content ul ol,
.layout-wide-content .layout-content ol ul,
.layout-wide-content .layout-content ol ol {
margin-left: calc(0.33 * var(--margin) * var(--square)); }
.layout-content-and-preview .layout-content ol,
.layout-content-only .layout-content ol {
.layout-content-only .layout-content ol,
.layout-wide-content .layout-content ol {
counter-reset: ol-counter; }
.layout-content-and-preview .layout-content ol li::before,
.layout-content-only .layout-content ol li::before {
.layout-content-only .layout-content ol li::before,
.layout-wide-content .layout-content ol li::before {
counter-increment: ol-counter;
content: counter(ol-counter) ".";
color: var(--secondary-dark);
left: calc(-0.36 * var(--margin) * var(--square)); }
.layout-content-and-preview .layout-content pre,
.layout-content-only .layout-content pre {
.layout-content-only .layout-content pre,
.layout-wide-content .layout-content pre {
margin-left: calc(-1 * var(--margin) * var(--square));
padding-left: calc(var(--margin) * var(--square));
line-height: 1.2em;
position: relative;
overflow: hidden; }
.layout-content-and-preview .layout-content pre::before,
.layout-content-only .layout-content pre::before {
.layout-content-only .layout-content pre::before,
.layout-wide-content .layout-content pre::before {
content: attr(data-sourcefile);
position: absolute;
text-align: right;
@ -247,10 +280,12 @@ body {
transform-origin: top right;
transform: rotate(-90deg); }
.layout-content-and-preview .layout-content pre code,
.layout-content-only .layout-content pre code {
.layout-content-only .layout-content pre code,
.layout-wide-content .layout-content pre code {
padding: .3em 0; }
.layout-content-and-preview .layout-content code,
.layout-content-only .layout-content code {
.layout-content-only .layout-content code,
.layout-wide-content .layout-content code {
font-size: 0.9em;
font-family: 'Fira Code'; }
@ -346,6 +381,23 @@ h2[data-category]::before {
padding-left: calc(var(--margin) * var(--square));
margin-right: .5em; }
.layout-content-only h2[data-category^=Aufgabe]::after,
.layout-wide-content h2[data-category^=Aufgabe]::after {
content: attr(data-category);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: calc(-.16 * var(--square));
font-size: calc(1.2 * var(--square));
overflow: hidden;
text-align: right;
white-space: nowrap;
direction: rtl;
word-spacing: 1000%;
opacity: .2; }
img {
width: auto;
max-width: 100%; }

57
css/theme/source/latex.scss
View File

@ -34,7 +34,8 @@ body {
.layout-content-and-preview,
.layout-content-only,
.layout-preview-only {
.layout-preview-only,
.layout-wide-content {
display: grid;
min-height: 100vh;
max-height: 100vh;
@ -102,6 +103,38 @@ body {
background: var(--secondary);
}
.layout-wide-content {
background: white;
grid-template-rows: min-content auto;
grid-template-columns: var(--square);
grid-template-areas:
"content"
" . ";
@media screen and (min-aspect-ratio: 1/1) {
grid-template-rows: auto var(--square) auto;
grid-template-columns: calc(2 * var(--square));
grid-template-areas:
" . "
"content"
" . ";
}
@media screen and (min-aspect-ratio: 2/1) {
grid-template-rows: auto var(--square) auto;
grid-template-columns: auto calc(2 * var(--square)) auto;
grid-template-areas:
". . ."
". content ."
". . .";
background: linear-gradient(to right,
var(--secondary) 0%,
var(--secondary) calc((100% - 2 * var(--square)) / 2),
white calc((100% - 2 * var(--square)) / 2),
white calc(100% - (100% - 2 * var(--square)) / 2),
var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2),
var(--secondary) 100%);
}
}
.layout-content {
background: white;
grid-area: content;
@ -131,7 +164,7 @@ body {
background: white;
padding: calc(var(--margin) * var(--square));
object-fit: contain;
width: calc(0.7 * var(--square));
width: calc(0.9 * var(--square));
&.thin-padding {
padding: calc(.35 * var(--margin) * var(--square))
@ -254,7 +287,8 @@ body {
}
.layout-content-and-preview,
.layout-content-only {
.layout-content-only,
.layout-wide-content {
.layout-content {
overflow: auto;
padding: calc(var(--margin) * var(--square));
@ -434,6 +468,23 @@ h2[data-category]::before {
padding-left: calc(var(--margin) * var(--square));
margin-right: .5em;
}
.layout-content-only h2[data-category^=Aufgabe]::after,
.layout-wide-content h2[data-category^=Aufgabe]::after {
content: attr(data-category);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-indent: calc(-.16 * var(--square));
font-size: calc(1.2 * var(--square));
overflow: hidden;
text-align: right;
white-space: nowrap;
direction: rtl;
word-spacing: 1000%;
opacity: .2;
}
img {
width: auto;

10
sections/german/02/02.md
View File

@ -45,7 +45,7 @@
---
<div class="layout-two-columns">
<h2>Was brauchen wir dazu?</h2>
<h2 class="layout-title">Was brauchen wir dazu?</h2>
<div class="layout-column-one">
<blockquote>Editor</blockquote>
<p style="text-align:left;">enthält unseren Quelltext mit allen Befehlen zur semantischen Gliederung</p>
@ -90,7 +90,7 @@
<div class="layout-content">
<h2>Optionale Parameter</h2>
<p>In eckigen Klammern können verschieden viele optionale Parameter stehen:</p>
<pre><code class="lang-tex hljs">\usepackage[utf8]{inputenc}
<pre class="lang-tex hljs"><code>\usepackage[utf8]{inputenc}
% setzt die Textkodierung
\documentclass[a4paper,12pt]{article}
@ -107,7 +107,7 @@
<div class="layout-content">
<h2>Kommentare</h2>
<p>Nach einem Prozentzeichen wird der Rest der Zeile vom Compiler ignoriert. Der Kommentartext erscheint also nicht im fertigen Dokument.</p>
<pre><code class="lang-tex hljs">% Beginn Steckbrief
<pre class="lang-tex hljs"><code>% Beginn Steckbrief
Name: Donald Knuth \\\\
Geburtsdatum: \\\\ % TODO: einfügen
Geburtsort: Milwaukee, Wisconsin
@ -138,9 +138,9 @@ Geburtsort: Milwaukee, Wisconsin
---
<div class="layout-only">
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="⌨️ Aufgabe">1. Erste Schritte mit LaTeX</h2>
<h2 data-category="Aufgabe 1">Erste Schritte mit LaTeX</h2>
<ul>
<li class="fragment">Falls nötig: Install now!</li>
<li class="fragment">Ladet euch aus dem VC die Datei <code>aufgabe01.tex</code> herunter und speichert sie in einem eigenen Ordner.</li>

67
sections/german/03/03.md
View File

@ -6,26 +6,26 @@
---
<div class="layout-two-columns">
<div class="layout-title">Präambel und Dokumentumgebung</div>
<div class="layout-column-one">
<p>👁 Ein mit LaTeX gesetztes Dokument besteht aus zwei Teilen.</p>
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Präambel & Dokumentumgebung</h2>
<p>👁 Ein mit LaTeX gesetztes Dokument besteht aus:</p>
<ul class="fragment">
<li><b>Präambel</b>: globale Einstellungen (Dokumentklasse, Encoding, Sprache, Seitenformat, zusäzliche Pakete, ...) und</li>
<li><b>Dokumentumgebung</b>: textueller Inhalt des Dokuments.</li>
<li><b>Präambel:</b> globale Einstellungen (Dokumentklasse, Encoding, Sprache, Seitenformat, zusäzliche Pakete, ...) und</li>
<li><b>Dokumentumgebung:</b> textueller Inhalt des Dokuments.</li>
</ul>
</div>
<div class="layout-column-two">
<pre class="lang-tex hljs"><code>\documentclass{scrartcl}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[ngerman]{babel}
\begin{document}
Hallo, Welt!
Hallo, Welt!
\end{document}</code></pre>
</div>
<div class="layout-preview">
<figure>
<img src="sections/german/03/hallo-crop.svg">
<img src="sections/german/03/hallo-orig.svg">
</figure>
</div>
@ -43,9 +43,9 @@
</p>
<div class="fragment">
<ul>
<li><b><code>scrartcl, article</b></code> für einfache Dokumente</li>
<li><b><code>scrreport, report</b></code> für komplexere Dokumente</li>
<li><b><code>scrbook, book</b></code> für Bücher</li>
<li><b><code>scrartcl</code>, <code>article</b></code> für einfache Dokumente</li>
<li><b><code>scrreport</code>, <code>report</b></code> für komplexere Dokumente</li>
<li><b><code>scrbook</code>, <code>book</b></code> für Bücher</li>
<li><b><code>beamer</b></code> für Präsentationen</li>
</ul>
</div>
@ -62,7 +62,7 @@
<p>
<ul>
<li>Pakete stellen zusätzliche Befehle und Funktionalitäten zur Verfügung.</li>
<li>Es existieren verschiedene Pakete für verschiedene Anwendungsfälle (z. B. Formelsatz, Listen, ...).
<li>Es existieren verschiedene Pakete für verschiedene Anwendungsfälle (z.&thinsp;B. Formelsatz, Listen, ...).
</li>
<li>Sie müssen vor der Nutzung in der Präambel eingebunden werden.
</li>
@ -81,7 +81,7 @@
<ul>
<li>Die Zeichenkodierung bestimmt, welche Zeichen verfügbar sind.</li>
<li><b>ASCII</b> enthält kaum Sonderzeichen wie deutsche Umlaute.</li>
<li><b>UTF8</b> ist eine universelle Kodierung.</li>
<li><b>UTF-8</b> ist eine universelle Kodierung.</li>
</ul>
</p>
</div>
@ -95,7 +95,7 @@
<pre class="lang-tex hljs"><code>\usepackage[ngerman]{babel}</code></pre>
<p>
<ul>
<li>Das Paket <b><code>babel</code></b> stellt sprachspezifische Informationen (z.B. Silbentrennung, Sonderzeichen, Wechsel zwischen Fonts, Übersetzung von Labels wie 'Kapitel', 'Inhaltsverzeichnis' oder 'Abbildung') bereit.</li>
<li>Das Paket <b><code>babel</code></b> stellt sprachspezifische Informationen (z.&thinsp;B. Silbentrennung, Sonderzeichen, Wechsel zwischen Fonts, Übersetzung von Labels wie ›Kapitel‹, ›Inhaltsverzeichnis‹ oder ›Abbildung‹) bereit.</li>
<li><b><code>ngerman</code></b> steht für die neue deutsche Rechschreibung.</li>
</ul>
</p>
@ -104,21 +104,19 @@
---
<div class="layout-content-only">
<div class="layout-wide-content">
<div class="layout-content">
<h2>Sprache<em>n</em></h2>
Es können auch mehrere Sprachen im Dokument verwendet werden:
<pre class="lang-tex hljs"><code>\usepackage[ngerman, swedish, russian,
greek, english]{babel}</code></pre>
<p>Es können auch mehrere Sprachen im Dokument verwendet werden:</p>
<pre class="lang-tex hljs"><code>\usepackage[ngerman, swedish, russian, greek, english]{babel}</code></pre>
<div class="fragment">
Umschalten zwischen Sprachen:
<p>Umschalten zwischen Sprachen:</p>
<pre class="lang-tex hljs"><code>\selectlanguage{Sprache A}
\selectlanguage{Sprache B}</code></pre>
Eingebetteter Text in anderer Sprache:
<p>Eingebetteter Text in anderer Sprache:</p>
<pre class="lang-tex hljs"><code>\selectlanguage{Sprache A}
\foreignlanguage{Sprache B}{Hier steht
Text in Sprache B innerhalb eines Textes
in Sprache A}</code></pre>
\foreignlanguage{Sprache B}{Hier steht Text in Sprache B innerhalb eines Textes in Sprache A}</code></pre>
</div>
</div>
</div>
@ -128,19 +126,14 @@ Text in Sprache B innerhalb eines Textes
<div class="layout-content">
<h2>Sprachen – Ein Beispiel</h2>
<pre class="lang-tex hljs"><code>\today
\selectlanguage{ngerman}
\today
\selectlanguage{swedish}
\today
\selectlanguage{russian}
\today
\selectlanguage{greek}
\today
\selectlanguage{english}
\today
</code></pre>
@ -161,7 +154,7 @@ Einfache Zeilenumbrüche ↲
werden dabei ignoriert ↲
genau wie mehrere Leerzeichen. ↲
↲
Leerzeilen erzeugen einen neuen Absatz, ↲
Leerzeilen erzeugen einen neuen Absatz,↲
standardmäßig mit Einzug. ↲
Manuelle Zeilenumbrüche können mit ↲
zwei Backslashes erzwungen werden, ↲
@ -232,7 +225,8 @@ nichts verloren.</code></pre>
<div class="layout-content">
<h2>Titelei</h2>
<pre class="lang-tex hljs" data-source="title.tex"><code>\title{Die Welt der Trüffel}
\author{Fooboar Rüssel \\\\ Fachschaft WIAI\thanks{WIe AIn Profi}, Otto-Friedrich-Universität Bamberg}
\author{Fooboar Rüssel \\\\ Fachschaft WIAI\thanks{WIe AIn Profi},
Otto-Friedrich-Universität Bamberg}
\date{\today}
\begin{document}
\maketitle
@ -244,7 +238,6 @@ nichts verloren.</code></pre>
<li>Mehrere Autoren werden mit <code>\and</code> getrennt.</li>
<li>Wird kein Datum angegeben, wird per default das aktuelle Datum gesetzt. Dies kann mit <code>\date{}</code> vermieden werden.</li>
</ul>
</p>
</div>
</div>
@ -283,8 +276,8 @@ Mein Lieblingsrezept
<p><pre class="lang-tex hljs"><code>\tableofcontents</code></pre>
<ul>
<li>Nummerierung erfolgt automatisch</li>
<li>Viele Anpassungsmöglichkeiten (Aufzählungszeichen, -tiefe, automatische Benennung, ...)</li>
<li>(Unter-)Kapitel, die nicht im Verzeichnis aufgeführt werden sollen, werden mit einem \* versehen, also z. B. <code>\section\*{}</code>.</li>
<li>Viele Anpassungsmöglichkeiten (Aufzählungszeichen, -tiefe, automatische Benennung, …)</li>
<li>(Unter-)Kapitel, die nicht im Verzeichnis aufgeführt werden sollen, werden mit einem `*` versehen, also z.&thinsp;B. <code>\section\*{}</code>.</li>
<li>Am besten zweimal kompilieren</li>
</ul>
</p>
@ -350,9 +343,9 @@ Mein Lieblingsrezept
---
<div class="layout-only">
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="⌨️ Aufgabe">2. Grundstruktur des Skripts anpassen</h2>
<h2 data-category="Aufgabe 2">Grundstruktur des Skripts anpassen</h2>
<ul>
<li class="fragment">Füge ein Inhaltsverzeichnis in das Skript ein.</li>
<li class="fragment">Füge im 1. Kapitel xxxxx mehrere neue Absätze mit <code>\section{}</code> und <code>\subsection{}</code> ein und beobachte, was im Inhaltsverzeichnis passiert.</li>

4
sections/german/04/04.md
View File

@ -222,9 +222,9 @@ Inhalt von Abschnitt 1.</code></pre>
---
<div class="layout-only">
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe">4. Projektstruktur für das Skript anlegen</h2>
<h2 data-category="Aufgabe 4">Projektstruktur für das Skript anlegen</h2>
<ul>
<li class="fragment">Teile das Skript in sinnvolle Abschnitte auf und lagere sie in separate <code>.tex</code>-Dateien aus.</li>
<li class="fragment">Verwende zunächst <code>\input{}</code>, um die Abschnitte in deine Hauptdatei einzubinden.</li>

4
sections/german/05/05.md
View File

@ -404,9 +404,9 @@ $\dagger$</code></pre>
---
<div class="layout-only">
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe">4. Sonderzeichen einfügen</h2>
<h2 data-category="Aufgabe 5">Sonderzeichen einfügen</h2>
<ul>
<li class="fragment">Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.</li>
<li class="fragment">Lies dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.</li>

2
sections/german/07/07.md
View File

@ -53,7 +53,7 @@
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe">5. Absätze ändern</h2>
<h2 data-category="Aufgabe 7">Absätze ändern</h2>
<ul>
<li class="fragment">Formatiere den ersten Absatz des Kapitels xxx rechtsbündig zentriert.</li>
</ul>

4
sections/german/08/08.md
View File

@ -121,9 +121,9 @@
---
<div class="layout-only">
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe">5. Aufzählungen einfügen</h2>
<h2 data-category="Aufgabe 6">Aufzählungen einfügen</h2>
<ul>
<li class="fragment">Füge in Absatz xxx von Kapitel xxx eine nummerierte Aufzählung von xxx ein.</li>
<li class="fragment">Wandle die Aufzählung anschließend in eine Liste mit Bullet Points um.</li>

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

@ -73,7 +73,7 @@ height=5cm]{datei.jpg}</code></pre>
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe">6. Grafiken einfügen</h2>
<h2 data-category="Aufgabe 11">Grafiken einfügen</h2>
<ul>
<li class="fragment"></li>
</ul>

4
sections/german/12/12.md
View File

@ -10,9 +10,9 @@ TODO: Tabellen (booktabs, Möglichkeit für Querformat)
---
<div class="layout-only">
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe">7. Tabellen einfügen</h2>
<h2 data-category="Aufgabe 12">Tabellen einfügen</h2>
<ul>
<li class="fragment"></li>
</ul>

2
sections/german/13/13.md
View File

@ -1,6 +1,6 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>Referenzen und Fußnoten</h1>
<h1>Referenzen und&nbsp;Fußnoten</h1>
</div>
</div>

12
sections/german/14/14.md
View File

@ -39,8 +39,7 @@
<p class="fragment">Im BibTex Format</p>
<div class="fragment">
<p >Beispielhafter Literatureintrag im BibTex Format</p>
<pre class="lang-tex hljs"><code>
@article{turing1990, %Art des Dokuments und Bezeichner für den \cite Befehl
<pre class="lang-tex hljs"><code>@article{turing1990, %Art des Dokuments und Bezeichner für den \cite Befehl
title={The chemical basis of morphogenesis}, % Titel
author={Turing, Alan Mathison}, % Autor
journal={Bulletin of mathematical biology}, % Titel des Journals
@ -48,8 +47,7 @@
pages={153--197}, % Seitenzahl im Journal
year={1990}, % Erscheinungsjahr
publisher={Springer} % Verleger des Journals
}
</code></pre>
}</code></pre>
</div>
</div>
<div>
@ -75,8 +73,9 @@
---
<div class="layout-content">
<h2 data-category="Aufgabe">Ein Literaturverzeichnis erstellen und einfügen</h2>
<div class="layout-wide-content">
<div class="layout-content">
<h2 data-category="Aufgabe 14">Ein Literaturverzeichnis erstellen und einfügen</h2>
<ul>
<li class="fragment">Suche in einer Literaturdatenbank deiner Wahl die BibTeX-Einträge für folgende LaTeX-Handbücher:
<ul>
@ -91,4 +90,5 @@
<li class="fragment">Zitiere die 3 Handbücher an geeigneter Stelle im Skript, damit diese im Literaturverzeichnis erscheinen.</li>
<li class="fragment">Probiere nun einen anderen Bibliographierstil aus und vergleiche, was sich im PDF verändert.</li>
</ul>
</div>
</div>

50
sections/german/15/15.md
View File

@ -6,8 +6,6 @@
---
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Einen Index erstellen</h2>
@ -16,21 +14,16 @@
\begin{document}
\maketitle
\section{Was ist LaTeX\index{LaTeX}?}
LaTeX\index{LaTeX} ist
ein Textsatzsystem\index{Textsatzsystem}.
\newpage
\section{TeX\index{TeX} vs. LaTeX\index{LaTeX}}
Es basiert auf TeX\index{TeX},
einer Erfindung von
LaTeX\index{LaTeX} ist ein
Textsatzsystem\index{Textsatzsystem}.
\newpage \section{TeX\index{TeX} vs.
LaTeX\index{LaTeX}} Es basiert auf
TeX\index{TeX}, einer Erfindung von
Donald Knuth\index{Knuth, Donald}.
Da TeX\index{TeX} in
seiner Syntax sehr viel
komplexer als LaTeX\index{LaTeX} ist,
ist LaTeX\index{LaTeX}
wesentlich weiter verbreitet.
Da TeX\index{TeX} in seiner Syntax sehr
viel komplexer als LaTeX\index{LaTeX}
ist, ist LaTeX\index{LaTeX} wesentlich
weiter verbreitet.
\printindex</code></pre>
</div>
<div class="layout-preview">
@ -44,9 +37,7 @@ wesentlich weiter verbreitet.
<div class="layout-content">
<h2>Beamer</h2>
<p>Dokumentenklasse zur Erstellung von Präsentationen.</p>
<pre class="lang-tex hljs">
<code>
\documentclass{beamer}
<pre class="lang-tex hljs"><code>\documentclass{beamer}
\usetheme{Frankfurt}
\usecolortheme{seahorse}
\author{ACID}
@ -56,13 +47,12 @@ wesentlich weiter verbreitet.
\framesubtitle{Inkarnation des Guten?}
\begin{frame}
\begin{definition}
Ein Zitronensorbet ist eine halbgefrorene \textbf{Speiseeiscreme}
Ein Zitronensorbet ist eine
halbgefrorene \textbf{Speiseeiscreme}
auf Basis von \textit{Zitronen}.
\end{definition}
\end{frame}
\end{document}
</code>
</pre>
\end{document}</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/15/beamer.png">
@ -74,8 +64,7 @@ auf Basis von \textit{Zitronen}.
<div class="layout-content">
<h2>TikZ - TikZ ist kein Zeichenprogramm</h2>
<p>Paket zur Erstellung von Vektorgrafiken.</p>
<pre class="lang-tex hljs">
<code>\tikzstyle{every node}=[draw=black,thick,anchor=west]
<pre class="lang-tex hljs"><code>\tikzstyle{every node}=[draw=black,thick,anchor=west]
\tikzstyle{selected}=[draw=red,fill=red!30]
\tikzstyle{dir}=[fill=gray!50]
\tikzstyle{relativeTo}=[fill=blue!70]
@ -99,9 +88,7 @@ child { node {home}
}
}
};
\end{tikzpicture}
</code>
</pre>
\end{tikzpicture}</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/04/relative_path.png">
@ -114,9 +101,7 @@ child { node {home}
<div class="layout-content">
<h2>paralist</h2>
<p>Paket für platzsparendere Listen</p>
<pre class="lang-tex hljs">
<code>
\begin{asparaenum} %enumerate
<pre class="lang-tex hljs"><code>\begin{asparaenum} %enumerate
\item Erdbeeren
\item Stachelbeeren
\item Eisbären
@ -126,8 +111,7 @@ child { node {home}
\item Erdbeeren
\item Stachelbeeren
\item Eisbären
\end{asparaitem}
</code>
\end{asparaitem}</code></pre>
</div>
<div>
<img src="sections/german/15/paralist.png">

2
tex2svg
View File

@ -11,7 +11,7 @@
`rm #{file}.out`
`rm #{file}.pdf`
`rm #{file}.svg`
`rm #{file}.toc`
#`rm #{file}.toc`
`rm #{file}-crop.pdf`
end
Dir.chdir "../../.."

2
tex2svg.sh
View File

@ -2,7 +2,7 @@
for file in sections/german/*/*.tex; do
pushd $(dirname $file)
base=$(basename ${file%.tex})
pdflatex $base
pdflatex --shell-escape $base
pdfcrop $base.pdf
pdf2svg $base.pdf $base-orig.svg
pdf2svg $base-crop.pdf $base-crop.svg