Looking quite nice

output/2012_12_05_xycontrol.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2012_12_05_xycontrol.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>xyControl PCB angekommen</h2>
 <p><em>Posted at December 05, 2012.</em></p>
 <p>Gerade war der nette Typ von UPS da, mit dieser Schönheit im Gepäck... :)<br />

output/2012_12_16_mun.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2012_12_16_mun.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Mun Landing</h2>
 <p><em>Posted at December 16, 2012.</em></p>
 <p>Finally... I did it! And now I also know the difference between Type A and Type B Solar Panels...  </p>

output/2012_12_22_docking.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2012_12_22_docking.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Docking in Kerbal Orbit</h2>
 <p><em>Posted at December 22, 2012.</em></p>
 <p>Yay! My Kerbal Space Station is beginning to form:</p>

output/2012_12_22_motor_test.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2012_12_22_motor_test.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Quadrocopter Motor Test</h2>
 <p><em>Posted at December 22, 2012.</em></p>
 <p>xyControl ist fertig bestückt und funktioniert (größtenteils)! Also konnte ich auch gleich den Motor sowie seinen Treiber <a href="http://youtu.be/GxKMCVwqaKk">testen</a>:</p>

output/2012_12_25_heli.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2012_12_25_heli.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>RC-Heli Absturz</h2>
 <p><em>Posted at December 25, 2012.</em></p>
 <p>Ganz Überraschend bekam ich zu Weihnachten einen RC-Heli mit Kamera. Funktioniert bei Video-Aufnahmen aber irgendwie nicht so toll...</p>

output/2013_01_20_quadrocopter.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_01_20_quadrocopter.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Quadrocopter Ueberblick</h2>
 <p><em>Posted at January 20, 2013.</em></p>
 <p>Wie auf Twitter bereits zu sehen war, arbeite Ich momentan an meiner eigenen Quadrocopter Plattform. Kern der ganzen Geschichte ist <a href="https://github.com/xythobuz/xyControl">xyControl</a>:</p>

output/2013_01_31_odys_genio.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_01_31_odys_genio.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Odys Genio USB Debugging am Mac</h2>
 <p><em>Posted at January 31, 2013.</em></p>
 <p>Um das <a href="http://www.amazon.de/gp/product/B00A7PZM7E/ref=as_li_ss_tl?ie=UTF8&amp;camp=1638&amp;creative=19454&amp;creativeASIN=B00A7PZM7E&amp;linkCode=as2&amp;tag=xythobuzorg-21">Odys Genio (Affiliate Link)</a> auch am Mac für USB Debugging nutzen zu können, muss die USB Vendor ID des Genio in die Konfigurationsdatei der Android Debug Bridge eingetragen werden. Hierfür erstmal die VID des Genio im System Profiler ermitteln (bei mir 0x2207). Dann kann diese Nummer, allein in einer einzelnen Zeile, in die Datei ~/.android/adb_usb.ini eingetragen werden. Sollte die Datei nicht existieren, einfach neu anlegen, mit der VID als einzigem Inhalt. Anschließend eventuell das Tablet erneut anschließen, und adb neu starten: </p>

output/2013_02_11_motor_test.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_02_11_motor_test.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Quadrocopter Motor Test</h2>
 <p><em>Posted at February 11, 2013.</em></p>
 <p>Nun ist mein Quadrocopter soweit zusammengebaut...</p>

output/2013_02_25_android.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_02_25_android.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>xyCopter Android App</h2>
 <p><em>Posted at February 25, 2013.</em></p>
 <p>Die erste Version meiner Quadrocopter Fernsteuerungs App für Android ist fertig und funktioniert soweit. Hier ein Screenshot:</p>

output/2013_03_05_graphview.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_03_05_graphview.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>xyCopter mit GraphView</h2>
 <p><em>Posted at March 05, 2013.</em></p>
 <p>Jetzt hab ich <a href="https://github.com/Lauszus/GraphView">GraphView</a> in xyCopter eingebaut:<br />

output/2013_03_10_yasab.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_03_10_yasab.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>xyCopter loves YASAB</h2>
 <p><em>Posted at March 10, 2013.</em></p>
 <p>Jetzt hat meine xyCopter App eine YASAB Implementation. So kann man per Bluetooth die Firmware des Quadrocopters vom Tablet aus neu flashen. Und woher hat die App das Firmware Hexfile? Aus Dropbox! Wenn das mal nicht geil ist... :D</p> </p>

output/2013_03_12_test_rig.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_03_12_test_rig.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Quadrocopter Testvorrichtung</h2>
 <p><em>Posted at March 12, 2013.</em></p>
 <p>Hab mal ein bisschen mit Opa im Keller gebastelt. Ergebnis ist diese Testvorrichtung, um besser die PID-Parameter anhand einer einzelnen Achse zu bestimmen. Und Fehler im Code zu finden. Das gibts ja immer... :)</p>

output/2013_03_13_test_rig.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_03_13_test_rig.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Quadrocopter Test Rig Video</h2>
 <p><em>Posted at March 13, 2013.</em></p>
 <p>Ja, das ist alles ganz schön wackelig. Jetzt hab ich mehr Gewicht drauf. Und die Parameter find ich irgendwann auch noch :)</p>

output/2013_03_16_pid.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_03_16_pid.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>xyCopter PID-Parameter</h2>
 <p><em>Posted at March 16, 2013.</em></p>
 <p>So, jetzt fehlen hoffentlich nur noch die richtigen PID Parameter um den Quadrocopter in der Schwebe zu halten...</p>

output/2013_03_25_doxygen.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_03_25_doxygen.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        document ALL the code
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>document ALL the code</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>xyControl Doxygen Dokumentation</h2>
 <p><em>Posted at March 25, 2013.</em></p>
 <p>Ich hab jetzt mal eine hübsche Doxygen Dokumentation für die xyControl Firmware angelegt. Kann auch mit "make doc" erstellt werden. Neben HTML wird auch Latex ausgegeben, im Ordner ist ein Makefile um daraus eine PDF zu setzen. </p>

output/2013_04_02_zaphod.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_02_zaphod.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Zaphod Beeblebrox
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Zaphod Beeblebrox</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Neuer Webserver</h2>
 <p><em>Posted at April 02, 2013.</em></p>
 <p>Jetzt habe ich zu einem Rundumschlag ausgeholt. Wenn du diesen Text liest, kommt er bereits von meinem neuen vServer bei Hetzner. Hostname: <a href="http://en.wikipedia.org/wiki/Zaphod_Beeblebrox">Zaphod</a> :)</p>

output/2013_04_04_html5.html

@@ -60,19 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_04_html5.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Kein DRM in HTML5</h2>
 <p><em>Posted at April 04, 2013.</em></p>
 <p>Habe gerade unterzeichnet. Tut es auch!</p>

output/2013_04_11_rss.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_11_rss.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>RSS Probleme</h2>
 <p><em>Posted at April 11, 2013.</em></p>
 <p>An alle Abonennten meines RSS Feeds: Tut mir leid! :)</p>

