Merge branch '6-convert-to-onpoint' of https://git.stuve-bamberg.de/latex/latex-wochenende into 6-convert-to-onpoint

This commit is contained in:
Kremitzl 2020-06-07 18:57:01 +02:00
commit d9e056c22f
31 changed files with 334 additions and 339 deletions

View File

@ -1,13 +1,26 @@
# LaTeX-Wochenende
In diesem Repository befinden sich die Präsentation und die Materialien für das LaTeX-Wochenende der Fachschaft WIAI. Für die Präsentation wurde auf [Reveal.js](https://revealjs.com) zurückgegriffen, dieses Repository ist ein Fork von Reveal.js.
In diesem Repository befinden sich die Präsentation und die Materialien für das LaTeX-Wochenende der Fachschaft WIAI.
### Verwendung der Präsentation
## Verwendung der Präsentation
Die Präsentation benötigt eine aktuelle Version von [Node.js](https://nodejs.org/en/). Im Anschluss müssen untenstehende Befehle ausgeführt werden, um einen lokalen Server unter http://localhost:8000 zu starten.
Zum Zeigen der Präsentation wird ein aktueller Browser benötigt. In diesem muss lediglich die Datei `slides.de.html` (bzw. `slides.en.html` für die englische Version) geöffnet werden.
## Anpassungen vornehmen
Um Inhalte der Präsentationen abzuändern oder zu ergänzen, muss zunächst das Repository geklont werden. Hierbei ist zu beachten, dass wir ein Submodul verwenden und deshalb eine zusätzliche Option beim Klonen notwendig ist:
```sh
$ cd path/to/latex-wochenende/presentation
$ npm install
$ npm start
```
$ git clone -b 6-convert-to-onpoint --recurse-submodules https://git.stuve-bamberg.de/latex/latex-wochenende.git
```
Zum Kompilieren der Präsentation werden python3 und pandoc verwendet. Als nächstes müssen alle benötigten Python-Pakete geladen werden.
```sh
$ cd latex-wochenende/onpoint
$ pip3 install -r requirements.txt
```
Damit sind alle benötigten Komponenten installiert. Mittels `python3 main.py ..` können alle Sprachversionen kompiliert werden. Danach stehen sie wie oben beschrieben als HTML-Dateien zur Verfügung.
Die Präsentation baut auf dem von uns entwickelten [onPoint-Präsentationswerkzeug](https://git.stuve-bamberg.de/ckremitzl/onpoint/) auf. Einen Überblick über die Verzeichnisstruktur und eine Anleitung zum automatischen Kompilieren bei jeder Änderung (unter Linux) finden sich [im zugehörigen README](https://git.stuve-bamberg.de/ckremitzl/onpoint/src/branch/master/README.md#the-project-structure).

@ -1 +1 @@
Subproject commit b87940ccd5a37829fa00d7b5994d6a53dd611f7b
Subproject commit 565792de33619c62ac39fa509a576d21348d6b12

View File

@ -1,206 +0,0 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>Paket in Sicht!</h1>
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Stichwortverzeichnis anlegen</h2>
<pre class="lang-tex hljs"><code>\usepackage{makeidx}
\makeindex
\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
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.
\printindex</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/15/index.png">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Präsentationen gestalten</h2>
<p>Für Präsentationen gibt es die Dokumentenklasse `beamer` sowie zahlreiche [Vorlagen und Themes](https://www.overleaf.com/learn/latex/Beamer).</p>
<pre class="lang-tex hljs small-text"><code>\documentclass{beamer}
\usetheme{Frankfurt}
\usecolortheme{seahorse}
\usepackage[utf8]{inputenc}
\begin{document}
\begin{frame}
\frametitle{Zitronensorbet}
\framesubtitle{Inkarnation des Guten?}
\begin{definition}
Ein Zitronensorbet ist eine
halbgefrorene \textbf{Speiseeiscreme}
auf Basis von \textit{Zitronen}.
\end{definition}
\end{frame}
\end{document}</code></pre>
</div>
<div class="layout-preview">
<img style="width: 100%;" src="sections/german/15/beamer-orig.svg">
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Grafiken erstellen</h2>
<p><code>TikZ</code> (»TikZ ist kein Zeichenprogramm«) ist ein umfangreiches Paket zur Erstellung von Vektorgrafiken.</p>
<pre class="lang-tex hljs small-text scroll-one-half"><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]
\begin{tikzpicture}[%
grow via
three points={one child at (0.5,-0.7) and
two children at
(0.5,-0.7) and (0.5,-1.4)},
edge from
parent path={(\tikzparentnode.south)
|- (\tikzchildnode.west)}]
\node {/ oder C:}
child { node {home}
child { node {knut}
child { node {pictures}}
child { node {docs}
child { node [dir] {latex}
child { node [relativeTo] {main.tex}
child { node [selected] {part1.tex}
}
}
}
};
\end{tikzpicture}
% …</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/04/relative-path-crop.svg">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Linguistik</h2>
<p>Mit dem Paket <code>qtree</code> lassen sich Konstituentenbäume erstellen:</p>
<pre class="lang-tex hljs"><code>\Tree [.S [.NP LaTeX ]
[.VP [.V is ] [.NP fun ] ] ]</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/15/constituency-tree-crop.svg">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Mathematische Beweisführung</h2>
<p>Beweisbäume lassen sich mit dem Paket `prftree` einwandfrei darstellen.</p>
<pre class="hljs lang-tex small-text scroll-one-half"><code>\begin{displaymath}
\prftree[l,r]{}{[comp$\_{ns}$]}
{
\prftree[l,r]{}{[comp$\_{ns}$]}
{
\prftree[l,r]{}{[ass$\_{ns}$]}
{
-
}
{
(\texttt{m:=a}, \sigma\_{\bot,\bot})
\rightarrow \sigma\_{48,\bot}
}
}
{
\prftree[l,r]{}{[ass$\_{ns}$]}
{
-
}
{
(\texttt{n:=b}, \sigma\_{48,\bot})
\rightarrow \sigma\_{48,18}
}
}
{
(\texttt{m:=a; n:=b}, \sigma\_{\bot,\bot})
\rightarrow \sigma\_{48,18}
}
}
{
\prftree[l,r]{}{}
{
\dots
}
{
\textbf{[1]}\ (\texttt{LOOP}, \sigma\_{48,18})
\rightarrow \sigma\_{6,6}
}
}
{
(\texttt{m:=a; n:=b; LOOP}, \sigma\_{\bot,\bot})
\rightarrow \sigma\_{6,6}
}
\end{displaymath}</code></pre>
</div>
<div class="layout-preview">
<img class="thin-padding" src="sections/german/15/prftree-crop.svg">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Weitere nützliche Pakete<span class="emoji"></span></h2>
<table>
<tr>
<th>Paket</th>
<th>Anwendung</th>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/xcolor"><code>xcolor<code></a></td>
<td>Machs mit Farbe</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/todonotes"><code>todonotes</code></a></td>
<td>ToDo-Markierungen und Liste der ToDos</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/pdfpages"><code>pdfpages</code></a></td>
<td>Einbinden von pdf-Dateien</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/subcaption"><code>subcaption</code></a></td>
<td>Unterabbildungen und zusätzliche Möglichkeiten für Blidunterschriften</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/colortbl"><code>colortbl</code></a>, <a href="https://www.ctan.org/pkg/tabularx"><code>tabularx</code></a>, <a href="https://www.ctan.org/pkg/multirow"><code>multirow</code></a>, <a href="https://www.ctan.org/pkg/makecell"><code>makecell</code></a></td>
<td>Gestalten von Tabellen</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/paralist"><code>paralist</code></a></td>
<td>Kompaktere Aufzählungen</td>
</tr>
</table>
</div>
</div>

View File

@ -1,125 +0,0 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>Hilfe und Informationen</h1>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2><a href="https://de.wikibooks.org/wiki/LaTeX-Kompendium">Wikibooks</a></h2>
<p>Das Wikibook zu LaTeX enthält eine große Anzahl interessanter Artikel und ist auch in deutscher Sprache verfügbar.</p>
<img src="sections/german/16/wikibooks-latex.png">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2><a href="https://ctan.org">CTAN</a></h2>
<p>Das »Comprehensive TeX Archive Network« ist die zentrale Quelle für LaTeX-Pakete und ihre Dokumentation.</p>
<img src="sections/german/16/ctan.png">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2><a href="https://www.overleaf.com">Overleaf</a></h2>
<p>Ein Online-LaTeX-Editor, der das kollaboratives Arbeiten an Dokumenten ermöglicht.</p>
<p>Außerdem findest du auf der Seite verschiedene Tutorials und unter <a href="https://www.overleaf.com/templates">»Templates«</a> LaTeX-Vorlagen für viele Gelegenheiten (Lebenslauf, Abschlussarbeiten, ...).</p>
<img src="sections/german/16/overleaf.png">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2><a href="https://tex.stackexchange.com">StackExchange</a></h2>
<p>Frage-Forum zu LaTeX.</p>
<img src="sections/german/16/stackexchange.png">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2><a href="https://www.texample.net">TeXample</a></h2>
<p>Webseite mit zahlreichen LaTeX-Beispielvorlagen, vor allem zu TikZ.</p>
<img src="sections/german/16/texample.png">
</div>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<figure>
<img src="sections/german/16/klassisches-beispiel.png">
<figcaption>Klassisch (<a href="https://tex.stackexchange.com/questions/1319/showcase-of-beautiful-typography-done-in-tex-friends">Quelle</a>)</figcaption>
</figure>
</div>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<figure>
<img src="sections/german/16/klassischeres-beispiel.png">
<figcaption>Noch klassischer (<a href="https://tex.stackexchange.com/questions/1319/showcase-of-beautiful-typography-done-in-tex-friends">Quelle</a>)</figcaption>
</figcaption>
</div>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<figure>
<img src="sections/german/16/anderes-beispiel.png">
<figcaption>Anders (<a href="https://tex.stackexchange.com/questions/1319/showcase-of-beautiful-typography-done-in-tex-friends">Quelle</a>)</figcaption>
</figcaption>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2><a href="https://www.uni-bamberg.de/wiai/fs/">Fachschaft WIAI</a></h2>
Wenn ihr sonst noch Fragen oder Probleme habt, kommt gerne bei uns vorbei oder schreibt uns eine Mail!
<p><span style="display: inline-block; width: 2em;" class="emoji">📍</span>WE5/02.104 <br/>
<span style="display: inline-block; width: 2em;" class="emoji">☎️</span>0951 963 1219 <br/>
<span style="display: inline-block; width: 2em;" class="emoji">📧</span><a href="mailto:fachschaft-wiai.stuve@uni-bamberg.de">fachschaft-wiai.stuve@uni-bamberg.de</a>
</p>
<img src="images/logo-fachschaft.png" style="width:40%; margin: 0 auto; margin-top: 2em;
display:block;">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Kurzes Feedback</h2>
<ul>
<li>Was hat euch gut gefallen?</li>
<li>Was hätten wir besser machen können?</li>
<li>Was hättet ihr euch gewünscht?</li>
</ul>
</div>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<img src="sections/german/16/fooboar-latex-tut.png" style="width:80%; margin:0 auto">
</div>
</div>

View File

@ -13,4 +13,6 @@
- chapter-12
- chapter-13
- chapter-14
- chapter-15
- chapter-16

211
slides/chapter-15.de.md Normal file
View File

@ -0,0 +1,211 @@
@slide(layout=chapter-slide)
@title
Paket in Sicht!
@slide(layout=content-and-preview)
@title
Stichwortverzeichnis anlegen
@content
```{.lang-tex .hljs}
\usepackage{makeidx}
\makeindex
\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
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.
\printindex
```
@preview
![](svg/chapter-15/index.png)
@slide(layout=content-and-preview)
@title
Präsentationen gestalten
@content
Für Präsentationen gibt es die Dokumentenklasse `beamer` sowie zahlreiche [Vorlagen und Themes](https://www.overleaf.com/learn/latex/Beamer).
```{.lang-tex .hljs .small-text}
\documentclass{beamer}
\usetheme{Frankfurt}
\usecolortheme{seahorse}
\usepackage[utf8]{inputenc}
\begin{document}
\begin{frame}
\frametitle{Zitronensorbet}
\framesubtitle{Inkarnation des Guten?}
\begin{definition}
Ein Zitronensorbet ist eine
halbgefrorene \textbf{Speiseeiscreme}
auf Basis von \textit{Zitronen}.
\end{definition}
\end{frame}
\end{document}
```
@preview
<img src="svg/chapter-15/beamer-orig.svg" style="width: 100%; margin: 0;"/>
@slide(layout=content-and-preview)
@title
Grafiken erstellen
@content
`TikZ` (»TikZ ist kein Zeichenprogramm«) ist ein umfangreiches Paket zur Erstellung von Vektorgrafiken.
```{.lang-tex .hljs .small-text .scroll-one-half}
% …
\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]
\begin{tikzpicture}[%
grow via
three points={one child at (0.5,-0.7) and
two children at
(0.5,-0.7) and (0.5,-1.4)},
edge from
parent path={(\tikzparentnode.south)
|- (\tikzchildnode.west)}]
\node {/ oder C:}
child { node {home}
child { node {knut}
child { node {pictures}}
child { node {docs}
child { node [dir] {latex}
child { node [relativeTo] {main.tex}
child { node [selected] {part1.tex}
}
}
}
};
\end{tikzpicture}
```
@preview
![](svg/chapter-04/relative-path-crop.svg)
@slide(layout=content-and-preview)
@title
Linguistik
@content
Mit dem Paket `qtree` lassen sich Konstituentenbäume erstellen:
```{.lang-tex .hljs}
\Tree [.S [.NP LaTeX ]
[.VP [.V is ] [.NP fun ] ] ]
```
@preview
![](svg/chapter-15/constituency-tree-crop.svg)
@slide(layout=content-and-preview)
@title
Mathematische Beweisführung
@content
Beweisbäume lassen sich mit dem Paket `prftree` einwandfrei darstellen.
```{.hljs .lang-tex .small-text .scroll-one-half}
\begin{displaymath}
\prftree[l,r]{}{[comp$\_{ns}$]}
{
\prftree[l,r]{}{[comp$\_{ns}$]}
{
\prftree[l,r]{}{[ass$\_{ns}$]}
{
-
}
{
(\texttt{m:=a}, \sigma\_{\bot,\bot})
\rightarrow \sigma\_{48,\bot}
}
}
{
\prftree[l,r]{}{[ass$\_{ns}$]}
{
-
}
{
(\texttt{n:=b}, \sigma\_{48,\bot})
\rightarrow \sigma\_{48,18}
}
}
{
(\texttt{m:=a; n:=b}, \sigma\_{\bot,\bot})
\rightarrow \sigma\_{48,18}
}
}
{
\prftree[l,r]{}{}
{
\dots
}
{
\textbf{[1]}\ (\texttt{LOOP}, \sigma\_{48,18})
\rightarrow \sigma\_{6,6}
}
}
{
(\texttt{m:=a; n:=b; LOOP}, \sigma\_{\bot,\bot})
\rightarrow \sigma\_{6,6}
}
\end{displaymath}
```
@preview
<img class="thin-padding" src="svg/chapter-15/prftree-crop.svg"/>
@slide(layout=content-only)
@title
Weitere nützliche Pakete
@content
<table>
<tr>
<th>Paket</th>
<th>Anwendung</th>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/xcolor"><code>xcolor</code></a></td>
<td>Machs mit Farbe</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/todonotes"><code>todonotes</code></a></td>
<td>ToDo-Markierungen und Liste der ToDos</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/pdfpages"><code>pdfpages</code></a></td>
<td>Einbinden von pdf-Dateien</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/subcaption"><code>subcaption</code></a></td>
<td>Unterabbildungen und zusätzliche Möglichkeiten für Blidunterschriften</td>
</tr>
<tr class="fragment">
<td><a href="https://www.ctan.org/pkg/colortbl"><code>colortbl</code></a>, <a href="https://www.ctan.org/pkg/tabularx"><code>tabularx</code></a>, <a href="https://www.ctan.org/pkg/multirow"><code>multirow</code></a>, <a href="https://www.ctan.org/pkg/makecell"><code>makecell</code></a></td>
<td>Gestalten von Tabellen</td>
</tr>
</table>

0
slides/chapter-15.en.md Normal file
View File

100
slides/chapter-16.de.md Normal file
View File

@ -0,0 +1,100 @@
@slide(layout=chapter-slide)
@title
Hilfe und Informationen
@slide(layout=content-only)
@title
[Wikibooks](https://de.wikibooks.org/wiki/LaTeX-Kompendium)
@content
Das Wikibook zu LaTeX enthält eine große Anzahl interessanter Artikel und ist auch in deutscher Sprache verfügbar.
![](svg/chapter-16/wikibooks-latex.png)
@slide(layout=content-only)
@title
[CTAN](https://ctan.org)
@content
Das »Comprehensive TeX Archive Network« ist die zentrale Quelle für LaTeX-Pakete und ihre Dokumentation.
![](svg/chapter-16/ctan.png)
@slide(layout=content-only)
@title
[Overleaf](https://www.overleaf.com)
@content
Ein Online-LaTeX-Editor, der das kollaboratives Arbeiten an Dokumenten ermöglicht.
Außerdem findest du auf der Seite verschiedene Tutorials und unter <a href="https://www.overleaf.com/templates">»Templates«</a> LaTeX-Vorlagen für viele Gelegenheiten (Lebenslauf, Abschlussarbeiten, ...).
![](svg/chapter-16/overleaf.png)
@slide(layout=content-only)
@title
[StackExchange](https://tex.stackexchange.com)
@content
Frage-Forum zu LaTeX.
![](svg/chapter-16/stackexchange.png)
@slide(layout=content-only)
@title
[TeXample](https://www.texample.net)
@content
Webseite mit zahlreichen LaTeX-Beispielvorlagen, vor allem zu TikZ.
![](svg/chapter-16/texample.png)
@slide(layout=preview-only)
@preview
![Klassisch ([Quelle](https://tex.stackexchange.com/questions/1319/showcase-of-beautiful-typography-done-in-tex-friends))](svg/chapter-16/klassisches-beispiel.png)
@slide(layout=preview-only)
@preview
![Noch klassischer ([Quelle](https://tex.stackexchange.com/questions/1319/showcase-of-beautiful-typography-done-in-tex-friends))](svg/chapter-16/klassischeres-beispiel.png)
@slide(layout=preview-only)
@preview
![Anders ([Quelle](https://tex.stackexchange.com/questions/1319/showcase-of-beautiful-typography-done-in-tex-friends))](svg/chapter-16/anderes-beispiel.png)
@slide(layout=content-only)
@title
[Fachschaft WIAI](https://www.uni-bamberg.de/wiai/fs/)
@content
Wenn ihr sonst noch Fragen oder Probleme habt, kommt gerne bei uns vorbei oder schreibt uns eine Mail!
<p><span style="display: inline-block; width: 2em;" class="emoji">📍</span>WE5/02.104 <br/>
<span style="display: inline-block; width: 2em;" class="emoji">☎️</span>0951 963 1219 <br/>
<span style="display: inline-block; width: 2em;" class="emoji">📧</span><a href="mailto:fachschaft-wiai.stuve@uni-bamberg.de">fachschaft-wiai.stuve@uni-bamberg.de</a>
</p>
<img src="images/logo-fachschaft.png" style="width:40%; margin: 0 auto; margin-top: 2em;
display:block;"/>
@slide(layout=content-only)
@title
Kurzes Feedback
@content
* Was hat euch gut gefallen?
* Was hätten wir besser machen können?
* Was hättet ihr euch gewünscht?
@slide(layout=preview-only)
@preview
<img src="svg/chapter-16/fooboar-latex-tut.png" style="width:80%; margin:0 auto; display: block;"/>

0
slides/chapter-16.en.md Normal file
View File

View File

Before

Width:  |  Height:  |  Size: 518 KiB

After

Width:  |  Height:  |  Size: 518 KiB

View File

Before

Width:  |  Height:  |  Size: 518 KiB

After

Width:  |  Height:  |  Size: 518 KiB

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 45 KiB

View File

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

View File

Before

Width:  |  Height:  |  Size: 175 KiB

After

Width:  |  Height:  |  Size: 175 KiB

View File

Before

Width:  |  Height:  |  Size: 194 KiB

After

Width:  |  Height:  |  Size: 194 KiB

View File

Before

Width:  |  Height:  |  Size: 756 KiB

After

Width:  |  Height:  |  Size: 756 KiB

View File

Before

Width:  |  Height:  |  Size: 238 KiB

After

Width:  |  Height:  |  Size: 238 KiB

View File

Before

Width:  |  Height:  |  Size: 348 KiB

After

Width:  |  Height:  |  Size: 348 KiB

View File

Before

Width:  |  Height:  |  Size: 119 KiB

After

Width:  |  Height:  |  Size: 119 KiB

View File

Before

Width:  |  Height:  |  Size: 121 KiB

After

Width:  |  Height:  |  Size: 121 KiB

View File

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 111 KiB

View File

Before

Width:  |  Height:  |  Size: 109 KiB

After

Width:  |  Height:  |  Size: 109 KiB