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

View File

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

View File

@ -10,18 +10,18 @@
<div class="layout-content"> <div class="layout-content">
<h2>Leerzeichen</h2> <h2>Leerzeichen</h2>
<ul> <ul>
<li>normale Wortzwischenräume per Leertaste</li> <li>normale Wortzwischenräume per Leertaste</li>
<li>geschützte Leerzeichen: `~`</li> <li>geschützte Leerzeichen: »`~`«</li>
<li>schmale Leerzeichen: `\,`</li> <li>schmale Leerzeichen: »`\,`«</li>
<li>viele weitere Breiten verfügbar</li> <li>viele weitere Breiten verfügbar</li>
</ul> </ul>
<pre class="lang-tex hljs"><code>Schmale Leerzeichen werden z.\,B. in <pre class="lang-tex hljs"><code>Schmale Leerzeichen werden z.\,B. in
Abkürzungen und zwischen Zahlen und Abkürzungen und zwischen Zahlen und
Einheiten verwendet: 10\,s. Einheiten verwendet: 10\,s.
Normalbreite, aber geschützte Leerzeichen Normalbreite, aber geschützte
können beispielsweise dabei helfen, Leerzeichen können beispielsweise
Titel und Namen in einer Zeile zu halten: dabei helfen, Titel und Namen in
Dr.~Fooboar.</code></pre> einer Zeile zu halten: Dr.~Fooboar.</code></pre>
</div> </div>
<div class="layout-preview"> <div class="layout-preview">
<img src="sections/german/05/leerzeichen-crop.svg"> <img src="sections/german/05/leerzeichen-crop.svg">
@ -77,7 +77,6 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
<td>`---`</td> <td>`---`</td>
</tr> </tr>
</table> </table>
<!-- <pre class="lang-tex hljs"><code></code></pre> -->
</div> </div>
<div class="layout-preview"> <div class="layout-preview">
<img src="sections/german/05/striche-crop.svg"> <img src="sections/german/05/striche-crop.svg">
@ -115,7 +114,7 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
<td>`"~`</td> <td>`"~`</td>
</tr> </tr>
</table> </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>
<div class="layout-preview"> <div class="layout-preview">
<img src="sections/german/05/silbentrennung-crop.svg"> <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} <pre class="lang-tex hljs"><code>\enquote{Ein \enquote{verschachteltes}
Zitat.}</code></pre> Zitat.}</code></pre>
<p>Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet:</p> <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>
<div class="layout-preview"> <div class="layout-preview">
<img src="sections/german/05/zitate-crop.svg"> <img src="sections/german/05/zitate-crop.svg">
@ -363,54 +363,60 @@ Zitat.}</code></pre>
--- ---
<div class="layout-content-only"> <div class="layout-content-only">
<div class="layout-content"> <div class="layout-content">
<h2>Sonderzeichen & Symbole</h2> <h2>Sonderzeichen & Symbole</h2>
<h3>Mathmode</h3> <h3>Mathmode</h3>
<p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p> <p>Einige Sonderzeichen und Symbole funktionieren nur in einer Mathematikumgebung:</p>
<pre class="lang-tex hljs"><code>% griechische Buchstaben <pre class="lang-tex hljs"><code>% griechische Buchstaben
$\pi \Sigma \delta$ $\pi \Sigma \delta$
% Kreuz % Kreuz
$\dagger$</code></pre> $\dagger$</code></pre>
</div> </div>
</div> </div>
--- ---
<div class="layout-content-only"> <div class="layout-content-only">
<div class="layout-content"> <div class="layout-content">
<h2>Sonderzeichen & Symbole</h2> <h2>Sonderzeichen & Symbole</h2>
<h3>Euro 💸</h3> <h3>Euro <span class="emoji">💸</span></h3>
<ul> <ul>
<li>Paket <code class="snippet">eurosym</code></li> <li>Paket <code>eurosym</code></li>
<li>Befehl <code class="snippet">\euro</code></li> <li>Befehl <code>\euro</code></li>
</ul> </ul>
<pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre> <pre class="lang-tex hljs"><code>LaTeX zu verwenden kostet 0 \euro.</code></pre>
</div> </div>
</div> </div>
--- ---
<div class="layout-content-only"> <div class="layout-content-only">
<div class="layout-content"> <div class="layout-content">
<h2>Sonderzeichen & Symbole</h2> <h2>Sonderzeichen & Symbole</h2>
<h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3> <h3>Detexify to the rescue! <span class="emoji">⛑️</span></h3>
<ul> <ul>
<li>Symbol malen und erkennen lassen: <a href="http://detexify.kirelabs.org/classify.html">Detexify</a></li> <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> Symbole malen und erkennen lassen:
</ul> <a href="http://detexify.kirelabs.org/classify.html">Detexify</a>
</div> </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>
--- ---
<div class="layout-content-only"> <div class="layout-content-only">
<div class="layout-content"> <div class="layout-content">
<h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2> <h2 data-category="Aufgabe" data-task="4">Sonderzeichen einfügen</h2>
<ul> <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">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">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> <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> </ul>
</div> </div>
</div> </div>