Minor changes for coherence reasons

This commit is contained in:
Knoch 2019-05-09 19:29:33 +02:00
parent 0dcd009598
commit ec6d048049
3 changed files with 54 additions and 48 deletions

View File

@ -538,16 +538,16 @@ kbd {
* Links
* ============
*/
p {
p, li {
z-index: 1; }
p a:link, p a:hover, p a:active, p 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 {
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 {
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 {
content: '';
position: absolute;
width: 102%;
@ -558,7 +558,7 @@ p a:link, p a:hover, p a:active, p a:visited {
left: -1%;
transition: .2s height ease; }
p a:hover::before {
p a:hover::before, li a:hover::before {
height: 110%; }
pre.small-text {

View File

@ -655,11 +655,11 @@ kbd {
* Links
* ============
*/
p {
p, li {
z-index: 1;
}
p a {
p a, li a {
&:link,
&:hover,
&:active,

View File

@ -10,18 +10,18 @@
<div class="layout-content">
<h2>Leerzeichen</h2>
<ul>
<li>normale Wortzwischenräume per Leertaste</li>
<li>geschützte Leerzeichen: `~`</li>
<li>schmale Leerzeichen: `\,`</li>
<li>viele weitere Breiten verfügbar</li>
<li>normale Wortzwischenräume per Leertaste</li>
<li>geschützte Leerzeichen: »`~`«</li>
<li>schmale Leerzeichen: »`\,`«</li>
<li>viele weitere Breiten verfügbar</li>
</ul>
<pre class="lang-tex hljs"><code>Schmale Leerzeichen werden z.\,B. in
Abkürzungen und zwischen Zahlen und
Einheiten verwendet: 10\,s.
Normalbreite, aber geschützte Leerzeichen
können beispielsweise dabei helfen,
Titel und Namen in einer Zeile zu halten:
Dr.~Fooboar.</code></pre>
Normalbreite, aber geschützte
Leerzeichen können beispielsweise
dabei helfen, Titel und Namen in
einer Zeile zu halten: Dr.~Fooboar.</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/05/leerzeichen-crop.svg">
@ -77,7 +77,6 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
<td>`---`</td>
</tr>
</table>
<!-- <pre class="lang-tex hljs"><code></code></pre> -->
</div>
<div class="layout-preview">
<img src="sections/german/05/striche-crop.svg">
@ -115,7 +114,7 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
<td>`"~`</td>
</tr>
</table>
<p data-category="Achtung!">Einige der Codes funktionieren nur mit eingebundenem Babel-Paket.</p>
<p data-category="Achtung!">Einige der Codes funktionieren nur mit eingebundenem <code>babel</code>-Paket.</p>
</div>
<div class="layout-preview">
<img src="sections/german/05/silbentrennung-crop.svg">
@ -211,7 +210,8 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
<pre class="lang-tex hljs"><code>\enquote{Ein \enquote{verschachteltes}
Zitat.}</code></pre>
<p>Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet:</p>
<pre class="lang-tex hljs"><code>\foreignquote{english}{An English quote.}</code></pre>
<pre class="lang-tex hljs"><code>\foreignquote{english}{An English
quote.}</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/05/zitate-crop.svg">
@ -363,54 +363,60 @@ Zitat.}</code></pre>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<h3>Mathmode</h3>
<p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p>
<pre class="lang-tex hljs"><code>% griechische Buchstaben
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<h3>Mathmode</h3>
<p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p>
<pre class="lang-tex hljs"><code>% griechische Buchstaben
$\pi \Sigma \delta$
% Kreuz
$\dagger$</code></pre>
</div>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<h3>Euro 💸</h3>
<ul>
<li>Paket <code class="snippet">eurosym</code></li>
<li>Befehl <code class="snippet">\euro</code></li>
</ul>
<pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre>
</div>
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<h3>Euro <span class="emoji">💸</span></h3>
<ul>
<li>Paket <code>eurosym</code></li>
<li>Befehl <code>\euro</code></li>
</ul>
<pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3>
<ul>
<li>Symbol malen und erkennen lassen: <a href="http://detexify.kirelabs.org/classify.html">Detexify</a></li>
<li>Ausführliche Liste an verwendbaren Symbolen: <a href="http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf">PDF auf CTAN-Webseite</a></li>
</ul>
</div>
<div class="layout-content">
<h2>Sonderzeichen & Symbole</h2>
<h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3>
<ul>
<li>
Symbole malen und erkennen lassen:
<a href="http://detexify.kirelabs.org/classify.html">Detexify</a>
</li>
<li>
Ausführliche Liste an verwendbaren Symbolen:
<a href="http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf">PDF auf CTAN-Webseite</a>
</li>
</ul>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2>
<ul>
<li class="fragment">Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.</li>
<li class="fragment">Lies dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.</li>
<li class="fragment">Variiere zum Testen die Schriftgröße: Setze einen Satz in winziger, einen anderen in riesiger Schrift. Probiere aus, eine eigene Schriftgröße zu konfiguieren.</li>
</ul>
</div>
<div class="layout-content">
<h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2>
<ul>
<li class="fragment">Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.</li>
<li class="fragment">Lies dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.</li>
<li class="fragment">Variiere zum Testen die Schriftgröße: Setze einen Satz in winziger, einen anderen in riesiger Schrift. Probiere aus, eine eigene Schriftgröße zu konfiguieren.</li>
</ul>
</div>
</div>