updated latex weekend slides

This commit is contained in:
User 2024-04-18 11:25:42 +00:00
parent 41d982fcb3
commit 1cf60e9217
4 changed files with 168 additions and 43 deletions

View File

@ -6,7 +6,7 @@
<title>Fachschaft WIAI LaTeX Weekend</title>
<link rel="stylesheet" href="css/latex.css">
<link rel="stylesheet" href="lib/highlightjs/zenburn.css">
<link rel="stylesheet" href="lib/highlightjs/dark.css">
</head>
<body>
<section>
@ -29,11 +29,11 @@
<h2>Digression: Opening a command prompt
</h2>
<ul>
<li><p>For the following tasks, we are going to need a command prompt</p></li>
<li><p>It can be opened in different ways, depending on your operating system</p></li>
<li><p><strong>Windows</strong>: Press the Windows key and type in <em>cmd</em>, press Enter</p></li>
<li><p><strong>MacOS</strong>: Press the <em>Command</em> key and the <em>space bar</em> simultaneously, then type in <em>Terminal</em> and double click on <em>Terminal</em></p></li>
<li><p><strong>Linux</strong>: Press <code>Ctrl + Alt + T</code></p></li>
<li><p>For the following tasks, we are going to need a command prompt.</p></li>
<li><p>It can be opened in different ways, depending on your operating system.</p></li>
<li><p><strong>Windows</strong>: Press the Windows key and type in <em>cmd</em>, press <kbd>Enter</kbd>.</p></li>
<li><p><strong>MacOS</strong>: Press the <em>Command</em> key and the <em>space bar</em> simultaneously, then type in <em>Terminal</em> and double click on <em>Terminal</em>.</p></li>
<li><p><strong>Linux</strong>: Press <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>T</kbd>.</p></li>
</ul>
</div>
@ -46,22 +46,20 @@
<h2>Installing the compiler
</h2>
<ul>
<li>The compiler translates our 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 code into a PDF</li>
<li>Depending on your operating system, different compilers are available</li>
<li><p>The compiler translates our 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 code into a properly formatted PDF document.</p></li>
<li>
<p>Depending on your operating system, different compilers are available:</p>
<ul>
<li>Windows: <a href="https://miktex.org/download">MikT<sub style="font-size: 100%; margin-left: -.1em">E</sub>X</a>
</li>
<li>macOS: <a href="https://tug.org/mactex/">MacT<sub style="font-size: 100%; margin-left: -.1em">E</sub>X</a>
<li>Linux: <a href="https://tug.org/texlive/doc/texlive-en/texlive-en.html#installation">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>XLive</a> (preferably <code>texlive-full</code>)</li>
<li>macOS: <a href="http://tug.org/mactex/">MacT<sub style="font-size: 100%; margin-left: -.1em">E</sub>X</a>
</li>
<li>Linux distributions: <a href="https://tug.org/texlive/doc/texlive-en/texlive-en.html#installation">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>XLive</a>
<ul>
<li>Debian-based distributions: run <code>sudo apt install texlive-full</code>
</li>
<li>other distributions: see the T<sub style="font-size: 100%; margin-left: -.1em">E</sub>XLive website</li>
</ul>
</li>
</ul>
<div class="box warning">
<p>Make sure to install the full version with all packages, if you can!</p>
<p>On Windows, please open the MikT<sub style="font-size: 100%; margin-left: -.1em">E</sub>X Console once and search for updates.</p>
</div>
</div>
@ -74,11 +72,10 @@
<h2>Installing the editor
</h2>
<ul>
<li>An editor can downloaded once the compiler has been installed</li>
<li>For editing LaTeX documents, any text editor works fine, e.g., <a href="https://notepad-plus-plus.org/downloads/">Notepad++</a>, <a href="https://code.visualstudio.com/download">VSCode</a>
</li>
<li>For beginners, <a href="https://www.texstudio.org/">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio</a> is recommended due to its LaTeX-specific features</li>
<li>Download and install T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio</li>
<li>An editor can be downloaded once the compiler has been installed.</li>
<li>For editing LaTeX documents, any text editor works fine, e.g., <a href="https://notepad-plus-plus.org/downloads/">Notepad++</a> or <a href="https://code.visualstudio.com/download">VSCode</a>.</li>
<li>For beginners, we recommend <a href="https://www.texstudio.org/">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio</a> due to its LaTeX-specific features.</li>
<li>Download and install T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio.</li>
</ul>
</div>
@ -114,7 +111,7 @@
<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 Weekend
</h1>
<small>
<p>A Fachschaft WIAI workshop. Presented by Evelyn Fradtschuk, Jessica Klarmann, Florian Knoch, Theresa Knoll, Christian Kremitzl, Fabian Lamprecht, Bernhard Luedtke and Jochen Mehlich.</p>
<p>A Fachschaft WIAI workshop. Presented by Jessica Klarmann, Jannik Kiesel, Florian Knoch, Theresa Knoll, and Hannah Rattenberger.</p>
</small>
</div>