output/2013_04_17_abi.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_17_abi.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Abi Pruefungen</h2>
 <p><em>Posted at April 17, 2013.</em></p>
 <p>Ahhh... Das war's, alle Abi Prüfungen sind geschrieben. Und es lief überall besser als erwartet. In diesem Sinne:</p>

output/2013_04_19_ekstasie.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_19_ekstasie.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Drugs are bad!
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Drugs are bad!</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Just Dance</h2>
 <p><em>Posted at April 19, 2013.</em></p>
 <p>Aww yiss, teh feelz!</p>

output/2013_04_23_pad.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_23_pad.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>PCB Pads suck</h2>
 <p><em>Posted at April 23, 2013.</em></p>
 <p>Och Mensch. Jetzt hab ich tatsächlich ein Pad auf einem meiner Motortreiber abgerissen. So eine scheiße. Hoffentlich kann ich das noch irgendwie retten, aber da das eine 4-lagige Leiterplatte ist, stehen die Chancen eher schlecht...</p>

output/2013_04_24_bitrot.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_24_bitrot.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Softwareverrottung</h2>
 <p><em>Posted at April 24, 2013.</em></p>
 <p>Ach Gott, diesmal kam der <a href="http://en.wikipedia.org/wiki/Software_rot">Software Rot</a> aber schnell... Da beschäftige ich mich gerade mal knapp 3 Wochen nicht mehr mit meinem Quadrocopter, schon kommt mir die ganze Software wie ein Riesen Clusterfuck vor! Immer das selbe :/</p>

output/2013_04_26_iphone_lens.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_04_26_iphone_lens.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>iPhone Linse</h2>
 <p><em>Posted at April 26, 2013.</em></p>
 <p>Gerade kam <a href="http://www.amazon.de/gp/product/B006YLD290/ref=as_li_ss_tl?ie=UTF8&amp;camp=1638&amp;creative=19454&amp;creativeASIN=B006YLD290&amp;linkCode=as2&amp;tag=xythobuzorg-21">diese</a> (Amazon Affiliate Link!) Linse fürs iPhone bei mir an. Für das Geld beschwer ich mich ja überhaupt nicht, aber auch so lassen sich die Bilder sehen. Funktioniert entweder als Weitwinkel- (zusammengeschraubt) oder als Makrolinse (auseinandergeschraubt). Hält magnetisch fest, man muss also nen kleinen Metallring um die Kamera kleben.</p>

output/2013_05_05_debian.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_05_05_debian.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Debian Update</h2>
 <p><em>Posted at May 05, 2013.</em></p>
 <p>Heute wurde ja Debian 7.0 Wheezy <a href="http://www.debian.org/News/2013/20130504">veröffentlicht</a>. Da mein zweiter Vorname <em>Gefahr</em> lautet, habe ich auch sogleich das Squeeze auf diesem Server upgegradet :)</p>

output/2013_05_09_itunes.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_05_09_itunes.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Musikgeschmack</h2>
 <p><em>Posted at May 09, 2013.</em></p>
 <p>Ich könnte mir ja jetzt irgend ne seltsame, künstlerisch anmutende Begründung ausdenken, um das zu rechtfertigen. Eigentlich war mir aber nur ein bisschen langweilig. Und außerdem, wofür hat man denn heutzutage so viel Rechenleistung überall.</p>

output/2013_05_17_itunes.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_05_17_itunes.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Musik Script History</h2>
 <p><em>Posted at May 17, 2013.</em></p>
 <p>Ja, ich gebe zu, daß mein <a href="http://xythobuz.de/2013_05_09_itunes.html">Shell Skript</a> wirklich sehr hässlich war. Jetzt ist es zwar immer noch hässlich, aber nicht ganz so sehr. Und es merkt sich die letzten 10 gespielten Songs. Fuck yeah :D</p>

output/2013_05_20_just_cause.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='2013_05_20_just_cause.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Blog
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Blog</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h2>Just Cause 2 Capture</h2>
 <p><em>Posted at May 20, 2013.</em></p>
 <p>Jetzt hab ich auch mal das Video-Capturing und den Youtube-Upload in <a href="http://www.amazon.de/gp/product/B002VYDUBY/ref=as_li_ss_tl?ie=UTF8&amp;camp=1638&amp;creative=19454&amp;creativeASIN=B002VYDUBY&amp;linkCode=as2&amp;tag=xythobuzorg-21">Just Cause 2</a> (Affiliate Link) ausprobiert. Bin ja nicht so von der Qualität überzeugt... :/</p>

output/404.html

@@ -49,19 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='404.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        searching something?
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>searching something?</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>404</h1>
 <h2>Page not found!</h2>
 <p>&larr; Maybe you can find it over here?</p>

output/avrnetstack.html

@@ -63,19 +63,22 @@ https://github.com/xythobuz/avrNetStack
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='avrnetstack.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        avrNetStack
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>avrNetStack</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>avrNetStack</h1>
 <p><a href="https://github.com/xythobuz/avrNetStack">avrNetStack</a> aims to be a very modular Networking Stack running on AVR Microcontrollers and supporting different Network Hardware (ENC28J60, MRF24WB).
 Select your MCU and hardware driver in the makefile.

output/avrserial.de.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/avrSerial
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='avrserial.de.html'>Deutsch</a></li> <li><a href='avrserial.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        AVR Serial Library
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>AVR Serial Library</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='AVR Serial Library'>title_de</a></li> | <li><a href='avrserlib'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/avrSerial'>github</a></li> | <li><a href='Hardware UART library for many AVR MCUs'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='AVR Serial Library'>title</a></li> | <li><a href='avrserial.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'avrserial.de.html', 'en': u'avrserial.html'}'>lang_links</a></li> | <li><a href='./input/avrserial.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='1'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>AVR Serial Library</h1>
 <p>Die avrSerial Library ermöglicht Interruptgesteuerte UART kommunikation mit allen verfügbaren UART Modulen. Jedes Modul hat einen eigenen Sende- und Empfangspuffer. XON/XOFF Flow Control kann auf Empfangsseite aktiviert werden. Unterstützt werden momentan folgende AtMega Typen:</p>
 <pre><code>AtMega8

output/avrserial.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/avrSerial
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='avrserial.de.html'>Deutsch</a></li> <li><a href='avrserial.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        AVR Serial Library
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>AVR Serial Library</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='AVR Serial Library'>title_de</a></li> | <li><a href='avrserlib'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/avrSerial'>github</a></li> | <li><a href='Hardware UART library for many AVR MCUs'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='AVR Serial Library'>title</a></li> | <li><a href='avrserial.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'avrserial.de.html', 'en': u'avrserial.html'}'>lang_links</a></li> | <li><a href='./input/avrserial.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='1'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>AVR Serial Library</h1>
 <p>The avrSerial Library enables interrupt-driven UART communication on all available UART modules. Each module has it's own receive and transmit buffer. XON/XOFF Flow Control for the receiving end can be enabled. At the moment, the following AtMega types are supported:</p>
 <pre><code>AtMega8

