add dark mode. translate dampfmaschine. add giessomat stirrer pics.

input/contact.md

 * Twitter: [@xythobuz](https://twitter.com/xythobuz)
 * Youtube: [xythobuz](http://www.youtube.com/user/xythobuz)
 * Thingiverse: [xythobuz](https://www.thingiverse.com/xythobuz/designs)
-* RotorBuilds: [xythobuz](https://rotorbuilds.com/profile/1970)

input/projects/dampfmaschine.md

 position: 50
 ---
 
-Some more explanations [can be found on the German version of this page](dampfmaschine.de.html).
+In 1992 my grandfather began building his own live model steam engine, in 1:2.7 scale.
+It has a mass of approximately 700kg and can tow 8 persons with ease at walking speed, using the two custom made trailers.
+
+Of course I learned heating and driving the machine from an early age.
+In the summers, we regularly drove around the neighborhood where my grandfather lived, for the joy of the neighboring children.
+We also visited some [steam fairs in Kürnbach](https://www.volksfeste-in-deutschland.de/kuernbacher-dampffest-in-bad-schussenried.html), as well as holding our own at the small 'pub' my grandmother ran.
 
 ## Videos
 
+Some videos, of both the mechanics as well as driving the steam engine.
+
 <!--%
 lightgallery([
-    [ "https://www.youtube.com/watch?v=ikWtY_376n0", "img/dampf_2016_timelapse_thumb.jpg", "Zeitraffer vom Dampftreffen Kürnbach 2016" ],
-    [ "https://www.youtube.com/watch?v=HGC6uH_kcoM", "img/dampf_thumb_druckluft.jpg", "Druckluft Test" ],
-    [ "https://www.youtube.com/watch?v=OhMWQIR62rU", "img/dampf_thumb_pumpe.jpg", "Dampfpumpen Test" ],
-    [ "https://www.youtube.com/watch?v=dv08NrImbJE", "img/dampf_2015_thumb.jpg", "Aufnahmen eines Besuchers beim Dampftreffen Kürnbach 2015. Ich bin ganz am Anfang kurz zu sehen." ]
+    [ "https://www.youtube.com/watch?v=ikWtY_376n0", "img/dampf_2016_timelapse_thumb.jpg", "Timelapse of the meet-up in Kürnbach 2016" ],
+    [ "https://www.youtube.com/watch?v=dv08NrImbJE", "img/dampf_2015_thumb.jpg", "Recording made by a visitor of the meet-up in Kürnbach 2015. You can see me shortly in the beginning." ],
+    [ "https://www.youtube.com/watch?v=HGC6uH_kcoM", "img/dampf_thumb_druckluft.jpg", "Air Test" ],
+    [ "https://www.youtube.com/watch?v=OhMWQIR62rU", "img/dampf_thumb_pumpe.jpg", "Steam pump Test" ]
 ])
 %-->
 
 ## Photos
 
+Here's a small collection of photos of and with the steam engine that have been taken since its creation.
+
 ### 2013 and 2014
 
 <!--%
 lightgallery([
-    [ "img/dampf_2013_08_13_1.jpg", "Vor dem Dampfschuppen im Garten" ],
-    [ "img/dampf_2014_09_08_1.jpg", "Probefahrt im Herbst" ],
+    [ "img/dampf_2013_08_13_1.jpg", "In front of the depot in our garden" ],
+    [ "img/dampf_2014_09_08_1.jpg", "Test drive in autumn" ],
 ])
 %-->
 
 ### 2012
 
+The year 2012 was the third and last time we held our steam fair at Ines.
+
 <!--%
 lightgallery([
-    [ "img/dampf_2012_06_19_1.jpg", "POV Foto beim fahren" ],
-    [ "img/dampf_2012_06_22_2.jpg", "Durchsichtiger Schieberdeckel zum debugging" ],
-    [ "img/dampf_2012_06_22_3.jpg", "Dampfpumpe" ],
-    [ "img/dampf_2012_06_22_5.jpg", "Steuerung" ],
-    [ "img/dampf_2012_06_22_6.jpg", "Dampfpumpe in der Werkstatt" ],
-    [ "img/dampf_2012_06_30_1.jpg", "Dampffest am Ines" ],
-    [ "img/dampf_2012_06_30_2.jpg", "Ausfahrt zum Schloss Helmsdorf beim Dampffest" ],
-    [ "img/dampf_2012_06_30_3.jpg", "Die Dampfmaschinen vor dem Ines" ],
-    [ "img/dampf_2012_06_30_4.jpg", "Die Dampfmaschinen im Schloss Helmsdorf" ],
-    [ "img/dampf_2012_07_01_1.jpg", "Die Dampfmaschinen am See" ],
-    [ "img/dampf_2012_07_01_2.jpg", "Die Dampfmaschinen am See" ],
-    [ "img/dampf_2012_07_07_1.jpg", "Fahnen an unserer Maschine" ],
+    [ "img/dampf_2012_06_19_1.jpg", "POV Photo while driving" ],
+    [ "img/dampf_2012_06_22_2.jpg", "Transparent main valve housing for debugging" ],
+    [ "img/dampf_2012_06_22_3.jpg", "Steam pump" ],
+    [ "img/dampf_2012_06_22_5.jpg", "Controls" ],
+    [ "img/dampf_2012_06_22_6.jpg", "Steam pump in the shop" ],
+    [ "img/dampf_2012_06_30_1.jpg", "Steam fair at Ines" ],
+    [ "img/dampf_2012_06_30_2.jpg", "Exhibition drive to Schloss Helmsdorf with the steam fair attendants" ],
+    [ "img/dampf_2012_06_30_3.jpg", "The steam engines in front of Ines" ],
+    [ "img/dampf_2012_06_30_4.jpg", "The steam engines at Schloss Helmsdorf" ],
+    [ "img/dampf_2012_07_01_1.jpg", "The steam engines at the lake" ],
+    [ "img/dampf_2012_07_01_2.jpg", "The steam engines at the lake" ],
+    [ "img/dampf_2012_07_07_1.jpg", "Flags on our engine" ],
 ])
 %-->
 
 ### 2011
 
+In the year 2011 we held our second steam fair.
+
 <!--%
 lightgallery([
-    [ "img/dampf_2011_06_25_1.jpg", "Ausfahrt beim Dampffest" ],
-    [ "img/dampf_2011_06_25_2.jpg", "Am Schloss Helmsdorf" ],
-    [ "img/dampf_2011_07_17_1.jpg", "Auf dem Campingplatz, Schloss Helmsdorf" ],
-    [ "img/dampf_2011_helmsdorf_1.jpg", "Auf dem Campingplatz, Schloss Helmsdorf" ],
-    [ "img/dampf_2011_helmsdorf_2.jpg", "Auf dem Campingplatz, Schloss Helmsdorf" ],
+    [ "img/dampf_2011_06_25_1.jpg", "Exhibition drive with the steam fair attendants" ],
+    [ "img/dampf_2011_06_25_2.jpg", "At Schloss Helmsdorf" ],
+    [ "img/dampf_2011_07_17_1.jpg", "On the campground, Schloss Helmsdorf" ],
+    [ "img/dampf_2011_helmsdorf_1.jpg", "On the campground, Schloss Helmsdorf" ],
+    [ "img/dampf_2011_helmsdorf_2.jpg", "On the campground, Schloss Helmsdorf" ],
 ])
 %-->
 
 ### 2009
 
+In the year 2009 we held the first steam fair at the Bierstüberl Ines in Fischbach.
+
 <!--%
 lightgallery([
-    [ "img/dampf_2009_06_13_1.jpg", "Beim Dampffest in Kürnbach" ],
-    [ "img/dampf_2009_06_18_1.jpg", "Im heimischen Garten" ],
-    [ "img/dampf_2009_06_18_2.jpg", "Ausfahrt in Kürnbach" ],
+    [ "img/dampf_2009_06_13_1.jpg", "Steam fair in Kürnbach" ],
+    [ "img/dampf_2009_06_18_1.jpg", "Garden at home" ],
+    [ "img/dampf_2009_06_18_2.jpg", "Drive in Kürnbach" ],
     [ "img/dampf_2009_06_18_3.jpg", "In Kürnbach?" ],
-    [ "img/dampf_2009_07_03_1.jpg", "Ausfahrt zur Schussenrieder Brauerei beim Dampffest Kürnbach" ],
-    [ "img/dampf_2009_07_11_1.jpg", "Dampffest am Ines" ],
-    [ "img/dampf_2009_07_11_2.jpg", "Vorbereitung zum Dampffest" ],
-    [ "img/dampf_2009_07_11_3.jpg", "Spontane Reparaturen" ],
-    [ "img/dampf_2009_07_12_1.jpg", "Ausfahrt am Ines" ],
-    [ "img/dampf_2009_07_12_2.jpg", "Beim Dampffest, vor Blaskapelle" ],
+    [ "img/dampf_2009_07_03_1.jpg", "Drive to Schussenrieder brewery at the steam fair Kürnbach" ],
+    [ "img/dampf_2009_07_11_1.jpg", "Steam fair at Ines" ],
+    [ "img/dampf_2009_07_11_2.jpg", "Preparations for the steam fair" ],
+    [ "img/dampf_2009_07_11_3.jpg", "Spontaneous repairs" ],
+    [ "img/dampf_2009_07_12_1.jpg", "Drive at Ines" ],
+    [ "img/dampf_2009_07_12_2.jpg", "At the steam fair, with brass band" ],
 ])
 %-->
 
 
 <!--%
 lightgallery([
-    [ "img/dampf_2007_06_10_1.jpg", "Nach getaner Arbeit" ],
-    [ "img/dampf_1997_werkstatt.jpg", "Früh übt sich" ],
+    [ "img/dampf_2007_06_10_1.jpg", "After a days work done" ],
+    [ "img/dampf_1997_werkstatt.jpg", "Starting early" ],
 ])
 %-->
 
 
 <!--%
 lightgallery([
-    [ "img/dampf_1997_baden.jpg", "Quelle unbekannt, 1997" ],
-    [ "img/dampf_2010_jdh_p1.jpg", "2010, Journal Dampf und Heissluft, Heft 1" ],
-    [ "img/dampf_2010_jdh_p2.jpg", "2010, Journal Dampf und Heissluft, Heft 1" ],
+    [ "img/dampf_1997_baden.jpg", "Source unknown, 1997" ],
+    [ "img/dampf_2010_jdh_p1.jpg", "2010, Journal Dampf und Heissluft, Issue 1" ],
+    [ "img/dampf_2010_jdh_p2.jpg", "2010, Journal Dampf und Heissluft, Issue 1" ],
 ])
 %-->
 
 <!--%
 lightgallery([
     [ "https://www.youtube.com/watch?v=ikWtY_376n0", "img/dampf_2016_timelapse_thumb.jpg", "Zeitraffer vom Dampftreffen Kürnbach 2016" ],
+    [ "https://www.youtube.com/watch?v=dv08NrImbJE", "img/dampf_2015_thumb.jpg", "Aufnahmen eines Besuchers beim Dampftreffen Kürnbach 2015. Ich bin ganz am Anfang kurz zu sehen." ],
     [ "https://www.youtube.com/watch?v=HGC6uH_kcoM", "img/dampf_thumb_druckluft.jpg", "Druckluft Test" ],
-    [ "https://www.youtube.com/watch?v=OhMWQIR62rU", "img/dampf_thumb_pumpe.jpg", "Dampfpumpen Test" ],
-    [ "https://www.youtube.com/watch?v=dv08NrImbJE", "img/dampf_2015_thumb.jpg", "Aufnahmen eines Besuchers beim Dampftreffen Kürnbach 2015. Ich bin ganz am Anfang kurz zu sehen." ]
+    [ "https://www.youtube.com/watch?v=OhMWQIR62rU", "img/dampf_thumb_pumpe.jpg", "Dampfpumpen Test" ]
 ])
 %-->
 

input/projects/giessomat.md

 The bottles need relatively flat bottom surfaces and they need to be positioned well on the stirrer, but they have enough power to move the rotor and stir even the thickest of my fertilizers.
 The stirrers run on 12V and can simply be connected to another relais.
 
+<!--%
+lightgallery([
+    [ "img/giessomat_stirrers.jpg", "12V magnetic stirrers and diluted fertilizer bottles" ]
+])
+%-->
+
 ## Automation Update (October 2021)
 
 As mentioned above, I'm running InfluxDB in my home network.

static/css/style.css

     padding: 0px;
 }
 
-hr {
-    color: purple; /* green; */ /* orange; */
-}
-
 table {
     margin: auto;
     border-collapse: collapse;
 }
 
 table, th, td {
-  border: 1px solid purple;
+    border-width: 1px;
+    border-style: solid;
 }
 
 th, td {
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-  padding-top: 0.2em;
-  padding-bottom: 0.2em;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    padding-top: 0.2em;
+    padding-bottom: 0.2em;
 }
 
 #nav {
     border-bottom-style: solid;
     border-bottom-width: 2px;
-    border-bottom-color: purple; /* green; */ /* orange; */
-    background-color: white;
     width: 100%;
     z-index: 2;
 }
     font-size: 0.9em;
     padding: 10px;
     margin: 1em;
-    border: 2px solid purple; /* green; */ /* orange; */
+    border-width: 2px;
+    border-style: solid;
     border-radius: 10px;
 }
 
     border: none;
     font: inherit;
     cursor: pointer;
-    border-bottom: 1px solid blue;
-    color: blue;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
 }
 
 .releasecard {
-    border: 2px solid purple;
+    border-width: 2px;
+    border-style: solid;
     width: max-content;
     max-width: 100%;
     padding: 0.6em 1em 0em 1em;
     border-radius: 10px;
-    background-color: lightgray;
     text-align: center;
     margin: auto;
 }
 }
 
 #nav a:link {
