Make chapter numbers appear grey

css/latex.scss

@@ -157,6 +157,10 @@ body {
     grid-area: content;
     position: relative;
 
+    .chapter-number {
+      color: lightgray;
+    }
+
     &.titlepage {
       display: flex;
       flex-direction: column;

layouts/chapter-slide.html

@@ -1,5 +1,8 @@
 <div class="layout-content-only">
     <div class="layout-content">
-    	<h1>@title(inline)</h1>
+    	<h1>
+            <span class="chapter-number">@number(inline).</span>
+            @title(inline)
+        </h1>
     </div>
 </div>

slides/chapter-01.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number 
+1
+
 @title
-1 Was ist L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?
+Was ist L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?
 
 
 @slide(layout=content-and-preview)

slides/chapter-01.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+1
+
 @title
-1 What is L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?
+What is L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?
 
 
 @slide(layout=content-and-preview)

slides/chapter-02.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number 
+2
+
 @title
-2 Wie funktioniert L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?
+Wie funktioniert L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?
 
 
 @slide(layout=content-and-preview)

slides/chapter-02.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+2
+
 @title
-2 How does <br/>L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X work?
+How does <br/>L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X work?
 
 
 @slide(layout=content-and-preview)

slides/chapter-03.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+3
+
 @title
-3 Grundstruktur eines L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X-Dokuments
+Grundstruktur eines L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X-Dokuments
 
 
 @slide(layout=content-and-preview)

slides/chapter-03.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+3
+
 @title
-3 Basic structure of a L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X document
+Basic structure of a L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X document
 
 
 @slide(layout=content-and-preview)

slides/chapter-04.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+4
+
 @title
-4 Projektstruktur
+Projektstruktur
 
 
 @slide(layout=content-and-preview)

slides/chapter-04.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+4
+
 @title
-4 Project structure
+Project structure
 
 @slide(layout=content-and-preview)
 

slides/chapter-05.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+5
+
 @title
-5 Sonderzeichen
+Sonderzeichen
 
 
 @slide(layout=content-and-preview)

slides/chapter-05.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+5
+
 @title
-5 Special characters
+Special characters
 
 
 @slide(layout=content-and-preview)

slides/chapter-06.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+6
+
 @title
-6 Text­auszeichnung
+Text­auszeichnung
 
 
 @slide(layout=content-and-preview)

slides/chapter-06.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+6
+
 @title
-6 Text Markup
+Text Markup
 
 
 @slide(layout=content-and-preview)

slides/chapter-07.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+7
+
 @title
-7 Absatz­formatierung
+Absatz­formatierung
 
 @slide(layout=content-and-preview)
 

slides/chapter-07.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+7
+
 @title
-7 Formatting paragraphs
+Formatting paragraphs
 
 @slide(layout=content-and-preview)
 

slides/chapter-08.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+8
+
 @title
-8 Aufzählungen
+Aufzählungen
 
 @slide(layout=content-and-preview)
 

slides/chapter-08.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+8
+
 @title
-8 Enumerations
+Enumerations
 
 @slide(layout=content-and-preview)
 

slides/chapter-09.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+9
+
 @title
-9 Mathematische Formeln
+Mathematische Formeln
 
 @slide(layout=content-and-preview)
 

slides/chapter-09.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+9
+
 @title
-9 Typesetting mathematics
+Typesetting mathematics
 
 @slide(layout=content-and-preview)
 

slides/chapter-10.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+10
+
 @title
-10 Grafiken
+Grafiken
 
 
 @slide(layout=content-only)

slides/chapter-10.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+10
+
 @title
-10 Graphics
+Graphics
 
 
 @slide(layout=content-only)

slides/chapter-11.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+11
+
 @title
-11 Tabellen
+Tabellen
 
 
 @slide(layout=content-only)

slides/chapter-11.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+11
+
 @title
-11 Tables
+Tables
 
 
 @slide(layout=content-only)

slides/chapter-12.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+12
+
 @title
-12 Quelltext-Listings
+Quelltext-Listings
 
 
 @slide(layout=content-only)

slides/chapter-12.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+12
+
 @title
-12 Source code listings
+Source code listings
 
 @slide(layout=content-only)
 

slides/chapter-13.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+13
+
 @title
-13 Referenzen und Fußnoten
+Referenzen und Fußnoten
 
 
 @slide(layout=content-and-preview)

slides/chapter-13.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+13
+
 @title
-13 References and footnotes
+References and footnotes
 
 
 @slide(layout=content-and-preview)

slides/chapter-14.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+14
+
 @title
-14 Literatur­verwaltung
+Literatur­verwaltung
 
 
 @slide(layout=content-only)

slides/chapter-14.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+14
+
 @title
-14 Reference management
+Reference management
 
 
 @slide(layout=content-only)

slides/chapter-15.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+15
+
 @title
-15 Paket in Sicht!
+Paket in Sicht!
 
 @slide(layout=content-and-preview)
 

slides/chapter-15.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+15
+
 @title
-15 Package in sight!
+Package in sight!
 
 @slide(layout=content-and-preview)
 

slides/chapter-16.de.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+16
+
 @title
-16 Hilfe und Informationen
+Hilfe und Informationen
 
 @slide(layout=content-only)
 

slides/chapter-16.en.md

@@ -1,7 +1,10 @@
 @slide(layout=chapter-slide)
 
+@number
+16
+
 @title
-16 Getting help and information
+Getting help and information
 
 @slide(layout=content-only)
 

slides/intro.de.md

@@ -1,10 +1,11 @@
 @slide(layout=chapter-slide)
 
-@title
+@number
-0 Technik-Vorbereitung
+0
+
+@title
+Technik-Vorbereitung
 
-@content
-TEST TEST
 
 @slide(layout=content-only)
 

slides/intro.en.md

@@ -1,5 +1,8 @@
 @slide(layout=chapter-slide)
 
+@number
+0
+
 @title
 First steps with&nbsp;L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X
 
@@ -113,8 +116,9 @@ Passing the flag ``--shell-escape`` to your compiler can be a potential security
 </div>
 
 @slide(layout=content-and-preview)
+
 @title
-0 Change the listings mode
+Change the listings mode
 
 @content
 In order to compile the script using `minted`, the listings mode has to be changed.