output/blog.de.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='blog.de.html'>Deutsch</a></li> <li><a href='blog.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        a day in the life of...
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>a day in the life of...</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='blog'>compat</a></li> | <li><a href='a day in the life of...'>funny</a></li> | <li><a href='de'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Blog'>title</a></li> | <li><a href='blog.de.html'>url</a></li> | <li><a href='0.8'>priority</a></li> | <li><a href='{u'de': u'blog.de.html', 'en': u'blog.html'}'>lang_links</a></li> | <li><a href='./input/blog.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='1'>position</a></li> | <li><a href='daily'>changefreq</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Blog Archiv</h1>
 <p>Um über meine neuesten Artikel informiert zu werden, abonniere meinen <a href="/rss.xml">RSS Feed! <img alt="RSS Logo" src="/img/rss.png" /></a></p>
 <ul>

output/blog.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='blog.de.html'>Deutsch</a></li> <li><a href='blog.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        a day in the life of...
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>a day in the life of...</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='blog'>compat</a></li> | <li><a href='a day in the life of...'>funny</a></li> | <li><a href='en'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Blog'>title</a></li> | <li><a href='blog.html'>url</a></li> | <li><a href='0.8'>priority</a></li> | <li><a href='{u'de': u'blog.de.html', 'en': u'blog.html'}'>lang_links</a></li> | <li><a href='./input/blog.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='1'>position</a></li> | <li><a href='daily'>changefreq</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Blog Archive</h1>
 <p>To receive my latest updates, you can subscribe the <a href="/rss.xml">RSS Feed! <img alt="RSS Logo" src="/img/rss.png" /></a></p>
 <ul>

output/bluetooth.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='bluetooth.de.html'>Deutsch</a></li> <li><a href='bluetooth.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Bluetooth UART (BTM-222)
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Bluetooth UART (BTM-222)</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Bluetooth UART (BTM-222)'>title_de</a></li> | <li><a href='bt'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='PCB for the BTM-222 and 5V level converters'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='Bluetooth UART (BTM-222)'>title</a></li> | <li><a href='bluetooth.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'bluetooth.de.html', 'en': u'bluetooth.html'}'>lang_links</a></li> | <li><a href='./input/bluetooth.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='0'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Bluetooth UART (BTM-222)</h1>
 <p>Hier das Layout einer Adapterplatine für den BTM-222 Bluetooth IC im <a href="http://www.rn-wissen.de/index.php/RN-Definitionen">Roboternetz Mini Format</a>. Die Schaltung stammt von <a href="http://www.robotfreak.de/blog/mikrocontroller/preiswerte-bluetooth-anbindung/44">Robotfreak</a>, entspricht aber im Prinzip der Minimalbeschaltung aus dem <a href="/files/btm222.pdf">Datenblatt</a>.</p>
 <p><a href="/img/BT_Top.jpg"><img alt="Platine oben" src="/img/BT_Top_small.jpg" /></a>

output/bluetooth.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='bluetooth.de.html'>Deutsch</a></li> <li><a href='bluetooth.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Bluetooth UART (BTM-222)
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Bluetooth UART (BTM-222)</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Bluetooth UART (BTM-222)'>title_de</a></li> | <li><a href='bt'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='PCB for the BTM-222 and 5V level converters'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='Bluetooth UART (BTM-222)'>title</a></li> | <li><a href='bluetooth.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'bluetooth.de.html', 'en': u'bluetooth.html'}'>lang_links</a></li> | <li><a href='./input/bluetooth.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='0'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Bluetooth UART (BTM-222)</h1>
 <p>Here's the Layout of a BTM-222 Bluetooth PCB, following the <a href="http://www.rn-wissen.de/index.php/RN-Definitionen">Roboternetz Guidelines Mini Format</a>. The circuit comes from <a href="http://www.robotfreak.de/blog/mikrocontroller/preiswerte-bluetooth-anbindung/44">Robotfreak</a>, but is basically the minimal circuit described in the <a href="/files/btm222.pdf">datasheet (370kB)</a>.</p>
 <p><a href="/img/BT_Top.jpg"><img alt="PCB Top" src="/img/BT_Top_small.jpg" /></a>

output/c250.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='c250.de.html'>Deutsch</a></li> <li><a href='c250.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Free your Device!
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Free your Device!</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Mio C250 Unlock'>title_de</a></li> | <li><a href='Free your Device!'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Unlocking Mio C250 or C220 GPS Satnavs'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='Mio C250 Unlock'>title</a></li> | <li><a href='c250.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='c250'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'c250.de.html', 'en': u'c250.html'}'>lang_links</a></li> | <li><a href='./input/c250.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='2'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Mio C220 / C250 Unlock</h1>
 <p>Das Mio C250 oder C220 (eins für Amerika, eins für Europa) ist ein Navigationsgerät dessen Software auf Windows CE 5.0 basiert.
 Das weckt natürlich Hoffnungen, das Gerät in einen PDA verwandeln zu können. Aber leider ist Windows nur in einer Core Version installiert.

output/c250.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='c250.de.html'>Deutsch</a></li> <li><a href='c250.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Free your Device!
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Free your Device!</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Mio C250 Unlock'>title_de</a></li> | <li><a href='Free your Device!'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Unlocking Mio C250 or C220 GPS Satnavs'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='Mio C250 Unlock'>title</a></li> | <li><a href='c250.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='c250'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'c250.de.html', 'en': u'c250.html'}'>lang_links</a></li> | <li><a href='./input/c250.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='2'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Mio C220 / C250 Unlock</h1>
 <p>In short:</p>
 <ul>

output/contact.de.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='contact.de.html'>Deutsch</a></li> <li><a href='contact.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        drop a message!
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>drop a message!</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='kontakt'>compat</a></li> | <li><a href='drop a message!'>funny</a></li> | <li><a href='de'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Contact'>title</a></li> | <li><a href='contact.de.html'>url</a></li> | <li><a href='{u'de': u'contact.de.html', 'en': u'contact.html'}'>lang_links</a></li> | <li><a href='./input/contact.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='2'>position</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Kontakt</h1>
 <p>Du kannst immer diesen <a href="/files/xythobuz.gpg">PGP Key</a> nutzen!</p>
 <p>Mail: <a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#64;&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#46;&#100;&#101;">&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#64;&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#46;&#100;&#101;</a></p>

output/contact.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='contact.de.html'>Deutsch</a></li> <li><a href='contact.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        drop a message!
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>drop a message!</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='kontakt'>compat</a></li> | <li><a href='drop a message!'>funny</a></li> | <li><a href='en'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Contact'>title</a></li> | <li><a href='contact.html'>url</a></li> | <li><a href='{u'de': u'contact.de.html', 'en': u'contact.html'}'>lang_links</a></li> | <li><a href='./input/contact.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='2'>position</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Contact</h1>
 <p>You can always use this <a href="/files/xythobuz.gpg">PGP Key</a></p>
 <p>Mail: <a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#64;&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#46;&#100;&#101;">&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#64;&#120;&#121;&#116;&#104;&#111;&#98;&#117;&#122;&#46;&#100;&#101;</a></p>