-    color: black;
     font-weight: bold;
     text-decoration: none;
 }
 
 #nav a:visited {
-    color: black;
     font-weight: bold;
     text-decoration: none;
 }
 
 #footer {
-    color: gray;
     text-align: center;
     margin-top: 1em;
     font-size: small;
 }
 
-#footer a:link {
-    color: gray;
-}
-
-#footer a:visited {
-    color: gray;
-}
-
 #index-avatar {
     width: 150px;
     height: 150px;
     float: right;
-    border: 2px, solid, #000000;
+    border-width: 2px;
+    border-style: solid;
     border-radius: 10px;
     background-image: url(https://www.gravatar.com/avatar/8d18fec40a74782052fb4c007d212475?s=150);
     margin-left: 2em;
     border-radius: 10px;
     vertical-align: middle;
     margin: 3px 0 3px 0;
-    border: 2px solid purple; /* green; */ /* orange; */
+    border-width: 2px;
+    border-style: solid;
 }
 
 .border .pic {
     transform: scale(1.1, 1.1);
     filter: brightness(75%);
 }
+
+/* colors */
+
+body, #nav {
+    background-color: #FFFFFF;
+}
+
+.show-comments {
+    border-bottom-color: #0000CD;
+}
+
+a:link, .show-comments {
+    color: #0000CD;
+}
+
+a:visited {
+    color: #4B0082;
+}
+
+body, #nav, #nav a:link, #nav a:visited {
+    color: #000000;
+}
+
+#nav {
+    border-bottom-color: #32CD32;
+}
+
+hr {
+    color: #32CD32;
+}
+
+table, th, td, pre, .border, .releasecard, #index-avatar {
+    border-color: #32CD32;
+}
+
+.releasecard {
+    background-color: #C0C0C0;
+}
+
+#footer, #footer a:link, #footer a:visited {
+    color: #808080;
+}
+
+/* dark mode */
+@media (prefers-color-scheme: dark) {
+    body, #nav {
+        background-color: #111111;
+    }
+
+    .show-comments {
+        border-bottom-color: #7B68EE;
+    }
+
+    a:link, .show-comments {
+        color: #7B68EE;
+    }
+
+    a:visited {
+        color: #BA55D3;
+    }
+
+    .releasecard {
+        background-color: #232323;
+    }
+
+    body, #nav, #nav a:link, #nav a:visited {
+        color: #FFFFFF;
+    }
+
+    #footer, #footer a:link, #footer a:visited {
+        color: #B0B0B0;
+    }
+}