diff --git a/.gitignore b/.gitignore index 41a67b5..f529b61 100644 --- a/.gitignore +++ b/.gitignore @@ -4,6 +4,10 @@ *.toc *.fdb_latexmk *.fls +*.synctex.gz + +# LaTeX results +svg/**/*.pdf # From Reveal.js .idea/ diff --git a/sections/german/09/09.md b/sections/german/09/09.md deleted file mode 100644 index 90e17c6..0000000 --- a/sections/german/09/09.md +++ /dev/null @@ -1,193 +0,0 @@ -
-
-

Mathematische Formeln

-
-
- ---- - -
-
-

Formel-Umgebungen 🧮

-
$2 \sqrt{\frac{\pi^2}{3} \cdot c_2}$
-

Mathematische Formeln können nur im sogenannten Mathmode gesetzt werden, der inline durch zwei Dollarzeichen aktiviert wird. Außerdem gibt es eine Blockumgebung:

-
\begin{equation}
-  2 \sqrt{\frac{\pi^2}{3} \cdot c_2}
-\end{equation}
-

Pakete: amsmath, amsthm, amssymb, mathtools

-
-
- -
-
- ---- - -
-
-

Einige Beispiele

- - - - - - - - - - - - - - - - - - - - - - - - - -
QuelltextErgebnis
\sqrt{16}$\sqrt{16}$
\frac{3}{4}$\frac{3}{4}$
e^{\pi}$e^{\pi}$
\sum\_{i=1}^{n}x^2$\sum_{i=1}^{n} x^2$
12 \leq 4 x^2 + 13$12 \leq 4 x^2 + 13$
-

Durch ^{…} und _{…} werden die Inhalte in den Klammern hoch- oder tiefgestellt.

-
-
- ---- - -
-
-

Einige Beispiele

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
QuelltextErgebnis
(x), [x], \lbrace x\rbrace, \lvert x\rvert$(x), [x], \lbrace x\rbrace, \lvert x\rvert$
\exists, \forall, \in, \notin, \infty$\exists,\forall,\in,\notin,\infty$
\alpha, \beta, \Gamma, \Delta, \varepsilon, \pi$\alpha, \beta, \Gamma, \Delta, \varepsilon, \pi$
\rightarrow, \leftarrow, \Rightarrow, \Leftarrow, \Leftrightarrow$\rightarrow, \leftarrow, \Rightarrow, \Leftarrow, \Leftrightarrow$
(A \cup B) \cap C$(A \cup B) \cap C$
(A \lor B) \land C$(A \lor B) \land C$
(A \cdot B) \times C$(A \cdot B) \times C$
-
-
- ---- - -
-
-

Mitwachsende Klammern