output/hardware.de.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='hardware.de.html'>Deutsch</a></li> <li><a href='hardware.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Hardware
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Hardware</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='hw'>compat</a></li> | <li><a href='de'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Hardware'>title</a></li> | <li><a href='hardware.de.html'>url</a></li> | <li><a href='{u'de': u'hardware.de.html', 'en': u'hardware.html'}'>lang_links</a></li> | <li><a href='./input/hardware.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='4'>position</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Software</h1>
 <p>Dies sind meine Projekte, deren Schwerpunkt eher im Bereich Hardware liegen.</p>
 <ul>

output/hardware.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='hardware.de.html'>Deutsch</a></li> <li><a href='hardware.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Hardware
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Hardware</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='hw'>compat</a></li> | <li><a href='en'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Hardware'>title</a></li> | <li><a href='hardware.html'>url</a></li> | <li><a href='{u'de': u'hardware.de.html', 'en': u'hardware.html'}'>lang_links</a></li> | <li><a href='./input/hardware.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='4'>position</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Software</h1>
 <p>These are my mostly hardware-related projects and articles.</p>
 <ul>

output/index.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='index.de.html'>Deutsch</a></li> <li><a href='index.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Electronics &amp; Software
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Electronics &amp; Software</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Home'>title_de</a></li> | <li><a href='Electronics &amp; Software'>funny</a></li> | <li><a href='true'>flattr</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Home'>title</a></li> | <li><a href='index.de.html'>url</a></li> | <li><a href='home'>compat</a></li> | <li><a href='{u'de': u'index.de.html', 'en': u'index.html'}'>lang_links</a></li> | <li><a href='./input/index.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='0'>position</a></li> | <li><a href='de'>lang</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Willkommen</h1>
 <p>Hier findest du (immer mehr) Informationen zu Projekten von mir. Gerne höre ich Feedback über E-Mail. Viel Spaß!</p>
 <iframe src="http://githubbadge.appspot.com/badge/xythobuz?a=0" style="border: 0;height: 110px;width: 200px;overflow: hidden;"></iframe>

output/index.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='index.de.html'>Deutsch</a></li> <li><a href='index.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Electronics &amp; Software
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Electronics &amp; Software</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Home'>title_de</a></li> | <li><a href='Electronics &amp; Software'>funny</a></li> | <li><a href='true'>flattr</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Home'>title</a></li> | <li><a href='index.html'>url</a></li> | <li><a href='home'>compat</a></li> | <li><a href='{u'de': u'index.de.html', 'en': u'index.html'}'>lang_links</a></li> | <li><a href='./input/index.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='0'>position</a></li> | <li><a href='en'>lang</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Welcome</h1>
 <p>I'm publishing some informations about my projects here. Please give feedback and have fun!</p>
 <iframe src="http://githubbadge.appspot.com/badge/xythobuz?a=0" style="border: 0;height: 110px;width: 200px;overflow: hidden;"></iframe>

output/k6x4008.de.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/xyRobot/blob/master/lib/mem.c
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='k6x4008.de.html'>Deutsch</a></li> <li><a href='k6x4008.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        K6x4008 SRAM
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>K6x4008 SRAM</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='K6x4008 SRAM'>title_de</a></li> | <li><a href='sram'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/xyRobot/blob/master/lib/mem.c'>github</a></li> | <li><a href='Connecting an K6x4008 SRAM to an ATmega2560'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='K6x4008 SRAM'>title</a></li> | <li><a href='k6x4008.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'k6x4008.de.html', 'en': u'k6x4008.html'}'>lang_links</a></li> | <li><a href='./input/k6x4008.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='1'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>K6x4008 SRAM</h1>
 <p><a href="/img/ram.jpg"><img alt="Photo 1" src="/img/ram_small.jpg" /></a></p>
 <p>Der <a href="http://www.reichelt.de/Drams-Srams/628512-55/3//index.html?ACTION=3&amp;GROUPID=2954&amp;ARTICLE=40088&amp;SHOW=1&amp;START=0&amp;OFFSET=500&amp;">K6x4008 512K SRAM</a> dient meinem xyRobot als Zwischenspeicher für Bilder der Gameboy Kamera. Die Ansteuerung findet relativ pinsparend über zwei Schieberegister (74xx573) statt. Dennoch werden zwei komplette Byteports benötigt.</p>

output/k6x4008.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/xyRobot/blob/master/lib/mem.c
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='k6x4008.de.html'>Deutsch</a></li> <li><a href='k6x4008.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        K6x4008 SRAM
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>K6x4008 SRAM</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='K6x4008 SRAM'>title_de</a></li> | <li><a href='sram'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/xyRobot/blob/master/lib/mem.c'>github</a></li> | <li><a href='Connecting an K6x4008 SRAM to an ATmega2560'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='K6x4008 SRAM'>title</a></li> | <li><a href='k6x4008.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'k6x4008.de.html', 'en': u'k6x4008.html'}'>lang_links</a></li> | <li><a href='./input/k6x4008.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='1'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>K6x4008 SRAM</h1>
 <p><a href="/img/ram.jpg"><img alt="Photo 1" src="/img/ram_small.jpg" /></a></p>
 <p>My xyRobot uses a <a href="http://www.reichelt.de/Drams-Srams/628512-55/3//index.html?ACTION=3&amp;GROUPID=2954&amp;ARTICLE=40088&amp;SHOW=1&amp;START=0&amp;OFFSET=500&amp;">K6x4008 512K SRAM</a> to store pictures from it's Gameboy Camera. It is accessed via two shift registers, saving some pins. You still need two full byte ports to access the RAM.</p>

output/ledcube.de.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/LED-Cube
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ledcube.de.html'>Deutsch</a></li> <li><a href='ledcube.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        <a href="http://www.liveleak.com/view?i=0cd_1295609192">"It turns blue..."</a>
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2><a href="http://www.liveleak.com/view?i=0cd_1295609192">"It turns blue..."</a></h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='8x8x8 LED Wuerfel'>title_de</a></li> | <li><a href='<a href="http://www.liveleak.com/view?i=0cd_1295609192">"It turns blue..."</a>'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/LED-Cube'>github</a></li> | <li><a href='AVR LED Cube with Java Software and Music Visualization'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='8x8x8 LED Wuerfel'>title</a></li> | <li><a href='ledcube.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='cube'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'ledcube.de.html', 'en': u'ledcube.html'}'>lang_links</a></li> | <li><a href='./input/ledcube.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='0'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>8x8x8 LED Wuerfel</h1>
 <p>Downloade die <a href="https://github.com/xythobuz/LED-Cube/zipball/master">aktuelle Codebase als Zip</a>.</p>
 <iframe width="640" height="360" src="http://www.youtube.com/embed/czxCxTBSgHM?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

