Compare commits

..

No commits in common. "fb2365183a05fa55d3fc98739f011ae829f9ebe3" and "3d2bed5763a67c330d576c7a2e3f536eb4b5121a" have entirely different histories.

4 changed files with 57 additions and 50 deletions

View File

@ -544,13 +544,16 @@ kbd {
* Links * Links
* ============ * ============
*/ */
p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited, div a:link, div a:hover, div a:active, div a:visited { p, li, h2, td, figcaption {
z-index: 1; }
p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited {
text-decoration: none; text-decoration: none;
color: var(--secondary-dark); color: var(--secondary-dark);
font-weight: bold; font-weight: bold;
position: relative; position: relative;
z-index: 1; } z-index: 1; }
p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before { p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before {
content: ''; content: '';
position: absolute; position: absolute;
width: 102%; width: 102%;
@ -561,7 +564,7 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active
left: -1%; left: -1%;
transition: .2s height ease; } transition: .2s height ease; }
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before { p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before {
height: 110%; } height: 110%; }
/* /*

View File

@ -665,38 +665,39 @@ kbd {
* Links * Links
* ============ * ============
*/ */
p, li, h2, td, figcaption, div { p, li, h2, td, figcaption {
a { z-index: 1;
&:link,
&:hover,
&:active,
&:visited {
text-decoration: none;
color: var(--secondary-dark);
font-weight: bold;
position: relative;
z-index: 1;
&::before {
content: '';
position: absolute;
width: 102%;
height: 0;
background-color: var(--secondary-light);
z-index: -1;
bottom: -5%;
left: -1%;
transition: .2s height ease;
}
}
&:hover::before {
height: 110%;
}
}
} }
p a, li a, h2 a, td a, figcaption a {
&:link,
&:hover,
&:active,
&:visited {
text-decoration: none;
color: var(--secondary-dark);
font-weight: bold;
position: relative;
z-index: 1;
&::before {
content: '';
position: absolute;
width: 102%;
height: 0;
background-color: var(--secondary-light);
z-index: -1;
bottom: -5%;
left: -1%;
transition: .2s height ease;
}
}
&:hover::before {
height: 110%;
}
}
/* /*
* Code Listings * Code Listings

View File

@ -8,25 +8,28 @@
<div class="layout-content-and-preview"> <div class="layout-content-and-preview">
<div class="layout-content"> <div class="layout-content">
<div> <h2>WYSIWYG und WYGIWYM</h2>
<h3 data-category="Word">What You See Is What You Get</h3> </div>
<ul> <div class="layout-content">
<li>Formatierung mit unmittelbarem optischen Feedback</li> <div class="fragment">
</ul> <h3 data-category="Word">What You See Is What You Get</h3>
<ul>
<li>Formatierung mit unmittelbarem optischen Feedback</li>
</ul>
</div> </div>
<div class="fragment"> <div class="fragment">
<h3 data-category="LaTeX">What You See Is What You Mean</h3> <h3 data-category="LaTeX">What You See Is What You Mean</h3>
<ul> <ul>
<li>Trennung von Inhalt und Struktur</li> <li>Trennung von Inhalt und Struktur</li>
<li>Formatierung erst am Ende ersichtlich</li> <li>Formatierung erst am Ende ersichtlich</li>
</ul> </ul>
</div>
<div style="margin-top:8em; text-align:right">
Quelle: <a href="https://xkcd.com/1341/">xkcd</a>
</div> </div>
<p style="margin-top:calc(.25 * var(--square));" class="fragment">
Bildquelle: <a href="https://xkcd.com/1341/">xkcd</a>
</p>
</div> </div>
<div class="layout-preview"> <div class="layout-preview">
<img class="fragment" src="sections/german/02/xkcd-types-of-editors.png"> <img src="sections/german/02/xkcd-types-of-editors.png">
</div> </div>
</div> </div>

View File

@ -328,8 +328,8 @@ Mein Lieblingsrezept
<div class="layout-content"> <div class="layout-content">
<h2 data-category="Aufgabe" data-task="2">Dokument und Text gliedern</h2> <h2 data-category="Aufgabe" data-task="2">Dokument und Text gliedern</h2>
<ul> <ul>
<li>Ladet das Projektarchiv aus dem VC herunter, entpackt es und öffnet die Datei `allgemeines.tex` in TeXStudio.</li> <li>Ladet das Skript l2kurz aus dem VC herunter, entpackt es und öffnet die Datei `allgemeines.tex` in TeXStudio.</li>
<li class="fragment">Packt den gesamten Text (einschließlich Kommentare) in `allgemeines.tex` in eine **Document**-Umgebung und schreibt darüber folgende **Präambel**, damit das Dokument kompiliert werden kann: <li class="fragment">Packt den gesamten Text (einschließlich Kommentare) in allgemeines.tex in eine **Document**-Umgebung und schreibt darüber folgende **Präambel**, damit das Dokument kompiliert werden kann:
</li> </li>
</ul> </ul>
<pre class="lang-tex hljs fragment"><code>\documentclass{scrartcl} <pre class="lang-tex hljs fragment"><code>\documentclass{scrartcl}
@ -339,7 +339,7 @@ Mein Lieblingsrezept
\usepackage{hyperref} \usepackage{hyperref}
\usepackage{csquotes}</code></pre> \usepackage{csquotes}</code></pre>
<ul class="fragment"> <ul class="fragment">
<li>Im nicht auskommentierten Teil wurden **Absätze** durch »`//`« markiert. Verwendet stattdessen echte Absätze.</li> <li>Im nicht auskommentierten Abschnitt wurden **Absätze** durch `//` markiert. Verwendet stattdessen echte Absätze.</li>
<li class="fragment">Kommentiert den restlichen Text ein. Verwendet für alle **Überschriften** passende LaTeX-Befehle (`\section` bis `\subsubsection`). <li class="fragment">Kommentiert den restlichen Text ein. Verwendet für alle **Überschriften** passende LaTeX-Befehle (`\section` bis `\subsubsection`).
<li class="fragment">Fügt ein **Inhaltsverzeichnis** ein.</li> <li class="fragment">Fügt ein **Inhaltsverzeichnis** ein.</li>
</ul> </ul>