View File

@ -0,0 +1,62 @@
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
code.hljs {
padding: 3px 5px
}
/*
Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
*/
.hljs {
color: #ddd;
background: #303030
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
color: white
}
.hljs-subst {
/* default */
}
.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
color: #d88
}
.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
color: #979797
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
font-weight: bold
}
.hljs-emphasis {
font-style: italic
}

View File

@ -6,7 +6,7 @@
<title>LaTeX-Wochenende der Fachschaft WIAI</title>
<link rel="stylesheet" href="css/latex.css">
<link rel="stylesheet" href="lib/highlightjs/zenburn.css">
<link rel="stylesheet" href="lib/highlightjs/dark.css">
</head>
<body>
<section>
@ -29,15 +29,19 @@
<h2>Exkurs: Eine Kommandozeile öffnen
</h2>
<ul>
<li>Für die kommenden Aufgaben brauchen wir eine Kommandozeile</li>
<li>Je nach Betriebssystem, das verwendet wird, gibt es unteschiedliche Wege, sie zu öffnen</li>
<li><p>Für die kommenden Aufgaben brauchen wir eine Kommandozeile.</p></li>
<li>
<p>Je nach Betriebssystem, das verwendet wird, gibt es unteschiedliche Wege, sie zu öffnen:</p>
<ul>
<li>
<strong>Windows</strong>: Drückt die Windows-Taste, tippt <em>cmd</em> und drückt Enter</li>
<li>
<strong>MacOS</strong>: Drückt die <em>Command</em>-Taste und die Leertaste gleichzeitig, tippt danach <em>Terminal</em> und macht einen Doppelklick auf <em>Terminal</em>
</li>
<li>
<strong>Linux</strong>: Drückt <code>Strg + Alt + T</code>
<strong>Linux</strong>: Drückt <kbd>Strg</kbd> + <kbd>Alt</kbd> + <kbd>T</kbd>
</li>
</ul>
</li>
</ul>
@ -51,19 +55,20 @@
<h2>Den Compiler installieren
</h2>
<ul>
<li>Der Compiler übersetzt unseren LaTeX-Code in ein PDF</li>
<li>Je nach Betriebssystem stehen unterschiedliche Compiler zur Verfügung:</li>
<li><p>Der Compiler übersetzt unseren LaTeX-Code in ein ansprechend formatiertes PDF-Dokument.</p></li>
<li>
<p>Je nach Betriebssystem stehen unterschiedliche Compiler zur Verfügung:</p>
<ul>
<li>Windows: <a href="https://miktex.org/download">MikT<sub style="font-size: 100%; margin-left: -.1em">E</sub>X</a>
</li>
<li>Linux-Distributionen: <a href="https://tug.org/texlive/doc/texlive-en/texlive-en.html#installation">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>XLive</a>
<ul>
<li>Debian-basierte Distros: Führt <code>sudo apt install texlive-full</code> aus</li>
<li>Andere Distributionen: Folgt den anweisungen auf der T<sub style="font-size: 100%; margin-left: -.1em">E</sub>XLive-Website</li>
<li>Linux: <a href="https://tug.org/texlive/doc/texlive-en/texlive-en.html#installation">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>XLive</a> (bestenfalls <code>texlive-full</code>)</li>
<li>macOS: <a href="http://tug.org/mactex/">MacT<sub style="font-size: 100%; margin-left: -.1em">E</sub>X</a>
</li>
</ul>
</li>
</ul>
<div class="box warning">
<p>Bitte achtet darauf, die full version mit allen Paketen zu installieren, wenn ihr die Auswahl habt!</p>
<p>Unter Windows sollte nach der Installation in der MikT<sub style="font-size: 100%; margin-left: -.1em">E</sub>X-Console einmal nach Updates gesucht werden, um spätere Probleme zu vermeiden.</p>
</div>
</div>
@ -76,11 +81,10 @@
<h2>Installieren des Editors
</h2>
<ul>
<li>Ein Editor kann heruntergeladen werden, sobald die Installation des Compilers fertig ist</li>
<li>Es funktioniert jeglicher Text-Editor, wie etwa <a href="https://notepad-plus-plus.org/downloads/">Notepad++</a> oder <a href="https://code.visualstudio.com/download">VSCode</a>
</li>
<li>Für Anfänger:innen empfehlen wir jedoch <a href="https://www.texstudio.org/">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio</a>, da es LaTeX-spezifische Features bietet</li>
<li>Ladet T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio herunter und installiert es</li>
<li>Ein Editor kann heruntergeladen werden, sobald die Installation des Compilers fertig ist.</li>
<li>Es funktioniert jeglicher Text-Editor, wie etwa <a href="https://notepad-plus-plus.org/downloads/">Notepad++</a> oder <a href="https://code.visualstudio.com/download">Visual Studio Code</a>.</li>
<li>Für Anfänger:innen empfehlen wir jedoch <a href="https://www.texstudio.org/">T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio</a>, da es LaTeX-spezifische Features bietet.</li>
<li>Ladet T<sub style="font-size: 100%; margin-left: -.1em">E</sub>Xstudio herunter und installiert es.</li>
</ul>
</div>
@ -93,11 +97,11 @@
<h2>Kompilieren des Skriptes
</h2>
<ul>
<li>Ladet das Projektarchiv aus dem VC herunter</li>
<li>Entpackt das Archiv</li>
<li>Öffnet die Datei main-exercises.tex in TeXstudio. Ihr findet es im Wurzelverzeichnis des Archivs</li>
<li>Kompiliert die Datei, indem ihr <span class="emoji"></span> klickt</li>
<li>Einige neue Dateien sollten nun durch das Kompilieren generiert werden</li>
<li>Ladet das Projektarchiv aus dem VC herunter.</li>
<li>Entpackt das Archiv.</li>
<li>Öffnet die Datei main-exercises.tex in TeXstudio. Ihr findet es im Wurzelverzeichnis des Archivs.</li>
<li>Kompiliert die Datei, indem ihr <span class="emoji"></span> klickt.</li>
<li>Einige neue Dateien sollten nun durch das Kompilieren generiert werden.</li>
</ul>
<div class="box warning">
<p>Windows-Nutzer:innen: Um Dateiendungen zu aktivieren, klickt auf das Ansichts-Tab im Dateiexplorer und wählt <em>Dateiendungen</em>. So könnt ihr besser zwischen den einzelnen main-Files unterscheiden.</p>
@ -115,7 +119,7 @@
<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. Präsentiert von Evelyn Fradtschuk, Jessica Klarmann, Florian Knoch, Theresa Knoll, Christian Kremitzl, Bernhard Luedtke und Jochen Mehlich.</p>
<p>Ein Workshop der Fachschaft WIAI. Präsentiert von Jessica Klarmann, Jannik Kiesel, Florian Knoch, Theresa Knoll und Hannah Rattenberger.</p>
</small>
</div>

View File

@ -0,0 +1,62 @@
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em
}
code.hljs {
padding: 3px 5px
}
/*
Dark style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
*/
.hljs {
color: #ddd;
background: #303030
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
color: white
}
.hljs-subst {
/* default */
}
.hljs-string,
.hljs-title,
.hljs-name,
.hljs-type,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-built_in,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
color: #d88
}
.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
color: #979797
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
font-weight: bold
}
.hljs-emphasis {
font-style: italic
}