output/ledcube.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/LED-Cube
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ledcube.de.html'>Deutsch</a></li> <li><a href='ledcube.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        <a href="http://www.liveleak.com/view?i=0cd_1295609192">"It turns blue..."</a>
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2><a href="http://www.liveleak.com/view?i=0cd_1295609192">"It turns blue..."</a></h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='8x8x8 LED Wuerfel'>title_de</a></li> | <li><a href='<a href="http://www.liveleak.com/view?i=0cd_1295609192">"It turns blue..."</a>'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/LED-Cube'>github</a></li> | <li><a href='AVR LED Cube with Java Software and Music Visualization'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='8x8x8 LED Cube'>title</a></li> | <li><a href='ledcube.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='cube'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'ledcube.de.html', 'en': u'ledcube.html'}'>lang_links</a></li> | <li><a href='./input/ledcube.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='0'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>8x8x8 LED Cube</h1>
 <p>Get the <a href="https://github.com/xythobuz/LED-Cube/zipball/master">current Codebase as Zip</a>.</p>
 <iframe width="640" height="360" src="http://www.youtube.com/embed/czxCxTBSgHM" frameborder="0" allowfullscreen></iframe>

output/ledmatrix.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ledmatrix.de.html'>Deutsch</a></li> <li><a href='ledmatrix.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        LED Matrix
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>LED Matrix</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='LED Matrix'>title_de</a></li> | <li><a href='ledmatrix'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='ATTiny2313 displaying simple animations on an 8x10 LED Matrix'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='LED Matrix'>title</a></li> | <li><a href='ledmatrix.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'ledmatrix.de.html', 'en': u'ledmatrix.html'}'>lang_links</a></li> | <li><a href='./input/ledmatrix.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='5'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>LED Matrix</h1>
 <p>Hier ein kleines Schulprojekt: Eine 8x10 LED Matrix. Die Schaltung basiert <a href="http://www.mikrocontroller.net/articles/LED-Matrix#Transistoren">hierauf</a>, nur die Widerstandswerte und Transistoren wurden der Matrix entsprechend verändert. Diese Schaltung 2x aufbauen und an einen AtTiny2313 anschliessen und schon kommt das dabei heraus:</p>
 <p><a href="/img/led_matrix.jpg"><img alt="Foto" src="/img/led_matrix_small.jpg" /></a></p>

output/ledmatrix.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ledmatrix.de.html'>Deutsch</a></li> <li><a href='ledmatrix.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        LED Matrix
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>LED Matrix</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='LED Matrix'>title_de</a></li> | <li><a href='ledmatrix'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='ATTiny2313 displaying simple animations on an 8x10 LED Matrix'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='LED Matrix'>title</a></li> | <li><a href='ledmatrix.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'ledmatrix.de.html', 'en': u'ledmatrix.html'}'>lang_links</a></li> | <li><a href='./input/ledmatrix.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='5'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>LED Matrix</h1>
 <p>This is a school project: an 8x10 LED matrix. The circuit is based on <a href="http://www.mikrocontroller.net/articles/LED-Matrix#Transistoren">this</a>, only the resistor values and transistors were changed. Take two of these and add a AtTiny2313 and voilà, you get this:</p>
 <p><a href="/img/led_matrix.jpg"><img alt="PCB" src="/img/led_matrix_small.jpg" /></a></p>

output/nas.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='nas.de.html'>Deutsch</a></li> <li><a href='nas.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Kernel Hacking 101
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Kernel Hacking 101</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='IB-NAS6210 Linux'>title_de</a></li> | <li><a href='Kernel Hacking 101'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Booting your own Linux on an Icybox NAS6210 box'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='IB-NAS6210 Linux'>title</a></li> | <li><a href='nas.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='nas'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'nas.de.html', 'en': u'nas.html'}'>lang_links</a></li> | <li><a href='./input/nas.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='3'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>IB-NAS6210 Linux</h1>
 <p>Diese Anleitung gilt ebenso für den IB-NAS6220. Dieser besitzt 2 HDD Schächte und ein völlig anderes Webinterface. Über dieses ist es möglich, das root Passwort zu ändern (siehe diesen <a href="http://forum.nas-portal.org/showthread.php?12855-Ib-nas6220-b&amp;p=55718&amp;viewfull=1#post55718">Forenbeitrag</a>), was evtl. eine Neuinstallation einer Linux Distribution erübrigt.</p>
 <p>Der <a href="http://www.amazon.de/gp/product/B003DODPGG/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;tag=xythobuzorg-21&amp;linkCode=as2&amp;camp=1638&amp;creative=6742&amp;creativeASIN=B003DODPGG">Icy Box IB-NAS6210</a> (Affiliate Link) hat mit seiner hauseigenen Firmware nur einen beschränkten Funktionsumfang. Es ist kein <a href="http://de.wikipedia.org/wiki/Apple_Filing_Protocol">AFP</a> oder <a href="http://de.wikipedia.org/wiki/Digital_Audio_Access_Protocol">DAAP</a> möglich, was als Mac User von großem Nachteil ist. Deshalb muss Linux her, welches auf der verbauten ARM CPU hervorragend läuft. Es ist zwar bereits ein Linux System installiert, leider ist aber der root User nicht zugänglich.</p>

output/nas.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='nas.de.html'>Deutsch</a></li> <li><a href='nas.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Kernel Hacking 101
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Kernel Hacking 101</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='IB-NAS6210 Linux'>title_de</a></li> | <li><a href='Kernel Hacking 101'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Booting your own Linux on an Icybox NAS6210 box'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='IB-NAS6210 Linux'>title</a></li> | <li><a href='nas.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='nas'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'nas.de.html', 'en': u'nas.html'}'>lang_links</a></li> | <li><a href='./input/nas.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='3'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>IB-NAS6210 Linux</h1>
 <ol>
 <li>root Access (by Jayare)<ul>

output/rremote.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='rremote.de.html'>Deutsch</a></li> <li><a href='rremote.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        rRemote
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>rRemote</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='rRemote'>title_de</a></li> | <li><a href='rrem'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Remote Control Casio FX9860-GII Calculator AddIn'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='rRemote'>title</a></li> | <li><a href='rremote.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'rremote.de.html', 'en': u'rremote.html'}'>lang_links</a></li> | <li><a href='./input/rremote.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='2'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>rRemote</h1>
 <p>rRemote ist ein Addin für Casio fx9860G-Serie Taschenrechner. Es ermöglicht die serielle Kommunikation mit beliebigen Geräten über den 3-Pin Anschluss.
 Zum Download wird das gesamte Projekt für das <a href="http://edu.casio.com/products/sdk/9860sdk.html">offizielle Casio SDK angeboten. Dieses kann kostenlos von Casio bezogen werden</a>. Die Parameter für die serielle Schnittstelle können im Quellcode geändert werden, genauso wie die Daten die gesendet werden sollen. Das sollte mit passablen C Kentnissen möglich sein.</p>

output/rremote.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='rremote.de.html'>Deutsch</a></li> <li><a href='rremote.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        rRemote
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>rRemote</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='rRemote'>title_de</a></li> | <li><a href='rrem'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Remote Control Casio FX9860-GII Calculator AddIn'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='rRemote'>title</a></li> | <li><a href='rremote.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'rremote.de.html', 'en': u'rremote.html'}'>lang_links</a></li> | <li><a href='./input/rremote.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='2'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>rRemote</h1>
 <p>rRemote is a addin for Casio fx9860G calculators written in C. It allows you to send data over the 3-Pin serial port.</p>
 <p>You can download the whole project for the <a href="http://edu.casio.com/products/sdk/9860sdk.html">official Casio SDK (get it for free from Casio)</a>. You can change the serial port parameters in the source code.</p>

