Add emoji font fallback

css/theme/latex.css

@@ -436,3 +436,14 @@ kbd {
   border: 1px solid white !important;
   border-width: 1px 5px 5px 1px !important;
   padding: .2rem .5rem !important; }
+
+/*
+ * Emoji Fonts
+ * ============
+ */
+@font-face {
+  font-family: 'Twemoji';
+  src: url("../../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); }
+
+.emoji {
+  font-family: "Twemoji"; }

css/theme/source/latex.scss

@@ -546,3 +546,16 @@ kbd {
   border-width: 1px 5px 5px 1px !important;
   padding: .2rem .5rem !important;
 }
+
+/*
+ * Emoji Fonts
+ * ============
+ */
+@font-face {
+  font-family: 'Twemoji';
+  src: url('../../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf');
+}
+
+.emoji {
+  font-family: "Twemoji";
+}

sections/german/04/04.md

@@ -24,7 +24,7 @@
 
 <div class="layout layout-content-and-preview">
     <div class="layout-content">
-        <h2 class="layout-title">Hauptdatei 👑</h2>
+        <h2 class="layout-title">Hauptdatei <span class="emoji">👑</span></h2>
         <ul>
             <li>enthält Grundgerüst, Titel, Inhaltsverzeichnis etc.</li>
             <li>bindet einzelne Kapitel ein mit<br>
@@ -94,7 +94,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <ul>
             <li>wichtig für `\input{}` und `\include{}` sowie später für das Einbinden von Bildern</li>
             <li>Datei- und Ordnerstruktur = Baumstruktur 🌳</li>
@@ -109,7 +109,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Absolute Dateipfade</h3>
         <ul>
             <li>Pfad von der Wurzel des Ordnerbaums bis zur jeweiligen Datei</li>
@@ -136,7 +136,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Relative Dateipfade</h3>
         <ul>
             <li>Pfad von einem bestimmten Ort irgendwo im Ordnerbaum bis zur jeweiligen Datei</li>
@@ -156,7 +156,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Relative Dateipfade</h3>
 	Beispiel: Relativer Pfad von main.tex zu part1.tex in Unterordner
         <p>./sections/part1.tex</p>
@@ -170,7 +170,7 @@ Inhalt von Abschnitt 1.</code></pre>
 
 <div class="layout-content-and-preview">
     <div class="layout-content">
-        <h2 data-category="Exkurs">Dateipfade angeben 👣</h2>
+        <h2 data-category="Exkurs">Dateipfade angeben <span class="emoji">👣</span></h2>
         <h3>Relative Dateipfade</h3>
         Beispiel: Relativer Pfad von main.tex in eigenem Unterordner zu part1.tex in anderem Unterordner
         <p>../sections/part1.tex</p>

sections/german/05/05.md

@@ -202,7 +202,7 @@ Ein- und Ausgabe % als Ergänzungsstrich</code></pre>
 <div class="layout-content-only">
     <div class="layout-content">
         <h2>Sonderzeichen & Symbole</h2>
-        <h3>Detexify to the rescue! ⛑️</h3>
+        <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>

sections/german/08/08.md

@@ -1,6 +1,6 @@
 <div class="layout-content-only">
 	<div class="layout-content">
-		<h1>📜<br/>Aufzählungen</h1>
+		<h1><span class="emoji">📜</span><br/>Aufzählungen</h1>
 	</div>
 </div>
 

sections/german/09/09.md

@@ -1,6 +1,6 @@
 <div class="layout-content-only">
 	<div class="layout-content">
-		<h1>🧮<br/>Mathematische Formeln</h1>
+		<h1><span class="emoji">🧮</span><br/>Mathematische Formeln</h1>
 	</div>
 </div>
 
@@ -124,3 +124,5 @@
     <p class="fragment" style="text-align: center;">$4 \cdot \left(\frac{1}{2} + 12 \cdot \left(\frac{1}{2 + 86 \cdot \left(\frac{1}{2} \right)} \right) \right)$</p>
   </div>
 </div>
+
+TODO: Was kann amsmath, was amsthm?

sections/german/10/10.md

@@ -1,6 +1,6 @@
 <div class="layout-content-only">
 	<div class="layout-content">
-		<h1>🖥️<br/>Code-Listings</h1>
+		<h1><span class="emoji">🖥️</span><br/>Code-Listings</h1>
 	</div>
 </div>
 

sections/german/15/15.md

@@ -1,6 +1,6 @@
 <div class="layout-content-only">
     <div class="layout-content">
-        <h1>Ausblick 🔭</h1>
+        <h1>Ausblick <span class="emoji">🔭</span></h1>
     </div>
 </div>
 
@@ -91,7 +91,7 @@ child { node {home}
        \item Stachelbeeren
        \item Eisbären
     \end{asparaenum}
-    
+
     \begin{asparaitem} %itemize
        \item Erdbeeren
        \item Stachelbeeren
@@ -121,7 +121,7 @@ child { node {home}
     <img src="sections/german/15/constituency_tree.png">
 </div>
 
----    
+---
 
 <div class="layout-content-and-preview">
     <div class="layout-content">