Compare commits
3 Commits
3d2bed5763
...
fb2365183a
| Author | SHA1 | Date | |
|---|---|---|---|
| fb2365183a | |||
| 042b41a0de | |||
| 6242d40f69 |
@ -544,16 +544,13 @@ kbd {
|
||||
* Links
|
||||
* ============
|
||||
*/
|
||||
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 {
|
||||
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 {
|
||||
text-decoration: none;
|
||||
color: var(--secondary-dark);
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
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 {
|
||||
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 {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 102%;
|
||||
@ -564,7 +561,7 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active
|
||||
left: -1%;
|
||||
transition: .2s height ease; }
|
||||
|
||||
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before {
|
||||
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before {
|
||||
height: 110%; }
|
||||
|
||||
/*
|
||||
|
||||
@ -665,40 +665,39 @@ kbd {
|
||||
* Links
|
||||
* ============
|
||||
*/
|
||||
p, li, h2, td, figcaption {
|
||||
z-index: 1;
|
||||
}
|
||||
p, li, h2, td, figcaption, div {
|
||||
a {
|
||||
&:link,
|
||||
&:hover,
|
||||
&:active,
|
||||
&:visited {
|
||||
text-decoration: none;
|
||||
color: var(--secondary-dark);
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
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%;
|
||||
|
||||
&::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
|
||||
* =============
|
||||
|
||||
@ -8,28 +8,25 @@
|
||||
|
||||
<div class="layout-content-and-preview">
|
||||
<div class="layout-content">
|
||||
<h2>WYSIWYG und WYGIWYM</h2>
|
||||
</div>
|
||||
<div class="layout-content">
|
||||
<div class="fragment">
|
||||
<h3 data-category="Word">What You See Is What You Get</h3>
|
||||
<ul>
|
||||
<li>Formatierung mit unmittelbarem optischen Feedback</li>
|
||||
</ul>
|
||||
<div>
|
||||
<h3 data-category="Word">What You See Is What You Get</h3>
|
||||
<ul>
|
||||
<li>Formatierung mit unmittelbarem optischen Feedback</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="fragment">
|
||||
<h3 data-category="LaTeX">What You See Is What You Mean</h3>
|
||||
<ul>
|
||||
<li>Trennung von Inhalt und Struktur</li>
|
||||
<li>Formatierung erst am Ende ersichtlich</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="margin-top:8em; text-align:right">
|
||||
Quelle: <a href="https://xkcd.com/1341/">xkcd</a>
|
||||
<h3 data-category="LaTeX">What You See Is What You Mean</h3>
|
||||
<ul>
|
||||
<li>Trennung von Inhalt und Struktur</li>
|
||||
<li>Formatierung erst am Ende ersichtlich</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p style="margin-top:calc(.25 * var(--square));" class="fragment">
|
||||
Bildquelle: <a href="https://xkcd.com/1341/">xkcd</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="layout-preview">
|
||||
<img src="sections/german/02/xkcd-types-of-editors.png">
|
||||
<img class="fragment" src="sections/german/02/xkcd-types-of-editors.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -328,8 +328,8 @@ Mein Lieblingsrezept
|
||||
<div class="layout-content">
|
||||
<h2 data-category="Aufgabe" data-task="2">Dokument und Text gliedern</h2>
|
||||
<ul>
|
||||
<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>Ladet das Projektarchiv 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>
|
||||
</ul>
|
||||
<pre class="lang-tex hljs fragment"><code>\documentclass{scrartcl}
|
||||
@ -339,7 +339,7 @@ Mein Lieblingsrezept
|
||||
\usepackage{hyperref}
|
||||
\usepackage{csquotes}</code></pre>
|
||||
<ul class="fragment">
|
||||
<li>Im nicht auskommentierten Abschnitt wurden **Absätze** durch `//` markiert. Verwendet stattdessen echte Absätze.</li>
|
||||
<li>Im nicht auskommentierten Teil 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">Fügt ein **Inhaltsverzeichnis** ein.</li>
|
||||
</ul>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user