output/rss.xml

@@ -6,8 +6,8 @@
 <atom:link href="http://www.xythobuz.de/rss.xml" rel="self" type="application/rss+xml" />
 <description>xythobuz Electronics &amp; Software Projects</description>
 <language>en-us</language>
-<pubDate>Sun, 02 Jun 2013 08:00:19 -0000</pubDate>
-<lastBuildDate>Sun, 02 Jun 2013 08:00:19 -0000</lastBuildDate>
+<pubDate>Sun, 02 Jun 2013 08:19:44 -0000</pubDate>
+<lastBuildDate>Sun, 02 Jun 2013 08:19:44 -0000</lastBuildDate>
 <docs>http://blogs.law.harvard.edu/tech/rss</docs>
 <generator>Poole</generator>
 

output/serialdebug.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='serialdebug.de.html'>Deutsch</a></li> <li><a href='serialdebug.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        mildly useful
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>mildly useful</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Serial Debug'>title_de</a></li> | <li><a href='mildly useful'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Displaying incoming UART characters on a 8x5 LED Matrix with an ATTiny2313'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='Serial Debug'>title</a></li> | <li><a href='serialdebug.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='serialdebug'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'serialdebug.de.html', 'en': u'serialdebug.html'}'>lang_links</a></li> | <li><a href='./input/serialdebug.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='4'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Serial Debug</h1>
 <p>Eine 8x5 LED Matrix an einem AtTiny2313, welcher über einen FT232R mit einem Computer kommuniziert. Empfangene Zeichen werden auf der LED Matrix angezeigt. Dies ist hilfreich beim Debuggen von Computerprogrammen, welche mit einer seriellen Schnittstelle kommunizieren.</p>
 <p><a href="/img/serialdebug.jpg"><img alt="Photo" src="/img/serialdebug_small.jpg" /></a>

output/serialdebug.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='serialdebug.de.html'>Deutsch</a></li> <li><a href='serialdebug.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        mildly useful
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>mildly useful</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Serial Debug'>title_de</a></li> | <li><a href='mildly useful'>funny</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Displaying incoming UART characters on a 8x5 LED Matrix with an ATTiny2313'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='Serial Debug'>title</a></li> | <li><a href='serialdebug.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='serialdebug'>compat</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'serialdebug.de.html', 'en': u'serialdebug.html'}'>lang_links</a></li> | <li><a href='./input/serialdebug.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='4'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Serial Debug</h1>
 <p>A 8x5 LED Matrix controlled by an AtTiny2313 which communicates via a FT232R with a PC. Received characters are displayed by the matrix. This is useful for debugging serial applications.</p>
 <p><a href="/img/serialdebug.jpg"><img alt="Photo" src="/img/serialdebug_small.jpg" /></a>

output/serialhelper.de.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/SerialHelper
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='serialhelper.de.html'>Deutsch</a></li> <li><a href='serialhelper.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Serial Helper
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Serial Helper</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Serial Helper'>title_de</a></li> | <li><a href='serialhelper'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/SerialHelper'>github</a></li> | <li><a href='Reading and Writing a Serial Port from the Command Line'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='Serial Helper'>title</a></li> | <li><a href='serialhelper.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'serialhelper.de.html', 'en': u'serialhelper.html'}'>lang_links</a></li> | <li><a href='./input/serialhelper.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='4'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Serial Helper</h1>
 <p>SerialHelper ist ein Cross Plattform (Windows, Unix Systeme) Kommandozeilen Programm welches den Zugriff auf serielle Ports ermöglicht. Ausserdem können vorhandene serielle Ports aufgelistet werden.</p>
 <p><a href="https://github.com/xythobuz/SerialHelper">Github Repository</a></p>

output/serialhelper.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/SerialHelper
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='serialhelper.de.html'>Deutsch</a></li> <li><a href='serialhelper.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Serial Helper
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Serial Helper</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Serial Helper'>title_de</a></li> | <li><a href='serialhelper'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/SerialHelper'>github</a></li> | <li><a href='Reading and Writing a Serial Port from the Command Line'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='Serial Helper'>title</a></li> | <li><a href='serialhelper.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'serialhelper.de.html', 'en': u'serialhelper.html'}'>lang_links</a></li> | <li><a href='./input/serialhelper.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='4'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Serial Helper</h1>
 <p>SerialHelper is a Cross-Platform (Windows, Unix systems) Command Line Utility allowing read and write access to serial ports. Additionally, it can list the available serial ports.</p>
 <p><a href="https://github.com/xythobuz/SerialHelper">Github Repository</a></p>

output/software.de.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='software.de.html'>Deutsch</a></li> <li><a href='software.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Software
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Software</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='sw'>compat</a></li> | <li><a href='de'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Software'>title</a></li> | <li><a href='software.de.html'>url</a></li> | <li><a href='{u'de': u'software.de.html', 'en': u'software.html'}'>lang_links</a></li> | <li><a href='./input/software.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='3'>position</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Software</h1>
 <p>Dies sind meine Projekte, deren Schwerpunkt eher im Bereich Software liegen.</p>
 <ul>

output/software.html

@@ -49,21 +49,22 @@
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='software.de.html'>Deutsch</a></li> <li><a href='software.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Software
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Software</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='sw'>compat</a></li> | <li><a href='en'>lang</a></li> | <li><a href='main'>parent</a></li> | <li><a href='Software'>title</a></li> | <li><a href='software.html'>url</a></li> | <li><a href='{u'de': u'software.de.html', 'en': u'software.html'}'>lang_links</a></li> | <li><a href='./input/software.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='3'>position</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Software</h1>
 <p>These are my mostly software-related projects and articles.</p>
 <ul>

output/ssop28.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ssop28.de.html'>Deutsch</a></li> <li><a href='ssop28.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        SSOP28 - DIL Adapter
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>SSOP28 - DIL Adapter</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='SSOP28 - DIL Adapter'>title_de</a></li> | <li><a href='ssop28'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='SSOP28 to DIL Adapter with EAGLE board file'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='SSOP28 - DIL Adapter'>title</a></li> | <li><a href='ssop28.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'ssop28.de.html', 'en': u'ssop28.html'}'>lang_links</a></li> | <li><a href='./input/ssop28.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='3'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>SSOP28 - DIL Adapter</h1>
 <p>Hier das Layout eines SSOP28 - DIL Adapters:</p>
 <p><img alt="Layout" src="/img/ssop28.png" /></p>