- - - - - - - - - - - - - - - - - -
QuelltextErgebnis
\left( \frac{1}{2} \right)$\left(\frac{1}{2} \right)$
\left\lbrace \frac{1}{2} \right\rbrace$\left\lbrace\frac{1}{2} \right\rbrace$
\left[ \frac{1}{2} \right]$\left[\frac{1}{2} \right]$
-
$4 \cdot \left( \frac{1}{2} % …
-

$4 \cdot \left(\frac{1}{2} +\frac{3}{ 12 \cdot \left( 2 + \frac{1}{86 \cdot \left(\frac{1}{2} + 24 \right)} \right)} \right)$

-
-
- ---- - -
-
-

Darstellung von Grenzen

-

Mit dem Befehl \limits lassen sich die Grenzen von Integralen unter und über dem Integralzeichen darstellen. Bei Summen, Produkten und Grenzwerten geschieht das automatisch.

-
\sum\_{i=1}^{n^2}(x+2)
-\prod\_{j=1}^{100}(3 \cdot x)
-\lim\_{x \rightarrow \infty}(14x^3 - 12)
-\int\limits\_{-12}^{4}(14x^3 - 12)
-

Der Einsatz von \limits sollte im Fließtext vermieden werden.

-
-
- -
-
- ---- - -
-
-

Ausrichtung von mehreren Gleichungen

-

Die Umgebung align erlaubt es, Gleichungen zum Beispiel am »=« auszurichten.

-
\begin{align}
-  13 \cdot (4a - 3)^2 &= 13 … \\\\
-      &= 208a^2 - 312a + 117
-\end{align}
- -
-
- -
-
- ---- - -
-
-

Mengenschreibweise

-

Manchmal ist es notwendig, im Zusammenhang mit der Mengenschreibweise Prädikate unter Verwendung von textuellen Beschreibungen oder längeren Funktionsnamen zu definieren.

- -

Für diesen Fall gibt es den Befehl \mathrm{}.

- -

$\left\lbrace x \mid tiefe(x) \geq 20\right\rbrace$

-

$\left\lbrace x \mid \mathrm{tiefe}(x) \geq 20\right\rbrace$

-
$\left\lbrace x \mid \mathrm{tiefe}(x) …
-
-
- ---- - -
-
-

Formeln setzen

- -
-
diff --git a/sections/german/10/10.md b/sections/german/10/10.md deleted file mode 100644 index 355acb8..0000000 --- a/sections/german/10/10.md +++ /dev/null @@ -1,119 +0,0 @@ -
-
-

Quelltext-Listings

-
-
- ---- - -
-
-

Installation 🖥️

-

- Mit dem Paket minted lässt sich Quelltext gut darstellen. Dafür wird die Programmiersprache Python benötigt. -

-

- Nach der Installation von Python kann das zugehörige Paket Pygments in der Eingabeaufforderung installiert werden durch: -

-
pip install Pygments
-

Anschließend muss das LaTeX-Paket nur noch eingebunden werden:

-
\usepackage{minted}
-
-
- -
-
- ---- - -
-
-

Anpassungen beim Kompilieren

-
-

- Um Dokumente mit Quelltext-Listings kompilieren zu können, muss die Flag --shell-escape an den Compiler übergeben werden. -

-
-

- In TeXstudio muss diese unter Optionen > TeXstudio konfigurieren > Befehle - bei PdfLaTeX vor %.tex ergänzt werden: -

-

- pdflatex -syntex=1 -interaction=nonstopmode --shell-escape %.tex -

-
-
- ---- - -
-
-

Code im LaTeX-Quelltext

-

In einer eigenen Umgebung:

-
\section\*{Haskell-Magie}
-Quadrate aller geraden % …
-\begin{minted}{haskell}
-[x^2 | x <- [1..200], even x]
-\end{minted}
-

Inline im Quelltext:

-
\section\*{Ein HTML-Beispiel}
-Eine Überschrift wird so ausgezeichnet:
-\mint{html}|

LaTeX im Studium

|.
-
-
- -
-
- ---- - -
-
-

Code aus externen Dateien

-

Um Redundanz zu vermeiden, ist es manchmal praktisch, den Quelltext direkt aus der Quelldatei einzulesen.

-
\section\*{Einfache Java-Anwendung}
-    \inputminted{java}{Test.java}
-
public class HelloWorld {
-    public static void main(/\*…\*/) {
-        System.out.println(/\*…\*/);
-    }
-}
-
-
- -
-
- ---- - -
-
-

Minted konfigurieren

-

- Durch optionale Parameter können Zeilennummerierung, Umbrüche und Farben ausgewählt werden. Außerdem sind zahlreiche Themes verfügbar. -

-
\usemintedstyle{monokai}
-\begin{minted}[
-linenos=true,
-breaklines=true,
-]{javascript}
-    % ...
-\end{minted}
-

🔗 Einführung und offizielle Dokumentation

-
-
- ---- - -
-
-

Quelltext einbinden

- -
-
diff --git a/sections/german/10/minted.png b/sections/german/10/minted.png deleted file mode 100644 index 597e839..0000000 Binary files a/sections/german/10/minted.png and /dev/null differ diff --git a/slides.yml b/slides.yml index 74536ab..d59e812 100644 --- a/slides.yml +++ b/slides.yml @@ -8,3 +8,4 @@ - chapter-07 - chapter-08 - chapter-09 +- chapter-10 diff --git a/slides/chapter-10.de.md b/slides/chapter-10.de.md new file mode 100644 index 0000000..951bc39 --- /dev/null +++ b/slides/chapter-10.de.md @@ -0,0 +1,127 @@ +@slide(layout=chapter-slide) + +@title +Quelltext-Listings + +@slide(layout=content-and-preview) + +@title +Installation 🖥️ + +@content +Mit dem Paket `minted` lässt sich Quelltext gut darstellen. Dafür wird die Programmiersprache Python benötigt. + +Nach der **[Installation von Python](https://www.python.org/)** kann das zugehörige Paket **[`Pygments`](http://pygments.org/)** in der Eingabeaufforderung installiert werden durch: + +``` {.lang-sh .hljs} +pip install Pygments +``` + +Anschließend muss das LaTeX-Paket nur noch eingebunden werden: + +``` {.lang-tex .hljs} +\usepackage{minted} +``` + +@preview +![](svg/chapter-10/minted-overview-crop.svg){ .thin-padding } + +@slide(layout=content-only) + +@title +Anpassungen beim Kompilieren + +@content +
+ Um Dokumente mit Quelltext-Listings kompilieren zu können, muss die Flag `--shell-escape` an den Compiler übergeben werden. +
+ +In TeXstudio muss diese unter **`Optionen > TeXstudio konfigurieren > Befehle`** bei PdfLaTeX vor `%.tex` ergänzt werden: + + pdflatex -syntex=1 -interaction=nonstopmode **--shell-escape** %.tex + +@slide(layout=content-and-preview) + +@title +Code im LaTeX-Quelltext + +@content +++ In einer eigenen Umgebung: + +``` {.lang-tex .hljs .fragment} +\section*{Haskell-Magie} +Quadrate aller geraden % … +\begin{minted}{haskell} +[x^2 | x <- [1..200], even x] +\end{minted} +``` + +++ Inline im Quelltext: + +``` {.lang-tex .hljs .fragment} +\section*{Ein HTML-Beispiel} +Eine Überschrift wird so ausgezeichnet: +\mint{html}|

LaTeX im Studium

|. +``` + +@preview +![](svg/chapter-10/minted-haskell-crop.svg) + +@slide(layout=content-and-preview) + +@title +Code aus externen Dateien + +@content +Um Redundanz zu vermeiden, ist es manchmal praktisch, den Quelltext direkt aus der Quelldatei einzulesen. + +``` {.lang-tex .hljs} +\section*{Einfache Java-Anwendung} +\inputminted{java}{Test.java} +``` + +``` {.lang-java .hljs data-sourcefile="Test.java"} +public class HelloWorld { + public static void main(/*…*/) { + System.out.println(/*…*/); + } +} +``` + +@preview +![](svg/chapter-10/minted-java-crop.svg) + +@slide(layout=content-only) + +@title +`Minted` konfigurieren + +@content +Durch optionale Parameter können Zeilennummerierung, Umbrüche und Farben ausgewählt werden. Außerdem sind zahlreiche Themes verfügbar. + +``` {.lang-tex .hljs} +\usemintedstyle{monokai} +\begin{minted}[ +linenos=true, +breaklines=true, +]{javascript} + % ... +\end{minted} +``` + +🔗 **[Einführung](https://www.overleaf.com/learn/latex/Code_Highlighting_with_minted)** und **[offizielle Dokumentation](https://ctan.kako-dev.de/macros/latex/contrib/minted/minted.pdf)** + +@slide(layout=task) + +@task-number +9 + +@title +Quelltext einbinden + +@content +* Abschnitt 2.4 enthält zwei auskommentierte **Listings**. +* ++ Bindet zunächst das **Paket `minted`** an der richtigen Stelle ein. +* ++ Nutzt die **`minted`-Umgebung**, um das erste Listing mit Syntax Highlighting zu versehen. +* ++ Lagert das zweite Listing in eine **neue Datei** aus und bindet sie mit `\inputminted` ein. +* ++ Ändert das **Farbschema** zu `borland`. \ No newline at end of file diff --git a/slides/chapter-10.en.md b/slides/chapter-10.en.md new file mode 100644 index 0000000..451ff0b --- /dev/null +++ b/slides/chapter-10.en.md @@ -0,0 +1,127 @@ +@slide(layout=chapter-slide) + +@title +Source code listings + +@slide(layout=content-and-preview) + +@title +Installation 🖥️ + +@content +`Minted`, another LaTeX package, is very useful to display source code. It requires the Python programming language. + +As soon as **[Python is installed](https://www.python.org/)**, we can download the corresponding Python package **[`Pygments`](http://pygments.org/)** using a command prompt: + +``` {.lang-sh .hljs} +pip install Pygments +``` + +Add the LaTeX package and we are good to go: + +``` {.lang-tex .hljs} +\usepackage{minted} +``` + +@preview +![](svg/chapter-10/minted-overview-english-crop.svg){ .thin-padding } + +@slide(layout=content-only) + +@title +Compiler settings + +@content +
+ We need to pass the additional flag `--shell-escape` to our compiler in order to use `minted`. +
+ +In TeXstudio, go to **`Options > Configure TeXstudio > Commands`** and add the flag in the PdfLaTeX row before `%.tex`: + + pdflatex -syntex=1 -interaction=nonstopmode **--shell-escape** %.tex + +@slide(layout=content-and-preview) + +@title +Listings within LaTeX documents + +@content +++ Within a dedicated environment: + +``` {.lang-tex .hljs .fragment} +\section*{Haskell Magic} +Squares of all even % … +\begin{minted}{haskell} +[x^2 | x <- [1..200], even x] +\end{minted} +``` + +++ Directly inline: + +``` {.lang-tex .hljs .fragment} +\section*{An HTML Example} +A headline is denoted the following way: +\mint{html}|

LaTeX at University

| +``` + +@preview +![](svg/chapter-10/minted-haskell-english-crop.svg) + +@slide(layout=content-and-preview) + +@title +External source code + +@content +We can avoid redundancy by including source code directly from its source file. + +``` {.lang-tex .hljs} +\section*{Simple Java Application} +\inputminted{java}{Test.java} +``` + +``` {.lang-java .hljs data-sourcefile="Test.java"} +public class HelloWorld { + public static void main(/*…*/) { + System.out.println(/*…*/); + } +} +``` + +@preview +![](svg/chapter-10/minted-java-english-crop.svg) + +@slide(layout=content-only) + +@title +Configuring `minted` + +@content +Optional parameters allow us to activate line numbers, automated line breaks, and syntax highlighting based on numerous color schemes. + +``` {.lang-tex .hljs} +\usemintedstyle{monokai} +\begin{minted}[ +linenos=true, +breaklines=true, +]{javascript} + % ... +\end{minted} +``` + +🔗 **[introduction](https://www.overleaf.com/learn/latex/Code_Highlighting_with_minted)** and **[official documentation](https://ctan.kako-dev.de/macros/latex/contrib/minted/minted.pdf)** + +@slide(layout=task) + +@task-number +9 + +@title +Listing source code + +@content +* Section 2.4 contains two **listings** that are currently commented out. +* ++ Include the **`minted` package** in the right place. +* ++ Make use of the **`minted` environment** to activate syntax highlighting for the first listing. +* ++ Move the second listing to a **new file** and include it using `\inputminted`. +* ++ Change the **color scheme** to `borland`. \ No newline at end of file diff --git a/sections/german/10/Test.java b/svg/chapter-10/Test.java similarity index 100% rename from sections/german/10/Test.java rename to svg/chapter-10/Test.java diff --git a/sections/german/10/minted-haskell-crop.svg b/svg/chapter-10/minted-haskell-crop.svg similarity index 99% rename from sections/german/10/minted-haskell-crop.svg rename to svg/chapter-10/minted-haskell-crop.svg index d03b9ed..6d35707 100644 --- a/sections/german/10/minted-haskell-crop.svg +++ b/svg/chapter-10/minted-haskell-crop.svg @@ -1,5 +1,5 @@ - + @@ -134,9 +134,6 @@ - - - @@ -474,8 +471,5 @@ - - - diff --git a/svg/chapter-10/minted-haskell-english-crop.svg b/svg/chapter-10/minted-haskell-english-crop.svg new file mode 100644 index 0000000..472af29 --- /dev/null +++ b/svg/chapter-10/minted-haskell-english-crop.svg @@ -0,0 +1,497 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/chapter-10/minted-haskell-english-orig.svg b/svg/chapter-10/minted-haskell-english-orig.svg new file mode 100644 index 0000000..3d09f28 --- /dev/null +++ b/svg/chapter-10/minted-haskell-english-orig.svg @@ -0,0 +1,497 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/chapter-10/minted-haskell-english.tex b/svg/chapter-10/minted-haskell-english.tex new file mode 100644 index 0000000..bde476b --- /dev/null +++ b/svg/chapter-10/minted-haskell-english.tex @@ -0,0 +1,21 @@ +\documentclass[a4paper]{article} +\usepackage{lmodern} +\usepackage{amssymb,amsmath} +\usepackage[T1]{fontenc} +\usepackage[utf8]{inputenc} +\usepackage{hyperref} +\usepackage{minted} +\begin{document} +\thispagestyle{empty} + +\section*{Haskell Magic} +Squares of all even numbers between 1 and 200: +\begin{minted}{haskell} +[x^2 | x <- [1..200], even x] +\end{minted} + +\section*{An HTML Example} +A headline is denoted the following way: +\mint{html}|

LaTeX at University

| + +\end{document} diff --git a/sections/german/10/minted-haskell-orig.svg b/svg/chapter-10/minted-haskell-orig.svg similarity index 99% rename from sections/german/10/minted-haskell-orig.svg rename to svg/chapter-10/minted-haskell-orig.svg index 0e28559..c0ada3a 100644 --- a/sections/german/10/minted-haskell-orig.svg +++ b/svg/chapter-10/minted-haskell-orig.svg @@ -134,9 +134,6 @@ - - - @@ -474,8 +471,5 @@ - - - diff --git a/sections/german/10/minted-haskell.tex b/svg/chapter-10/minted-haskell.tex similarity index 91% rename from sections/german/10/minted-haskell.tex rename to svg/chapter-10/minted-haskell.tex index 8f74c98..dfd1107 100644 --- a/sections/german/10/minted-haskell.tex +++ b/svg/chapter-10/minted-haskell.tex @@ -16,6 +16,6 @@ Quadrate aller geraden Zahlen zwischen 1 und 200: \section*{Ein HTML-Beispiel} Eine Überschrift wird so ausgezeichnet: -\mint{html}|

LaTeX im Studium

|. +\mint{html}|

LaTeX im Studium

| \end{document} diff --git a/sections/german/10/minted-java-crop.svg b/svg/chapter-10/minted-java-crop.svg similarity index 100% rename from sections/german/10/minted-java-crop.svg rename to svg/chapter-10/minted-java-crop.svg diff --git a/svg/chapter-10/minted-java-english-crop.svg b/svg/chapter-10/minted-java-english-crop.svg new file mode 100644 index 0000000..9cbb416 --- /dev/null +++ b/svg/chapter-10/minted-java-english-crop.svg @@ -0,0 +1,352 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/chapter-10/minted-java-english-orig.svg b/svg/chapter-10/minted-java-english-orig.svg new file mode 100644 index 0000000..fa1b215 --- /dev/null +++ b/svg/chapter-10/minted-java-english-orig.svg @@ -0,0 +1,352 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/chapter-10/minted-java-english.tex b/svg/chapter-10/minted-java-english.tex new file mode 100644 index 0000000..d899250 --- /dev/null +++ b/svg/chapter-10/minted-java-english.tex @@ -0,0 +1,14 @@ +\documentclass[a4paper]{article} +\usepackage{lmodern} +\usepackage{amssymb,amsmath} +\usepackage[T1]{fontenc} +\usepackage[utf8]{inputenc} +\usepackage{hyperref} +\usepackage{minted} +\begin{document} +\thispagestyle{empty} + +\section*{Simple Java Application} +\inputminted{java}{Test.java} + +\end{document} diff --git a/sections/german/10/minted-java-orig.svg b/svg/chapter-10/minted-java-orig.svg similarity index 100% rename from sections/german/10/minted-java-orig.svg rename to svg/chapter-10/minted-java-orig.svg diff --git a/sections/german/10/minted-java.tex b/svg/chapter-10/minted-java.tex similarity index 100% rename from sections/german/10/minted-java.tex rename to svg/chapter-10/minted-java.tex diff --git a/sections/german/10/minted-overview-crop.svg b/svg/chapter-10/minted-overview-crop.svg similarity index 77% rename from sections/german/10/minted-overview-crop.svg rename to svg/chapter-10/minted-overview-crop.svg index d973da0..5f19228 100644 --- a/sections/german/10/minted-overview-crop.svg +++ b/svg/chapter-10/minted-overview-crop.svg @@ -1,5 +1,5 @@ - + @@ -228,17 +228,26 @@ - + - + - + + + + + + + + + + @@ -591,7 +600,7 @@ - + @@ -608,6 +617,18 @@ + + + + + + + + + + + + @@ -676,178 +697,216 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + - + - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - + + + + - - - - - - - - - - - + + + + + + + + + + + - - - - + + + + - - - + + + - + - + + + + + + + + + + + - - + - - - + + - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - - - - - - + + + + + + + + + + + - - - - - - + + + + + + + + + + + + + + @@ -880,485 +939,485 @@ - - - - - - - - - + - + - - + - + + - - - + + + + + + + + + + + + + + + + + - - - - - + + + + + - + - - - - - - - - - - + + + + + + + + - - - - - + + + + + - - + + - - - - + + + + - - - - + + + + - - - - - - - + + + + + + + - - - - - - - - - - + + + + + + + + + + - - - - + + + + - - - + + + - - - + + + - + - + - + - - + + - + - + - + - - - - - - - - - - - - - + + + + + + + + + + + + + - - - - + + + + - - - + + + - - - - - - - - - - - + + + + + + + + + + + - - - + + + - - - - + + + + - - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - + + + + + + + + + - + - + - + - + - - + + - + - + - - - + + + - - - - - + + + + + - + - - - - - - - - - + + + + + + + + + - - - - - + + + + + - - + + - - - - + + + + - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + - - - + + + - - - + + + - + - + - - - - - - - - - - - - - - - - - - + - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - + - + - + - - - + + + - - - + + + + + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + - + - + - - + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - - + + - - - + + + - + + + + + + + + + + + + + + + + + + diff --git a/svg/chapter-10/minted-overview-english-crop.svg b/svg/chapter-10/minted-overview-english-crop.svg new file mode 100644 index 0000000..2771fd6 --- /dev/null +++ b/svg/chapter-10/minted-overview-english-crop.svg @@ -0,0 +1,1406 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/chapter-10/minted-overview-english-orig.svg b/svg/chapter-10/minted-overview-english-orig.svg new file mode 100644 index 0000000..a562244 --- /dev/null +++ b/svg/chapter-10/minted-overview-english-orig.svg @@ -0,0 +1,1406 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/chapter-10/minted-overview-english.tex b/svg/chapter-10/minted-overview-english.tex new file mode 100644 index 0000000..4d59414 --- /dev/null +++ b/svg/chapter-10/minted-overview-english.tex @@ -0,0 +1,45 @@ +\documentclass[a4paper]{article} +\usepackage{lmodern} +\usepackage{amssymb,amsmath} +\usepackage[T1]{fontenc} +\usepackage[utf8]{inputenc} +\usepackage{hyperref} +\usepackage{minted} +\begin{document} +\thispagestyle{empty} + +\begin{minted}[ +fontfamily=tt, +linenos=true, +numberblanklines=true, +numbersep=12pt, +numbersep=5pt, +gobble=0, +frame=leftline, +framerule=0.4pt, +framesep=2mm, +funcnamehighlighting=true, +tabsize=4, +breaklines=true, +texcl=false, +]{html} +
+
+

Installation

+

+ Minted, another LaTeX package, is very useful to display source code. It requires the Python programming language. +

+

+ As soon as Python is installed, we can download the corresponding Python package Pygments using a command prompt: +

+
pip install Pygments
+

Add the LaTeX package and we are good to go:

+
\usepackage{minted}
+
+
+ +
+
+\end{minted} + +\end{document} diff --git a/sections/german/10/minted-overview-orig.svg b/svg/chapter-10/minted-overview-orig.svg similarity index 77% rename from sections/german/10/minted-overview-orig.svg rename to svg/chapter-10/minted-overview-orig.svg index 25bf43c..0ee0f33 100644 --- a/sections/german/10/minted-overview-orig.svg +++ b/svg/chapter-10/minted-overview-orig.svg @@ -228,17 +228,26 @@ - + - + - + + + + + + + + + + @@ -591,7 +600,7 @@ - + @@ -608,6 +617,18 @@ + + + + + + + + + + + + @@ -676,178 +697,216 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + - + - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - - + + - - - - + + + + - - - - - - - - - - - + + + + + + + + + + + - - - - + + + + - - - + + + - + - + + + + + + + + + + + - - + - - - + + - - - - - - - - - - - - - - - - - - - + + + - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + - - - - - - + + + + + + + + + + + - - - - - - + + + + + + + + + + + + + + @@ -880,485 +939,485 @@ - - - - - - - - - + - + - - + - + + - - - + + + + + + + + + + + + + + + + + - - - - - + + + + + - + - - - - - - - - - - + + + + + + + + - - - - - + + + + + - - + + - - - - + + + + - - - - + + + + - - - - - - - + + + + + + + - - - - - - - - - - + + + + + + + + + + - - - - + + + + - - - + + + - - - + + + - + - + - + - - + + - + - + - + - - - - - - - - - - - - - + + + + + + + + + + + + + - - - - + + + + - - - + + + - - - - - - - - - - - + + + + + + + + + + + - - - + + + - - - - + + + + - - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - + + + + + + + + + - + - + - + - + - - + + - + - + - - - + + + - - - - - + + + + + - + - - - - - - - - - + + + + + + + + + - - - - - + + + + + - - + + - - - - + + + + - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + - - - + + + - - - + + + - + - + - - - - - - - - - - - - - - - - - - + - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + - + - + - + - - - + + + - - - + + + + + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + - + - + - - + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - - + + - - - + + + - + + + + + + + + + + + + + + + + + + diff --git a/sections/german/10/minted-overview.tex b/svg/chapter-10/minted-overview.tex similarity index 69% rename from sections/german/10/minted-overview.tex rename to svg/chapter-10/minted-overview.tex index 0e8c2ff..a26a13e 100644 --- a/sections/german/10/minted-overview.tex +++ b/svg/chapter-10/minted-overview.tex @@ -25,19 +25,19 @@ texcl=false, ]{html}
-

Installation 🖥️

+

Installation

Mit dem Paket minted lässt sich Quelltext gut darstellen. Dafür wird die Programmiersprache Python benötigt.

- Nach der Installation von Python kann das zugehörige Paket Pygments in der Eingabeaufforderung installiert werden durch: + Nach der Installation von Python kann das zugehörige Paket Pygments in der Eingabeaufforderung installiert werden durch:

-
pip install Pygments
+
pip install Pygments

Anschließend muss das LaTeX-Paket nur noch eingebunden werden:

\usepackage{minted}
- +
\end{minted}