output/ssop28.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ssop28.de.html'>Deutsch</a></li> <li><a href='ssop28.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        SSOP28 - DIL Adapter
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>SSOP28 - DIL Adapter</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='SSOP28 - DIL Adapter'>title_de</a></li> | <li><a href='ssop28'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='SSOP28 to DIL Adapter with EAGLE board file'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='SSOP28 - DIL Adapter'>title</a></li> | <li><a href='ssop28.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'ssop28.de.html', 'en': u'ssop28.html'}'>lang_links</a></li> | <li><a href='./input/ssop28.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='3'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>SSOP28 - DIL Adapter</h1>
 <p>This is a small PCB to use a SSOP28 SMT IC in a Breadboard or similar with 1" (2,54mm) pin-distance:</p>
 <p><img alt="Layout" src="/img/ssop28.png" /></p>

output/ultimatenotifier.de.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ultimatenotifier.de.html'>Deutsch</a></li> <li><a href='ultimatenotifier.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Ultimate Notifier Script
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Ultimate Notifier Script</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Ultimate Notifier Script'>title_de</a></li> | <li><a href='notifier'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Sending Push Notifications to an iPhone from a Bash Script'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='Ultimate Notifier Script'>title</a></li> | <li><a href='ultimatenotifier.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'ultimatenotifier.de.html', 'en': u'ultimatenotifier.html'}'>lang_links</a></li> | <li><a href='./input/ultimatenotifier.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='5'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Ultimate Notifier Script</h1>
 <p>Der Dienst <a href="http://ultimatenotifier.com/">Ultimate Notifier</a> erlaubt es relativ problemlos, zum Beispiel mittels curl Push-Notifications an ein iPhone zu senden. Darauf basierend können Shell Skripte geschrieben werden, welche regelmäßig als Cron-Job gestartet werden. So kann man sich zum Beispiel über eine geänderte Public IP informieren lassen. Dafür muss dieses Skript irgendwo gespeichert werden:</p>
 <pre class="sh_sh">

output/ultimatenotifier.html

@@ -60,21 +60,22 @@ t.parentNode.insertBefore(s, t);
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='ultimatenotifier.de.html'>Deutsch</a></li> <li><a href='ultimatenotifier.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        Ultimate Notifier Script
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>Ultimate Notifier Script</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='Ultimate Notifier Script'>title_de</a></li> | <li><a href='notifier'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='Sending Push Notifications to an iPhone from a Bash Script'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='Ultimate Notifier Script'>title</a></li> | <li><a href='ultimatenotifier.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'ultimatenotifier.de.html', 'en': u'ultimatenotifier.html'}'>lang_links</a></li> | <li><a href='./input/ultimatenotifier.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='5'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>Ultimate Notifier Script</h1>
 <p>The service <a href="http://ultimatenotifier.com">Ultimate Notifier</a> allows you to send Push-Notification to your iPhone easily. Based on this, you can write shell scripts that are executed regularly via cron. This could inform you about a changed public IP. To do this, save this script somewhere:</p>
 <pre class="sh_sh">

output/xycontrol.html

@@ -63,19 +63,22 @@ https://github.com/xythobuz/xyControl
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='xycontrol.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        xyControl
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>xyControl</h2>
-    </div>
-
-    
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <p><img alt="Logo" src="http://www.xythobuz.de/xycontrol/logo.png" /></p>
 <h3>Current Progress</h3>
 <iframe width="560" height="315" src="http://www.youtube-nocookie.com/embed/b5MhLgDhQ2c" frameborder="0" allowfullscreen></iframe>

output/xyrobot.de.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/xyRobot
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='xyrobot.de.html'>Deutsch</a></li> <li><a href='xyrobot.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        xyRobot
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>xyRobot</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='xyRobot'>title_de</a></li> | <li><a href='rob'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/xyRobot'>github</a></li> | <li><a href='ATMega2560 robotics platform with Gameboy Camera'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='xyRobot'>title</a></li> | <li><a href='xyrobot.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'xyrobot.de.html', 'en': u'xyrobot.html'}'>lang_links</a></li> | <li><a href='./input/xyrobot.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='2'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>xyRobot</h1>
 <p>Dies ist mein kleines Roboterprojekt. Eine eigene Platine mit einem AtMega2560 steuert den Roboter. Angeschlossen sind unter anderem mein <a href="/bluetooth.html">Bluetooth Modul</a>, eine <a href="http://www.angelfire.com/de3/juliprograms/amr/gbcam.htm">Gameboy Kamera</a> und mein <a href="/k6x4008.html">RAM Modul</a>. Vom <a href="http://www.rn-wissen.de/index.php/RN-KeyLCD">Roboternetz</a> stammen das <a href="http://www.shop.robotikhardware.de/shop/catalog/product_info.php?products_id=112">RN-KeyLCD</a> und der <a href="http://www.roboternetz.de">RN-VN2 Motortreiber</a>.</p>
 <p>Die aktuelle Software sowie Eagle Dateien der Platine finden sich auf <a href="https://github.com/xythobuz/xyRobot">GitHub</a>.</p>

output/xyrobot.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/xyRobot
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='xyrobot.de.html'>Deutsch</a></li> <li><a href='xyrobot.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        xyRobot
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>xyRobot</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='xyRobot'>title_de</a></li> | <li><a href='rob'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/xyRobot'>github</a></li> | <li><a href='ATMega2560 robotics platform with Gameboy Camera'>description</a></li> | <li><a href='hardware'>parent</a></li> | <li><a href='xyRobot'>title</a></li> | <li><a href='xyrobot.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'xyrobot.de.html', 'en': u'xyrobot.html'}'>lang_links</a></li> | <li><a href='./input/xyrobot.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='2'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>xyRobot</h1>
 <p>This is my robot project. A self-made PCB with an AtMega2560 controls everything. The robot has a <a href="/bluetooth.html">Bluetooth module</a>, a <a href="http://www.angelfire.com/de3/juliprograms/amr/gbcam.htm">Gameboy Camera</a> and my <a href="/k6x4008.html">RAM module</a>. I bought the <a href="http://www.rn-wissen.de/index.php/RN-KeyLCD">RN-KeyLCD</a> and the <a href="http://www.shop.robotikhardware.de/shop/catalog/product_info.php?products_id=112">RN-VN2</a> from <a href="http://www.roboternetz.de">Roboternetz</a>.</p>
 <p>The current software as well as Eagle files of the PCB are on <a href="https://github.com/xythobuz/xyRobot">GitHub</a>.</p>

output/xyrobotremote.de.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/xyRobot/tree/master/xyRobotRemote
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='xyrobotremote.de.html'>Deutsch</a></li> <li><a href='xyrobotremote.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        xyRobotRemote
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>xyRobotRemote</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='xyRobotRemote'>title_de</a></li> | <li><a href='xyrobotremote'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/xyRobot/tree/master/xyRobotRemote'>github</a></li> | <li><a href='Java Swing App to remote-control a robot'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='xyRobotRemote'>title</a></li> | <li><a href='xyrobotremote.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'xyrobotremote.de.html', 'en': u'xyrobotremote.html'}'>lang_links</a></li> | <li><a href='./input/xyrobotremote.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='3'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>xyRobotRemote</h1>
 <p>xyRobotRemote ist eine Cross-Plattform Java GUI App. Sie dient der Fernsteuerung des <a href="/index.php?p=rob">xyRobot</a> Roboters.</p>
 <p><a href="/img/xyremote.png"><img alt="New Screenshot" src="/img/xyremote_small.png" /></a>

output/xyrobotremote.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/xyRobot/tree/master/xyRobotRemote
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='xyrobotremote.de.html'>Deutsch</a></li> <li><a href='xyrobotremote.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        xyRobotRemote
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>xyRobotRemote</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='xyRobotRemote'>title_de</a></li> | <li><a href='xyrobotremote'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/xyRobot/tree/master/xyRobotRemote'>github</a></li> | <li><a href='Java Swing App to remote-control a robot'>description</a></li> | <li><a href='xyrobot'>parent</a></li> | <li><a href='xyRobotRemote'>title</a></li> | <li><a href='xyrobotremote.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'xyrobotremote.de.html', 'en': u'xyrobotremote.html'}'>lang_links</a></li> | <li><a href='./input/xyrobotremote.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='3'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>xyRobotRemote</h1>
 <p>xyRobotRemote is a Cross-Platform Java GUI App. It controls the <a href="/index.php?p=rob">xyRobot</a>.</p>
 <p><a href="/img/xyremote.png"><img alt="New Screenshot" src="/img/xyremote_small.png" /></a>

output/yasab.de.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/yasab
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='yasab.de.html'>Deutsch</a></li> <li><a href='yasab.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        YASAB AVR Bootloader
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>YASAB AVR Bootloader</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='YASAB AVR Bootloader'>title_de</a></li> | <li><a href='yasab'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/yasab'>github</a></li> | <li><a href='Yet another simple AVR Bootloader with Upload Software for Unix and Android.'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='YASAB AVR Bootloader'>title</a></li> | <li><a href='yasab.de.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='de'>lang</a></li> | <li><a href='{u'de': u'yasab.de.html', 'en': u'yasab.html'}'>lang_links</a></li> | <li><a href='./input/yasab.de.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='6'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>YASAB - Yet another simple AVR Bootloader</h1>
 <p>YASAB ist ein einfacher AVR Bootloader, geschrieben in C für die <a href="http://www.nongnu.org/avr-libc/">AVR libc</a>. Von einem PC-Programm aus werden die Daten über ein simples Protokoll per UART an den AVR gesendet. Wurde der Bootloader für den ATmega168, 128x oder 256x kompiliert, wird sowohl auf USART0 als auch auf USART1 Daten erwartet. <a href="https://github.com/xythobuz/yasab">Der aktuellste Quellcode findet sich stets im Github Repository</a>. Die Upload Software kann einfach statt avrdude oder ähnlichem in makefiles eingebaut werden.</p>
 <p>Außerdem implementiert meine <a href="https://github.com/xythobuz/xyControl/tree/master/tools/xyCopter">Android App xyCopter</a> einen YASAB kompatiblen Uploader über <a href="/bluetooth.html">Bluetooth</a>.</p>

output/yasab.html

@@ -63,21 +63,22 @@ https://github.com/xythobuz/yasab
 <li><a href="/serialdebug.html">Serial Debug</a></li>
 <li><a href="/ledmatrix.html">LED Matrix</a></li>
 </ul>
+                <li class="divider-vertical"></li>
+                <li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
+<li><a href='yasab.de.html'>Deutsch</a></li> <li><a href='yasab.html'>English</a></li>
+</ul></div></li>
+
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        YASAB AVR Bootloader
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>YASAB AVR Bootloader</h2>
-    </div>
-
-    <div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">
-<li><a href='YASAB AVR Bootloader'>title_de</a></li> | <li><a href='yasab'>compat</a></li> | <li><a href='true'>reddit</a></li> | <li><a href='https://github.com/xythobuz/yasab'>github</a></li> | <li><a href='Yet another simple AVR Bootloader with Upload Software for Unix and Android.'>description</a></li> | <li><a href='software'>parent</a></li> | <li><a href='YASAB AVR Bootloader'>title</a></li> | <li><a href='yasab.html'>url</a></li> | <li><a href='xythobuz'>twitter</a></li> | <li><a href='true'>comments</a></li> | <li><a href='en'>lang</a></li> | <li><a href='{u'de': u'yasab.de.html', 'en': u'yasab.html'}'>lang_links</a></li> | <li><a href='./input/yasab.md'>fname</a></li> | <li><a href='[u'de', 'en']'>other_lang</a></li> | <li><a href='true'>print</a></li> | <li><a href='6'>position</a></li> | <li><a href='true'>flattr</a></li>
-</ul></div>
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         <h1>YASAB - Yet another simple AVR Bootloader</h1>
 <p>YASAB is a simple AVR Bootloader, written in C for the <a href="http://www.nongnu.org/avr-libc/">AVR libc</a>. A PC Program sends the data to be programmed with a simple protocol via UART to the AVR. If the bootloader was compiled for the ATmega168, 128x or 256x, it will listen on both USART0 and USART1 for serial communication attempts. <a href="https://github.com/xythobuz/yasab">The most recent source code can be found in the Github Repository</a>. The Upload software can easily be used in place of avrdude in makefiles.</p>
 <p>Another YASAB compatible Uploader implementation is in my <a href="https://github.com/xythobuz/xyControl/tree/master/tools/xyCopter">xyCopter Android App</a>, using <a href="/bluetooth.html">Bluetooth</a>.</p>

page.html

@@ -70,24 +70,24 @@
                         else:
                             print(entry % (htmlspecialchars(p["url"]), htmlspecialchars(p["title"])))
                 %-->
+                <li class="divider-vertical"></li>
+                <!--%
+                        print '<li><div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">'
+                        print " ".join(["<li><a href='%s'>%s</a></li>" % (url, lang) for lang, url in page["lang_links"].iteritems()]).replace(">en<", ">English<").replace(">de<", ">Deutsch<")
+                        print "</ul></div></li>"
+                        print ''
+                %-->
+                <li class="divider-vertical"></li>
+                <li>
+                    <p class="navbar-text">
+                        {{ page.get("funny", htmlspecialchars(page["title"])) }}
+                    </p>
+                </li>
             </ul>
         </div>
     </div>
 
-    <div id="header">
-        <h1>xythobuz.de</h1>
-        <p><a href="http://xythobuz.de/lastmusic">♫</a></p>
-        <h2>{{ page.get("funny", htmlspecialchars(page["title"])) }}</h2>
-    </div>
-
-    <!--%
-        if len("".join(["%s" % lang for lang in page["lang_links"]])) > 2:
-            print '<div class="btn-group"><a class="btn dropdown-toggle" data-toggle="dropdown" href="#">Language<span class="caret"></span></a><ul class="dropdown-menu">'
-            print " | ".join(["<li><a href='%s'>%s</a></li>" % (url, lang) for lang, url in page.iteritems()])
-            print "</ul></div>"
-    %-->
-
-    <div id="content">
+    <div style="width: 75%; margin-left: auto; margin-right: auto;">
         {{ __content__ }}
         <!--%
             import sys