From 2cc86a1826b0fb06024059252277d192b741d3ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=2E=20Fernando=20S=C3=A1nchez?= <balkian@gmail.com>
Date: Tue, 8 Jan 2019 18:22:33 +0100
Subject: [PATCH] Generate Pelican site

---
 arch-linux-fixes.html                         | 174 +++---
 archives.html                                 | 176 +++---
 author/j-fernando-sanchez.html                | 365 ++++++------
 author/j-fernando-sanchez2.html               | 230 ++++----
 authors.html                                  | 176 +++---
 categories.html                               | 181 +++---
 category/cheats.html                          | 228 ++++----
 category/misc.html                            | 345 ++++++-----
 controlling-zigbee-devices-with-mqtt.html     | 269 +++++++++
 creating-my-web.html                          | 174 +++---
 feeds/all.atom.xml                            | 214 ++++++-
 feeds/cheats.atom.xml                         |  36 +-
 feeds/misc.atom.xml                           | 180 +++++-
 fonts/glyphiconshalflings-regular.eot         | Bin
 fonts/glyphiconshalflings-regular.svg         |   0
 fonts/glyphiconshalflings-regular.ttf         | Bin
 fonts/glyphiconshalflings-regular.woff        | Bin
 ...-vga-adapter-issues-with-raspberry-pi.html | 177 +++---
 index.html                                    | 365 ++++++------
 index2.html                                   | 230 ++++----
 org-mode-tricks.html                          | 174 +++---
 pages/projects.html                           | 174 +++---
 pages/to-do.html                              | 193 ------
 pptp-connections.html                         | 166 ++++++
 progress-bars-in-python.html                  | 176 +++---
 proxies-with-apache-and-python.html           | 178 +++---
 publishing-on-pypi.html                       | 180 +++---
 remove-git-files-with-globbing.html           | 174 +++---
 sharing-dotfiles.html                         | 174 +++---
 tag/apache.html                               | 207 ++++---
 tag/arch.html                                 | 163 +++---
 tag/dotfiles.html                             | 169 +++---
 tag/editor.html                               | 171 +++---
 tag/emacs.html                                | 171 +++---
 tag/git.html                                  | 220 ++++---
 tag/github.html                               | 230 ++++----
 tag/gunicorn.html                             | 177 +++---
 tag/heroku.html                               | 169 +++---
 tag/iot.html                                  | 165 ++++++
 tag/javascript.html                           | 204 ++++---
 tag/linux.html                                | 182 +++---
 tag/mqtt.html                                 | 165 ++++++
 tag/nginx.html                                | 173 +++---
 tag/openwrt.html                              | 165 ++++++
 tag/org.html                                  | 171 +++---
 tag/productivity.html                         | 171 +++---
 tag/proxy.html                                | 177 +++---
 tag/pypi.html                                 | 169 +++---
 tag/python.html                               | 245 ++++----
 tag/router.html                               | 165 ++++++
 tag/rpi.html                                  | 159 +++--
 tag/ruby.html                                 | 178 +++---
 tag/starters.html                             | 178 +++---
 tag/uwsgi.html                                | 177 +++---
 tag/webdav.html                               | 173 +++---
 tag/zigbee.html                               | 165 ++++++
 tag/zotero.html                               | 173 +++---
 tags.html                                     | 205 ++++---
 theme/css/main-desktop.css                    |  33 +-
 theme/css/main-medium.css                     |  69 +--
 theme/css/main-xs.css                         |  10 +-
 theme/css/main.css                            | 552 +++++++++++++-----
 .../font/fontawesome-webfont.eot              | Bin
 .../font/fontawesome-webfont.svg              |   0
 .../font/fontawesome-webfont.ttf              | Bin
 .../font/fontawesome-webfont.woff             | Bin
 updating-eurolovemap.html                     | 174 +++---
 zotero.html                                   | 174 +++---
 68 files changed, 6431 insertions(+), 4927 deletions(-)
 create mode 100644 controlling-zigbee-devices-with-mqtt.html
 mode change 100644 => 100755 fonts/glyphiconshalflings-regular.eot
 mode change 100644 => 100755 fonts/glyphiconshalflings-regular.svg
 mode change 100644 => 100755 fonts/glyphiconshalflings-regular.ttf
 mode change 100644 => 100755 fonts/glyphiconshalflings-regular.woff
 delete mode 100644 pages/to-do.html
 create mode 100644 pptp-connections.html
 create mode 100644 tag/iot.html
 create mode 100644 tag/mqtt.html
 create mode 100644 tag/openwrt.html
 create mode 100644 tag/router.html
 create mode 100644 tag/zigbee.html
 mode change 100644 => 100755 theme/css/main-desktop.css
 mode change 100644 => 100755 theme/css/main.css
 mode change 100644 => 100755 theme/font-awesome-old/font/fontawesome-webfont.eot
 mode change 100644 => 100755 theme/font-awesome-old/font/fontawesome-webfont.svg
 mode change 100644 => 100755 theme/font-awesome-old/font/fontawesome-webfont.ttf
 mode change 100644 => 100755 theme/font-awesome-old/font/fontawesome-webfont.woff

diff --git a/arch-linux-fixes.html b/arch-linux-fixes.html
index 9da155d..6eaca08 100644
--- a/arch-linux-fixes.html
+++ b/arch-linux-fixes.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  class="active"
+ >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="org-mode-tricks.html">Org-mode tricks</a></span>
@@ -137,7 +70,64 @@
 
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/archives.html b/archives.html
index 4b562c5..6382cb1 100644
--- a/archives.html
+++ b/archives.html
@@ -15,108 +15,45 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <h1>Archives for balkian.com</h1>
 
 <dl>
+    <dt>Sun 06 January 2019</dt>
+    <dd><a href="http://balkian.com/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dd>
     <dt>Sat 07 January 2017</dt>
     <dd><a href="http://balkian.com/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dd>
+    <dt>Sun 01 January 2017</dt>
+    <dd><a href="http://balkian.com/pptp-connections.html">PPTP connections</a></dd>
     <dt>Wed 28 September 2016</dt>
     <dd><a href="http://balkian.com/progress-bars-in-python.html">Progress bars in python</a></dd>
     <dt>Wed 03 February 2016</dt>
@@ -139,7 +76,64 @@
     <dd><a href="http://balkian.com/creating-my-web.html">Creating my web</a></dd>
 </dl>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/author/j-fernando-sanchez.html b/author/j-fernando-sanchez.html
index 980a237..d43d0be 100644
--- a/author/j-fernando-sanchez.html
+++ b/author/j-fernando-sanchez.html
@@ -15,114 +15,63 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 2</span>
+  <!-- <span class="page_number ">Page 1 of 2</span> -->
     <span class="nextpage"><a href="/page2"> Older Posts </a> <i class="icon-double-angle-right"></i></span>
 </div>
 
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
-  <span class="date">2017-01-07</span>
-      <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/controlling-zigbee-devices-with-mqtt.html" class="title">Controlling Zigbee devices with MQTT</a></h2>
+    <span class="date">2019-01-06</span>
+        <a class="tag" href="/tag/mqtt.html"><span class="label">mqtt</span></a>
+        <a class="tag" href="/tag/iot.html"><span class="label">iot</span></a>
+        <a class="tag" href="/tag/zigbee.html"><span class="label">zigbee</span></a>
+  </div>
+  <div class="excerpt">
+    <p>This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.</p>
+<p>If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …</p>
+  </div>
+  <div class="readmore"><a href="/controlling-zigbee-devices-with-mqtt.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
+    <span class="date">2017-01-07</span>
+        <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
   </div>
   <div class="excerpt">
     <p>Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.</p>
@@ -138,11 +87,28 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
-  <span class="date">2016-09-28</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/pptp-connections.html" class="title">PPTP connections</a></h2>
+    <span class="date">2017-01-01</span>
+        <a class="tag" href="/tag/openwrt.html"><span class="label">openwrt</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+        <a class="tag" href="/tag/router.html"><span class="label">router</span></a>
+  </div>
+  <div class="excerpt">
+    <table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>opkg install kmod-nf-nathelper-extra
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/pptp-connections.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
+    <span class="date">2016-09-28</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://github.com/noamraph/tqdm">tqdm</a> is a nice way to add progress bars in the command line or in a jupyter notebook.</p>
@@ -159,12 +125,14 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/progress-bars-in-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
-  <span class="date">2016-02-03</span>
-      <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
-      <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+  <div class="readmore"><a href="/progress-bars-in-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
+    <span class="date">2016-02-03</span>
+        <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="black-screen-and-lightdm-doesn-t-unlock">
@@ -177,14 +145,16 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/arch-linux-fixes.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
-  <span class="date">2015-12-10</span>
-      <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
-      <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
-      <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
-      <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
+  <div class="readmore"><a href="/arch-linux-fixes.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
+    <span class="date">2015-12-10</span>
+        <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
+        <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
+        <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
+        <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="show-plain-text-version">
@@ -194,44 +164,50 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/org-mode-tricks.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
-  <span class="date">2015-04-10</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-      <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
+  <div class="readmore"><a href="/org-mode-tricks.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
+    <span class="date">2015-04-10</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+        <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
   </div>
   <div class="excerpt">
     <p>Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.</p>
 <p>As part of moving to emacs, I starting using the incredibly useful <a class="reference external" href="https://github.com/defunkt/gist.el">gh.el</a>.
-When you first use it, the extension saves either ...</p>
+When you first use it, the extension saves either your …</p>
   </div>
-  <div class="readmore"><a href="/sharing-dotfiles.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/zotero.html" class="title">Zotero</a></h2>
-  <span class="date">2014-12-09</span>
-      <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
-      <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
-      <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+  <div class="readmore"><a href="/sharing-dotfiles.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/zotero.html" class="title">Zotero</a></h2>
+    <span class="date">2014-12-09</span>
+        <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
+        <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
+        <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://www.zotero.org/">Zotero</a> is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as <a class="reference external" href="http://www.mendeley.com">Mendeley</a>, Zotero can
 upload the attachments and data to a private cloud via WebDav.</p>
-<p>If you use nginx as your web server, know that even though it provides ...</p>
+<p>If you use nginx as your web server, know that even though it provides …</p>
   </div>
-  <div class="readmore"><a href="/zotero.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="readmore"><a href="/zotero.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -244,52 +220,26 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
-  <span class="date">2014-09-27</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
+    <span class="date">2014-09-27</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
   </div>
   <div class="excerpt">
     <p>Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
-to publish your package in less than 10 ...</p>
+to publish your package in less than 10 …</p>
   </div>
-  <div class="readmore"><a href="/publishing-on-pypi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
-  <span class="date">2014-03-27</span>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  <div class="readmore"><a href="/publishing-on-pypi.html"> Read more...</a></div>
   </div>
-  <div class="excerpt">
-    <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
-hackathon</a>
-we decided to build a prototype that would allow us to compare how
-different countries feel about several topics. We used the OpeNER
-pipeline to get the sentiment from a set of newspaper articles we
-gathered from media in several languages. Then we aggregated ...</p>
-  </div>
-  <div class="readmore"><a href="/updating-eurolovemap.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-  </div>
-  <div class="excerpt">
-    <p>A simple trick. If you want to remove all the '.swp' files from a git
-repository, just use:</p>
-<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>git rm --cached <span class="s1">&#39;\*\*.swp&#39;</span>
-</pre></div>
-</td></tr></table>
-  </div>
-  <div class="readmore"><a href="/remove-git-files-with-globbing.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -297,7 +247,64 @@ repository, just use:</p>
     <span class="nextpage"><a href="/page2"> Older Posts </a> <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/author/j-fernando-sanchez2.html b/author/j-fernando-sanchez2.html
index 083e3b9..4896363 100644
--- a/author/j-fernando-sanchez2.html
+++ b/author/j-fernando-sanchez2.html
@@ -15,126 +15,95 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage"><i class="icon-double-angle-left"></i><a href="/"> Newer Posts</a></span>
-  <span class="page_number ">Page 2 of 2</span>
+  <!-- <span class="page_number ">Page 2 of 2</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
+    <span class="date">2014-03-27</span>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  </div>
+  <div class="excerpt">
+    <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
+hackathon</a>
+we decided to build a prototype that would allow us to compare how
+different countries feel about several topics. We used the OpeNER
+pipeline to get the sentiment from a set of newspaper articles we
+gathered from media in several languages. Then we aggregated …</p>
+  </div>
+  <div class="readmore"><a href="/updating-eurolovemap.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  </div>
+  <div class="excerpt">
+    <p>A simple trick. If you want to remove all the '.swp' files from a git
+repository, just use:</p>
+<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>git rm --cached <span class="s1">&#39;\*\*.swp&#39;</span>
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/remove-git-files-with-globbing.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage"><i class="icon-chevron-sign-left"></i><a href="/page<bound method Page.previous_page_number of <Page 2 of 2>>"> Newer Posts</a></span>
@@ -142,7 +111,64 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/authors.html b/authors.html
index e332f1c..08c8939 100644
--- a/authors.html
+++ b/authors.html
@@ -15,109 +15,99 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
     <h1>Authors on balkian.com</h1>
-
-    <ul>        <li><a href="http://balkian.com/author/j-fernando-sanchez.html">J. Fernando Sánchez</a> (11)</li>
+    <ul>
+        <li><a href="http://balkian.com/author/j-fernando-sanchez.html">J. Fernando Sánchez</a> (13)</li>
     </ul>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/categories.html b/categories.html
index 362f54d..47fef8d 100644
--- a/categories.html
+++ b/categories.html
@@ -15,109 +15,100 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
-<ul>
-    <li><a href="http://balkian.com/category/cheats.html">cheats</a></li>
-    <li><a href="http://balkian.com/category/misc.html">misc</a></li>
-</ul>
+    <h1>Categories on balkian.com</h1>
+    <ul>
+        <li><a href="http://balkian.com/category/cheats.html">cheats</a> (4)</li>
+        <li><a href="http://balkian.com/category/misc.html">misc</a> (9)</li>
+    </ul>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/category/cheats.html b/category/cheats.html
index dd189af..a30e0d7 100644
--- a/category/cheats.html
+++ b/category/cheats.html
@@ -15,109 +15,49 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  class="active"
+ >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
-  <span class="date">2017-01-07</span>
-      <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
+    <span class="date">2017-01-07</span>
+        <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
   </div>
   <div class="excerpt">
     <p>Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.</p>
@@ -133,12 +73,29 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
-  <span class="date">2016-02-03</span>
-      <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
-      <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/pptp-connections.html" class="title">PPTP connections</a></h2>
+    <span class="date">2017-01-01</span>
+        <a class="tag" href="/tag/openwrt.html"><span class="label">openwrt</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+        <a class="tag" href="/tag/router.html"><span class="label">router</span></a>
+  </div>
+  <div class="excerpt">
+    <table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>opkg install kmod-nf-nathelper-extra
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/pptp-connections.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
+    <span class="date">2016-02-03</span>
+        <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="black-screen-and-lightdm-doesn-t-unlock">
@@ -151,14 +108,16 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/arch-linux-fixes.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
-  <span class="date">2015-12-10</span>
-      <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
-      <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
-      <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
-      <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
+  <div class="readmore"><a href="/arch-linux-fixes.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
+    <span class="date">2015-12-10</span>
+        <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
+        <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
+        <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
+        <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="show-plain-text-version">
@@ -168,7 +127,8 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/org-mode-tricks.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/org-mode-tricks.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -176,7 +136,63 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
+      <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
+      <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
+      <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
+      <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/category/misc.html b/category/misc.html
index 21011a8..28c2e2d 100644
--- a/category/misc.html
+++ b/category/misc.html
@@ -15,120 +15,64 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-                <dt><a href="/zotero.html">Zotero</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
-                <dt><a href="/publishing-on-pypi.html">Publishing on PyPi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/pypi.html">pypi</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
-  <span class="date">2016-09-28</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/controlling-zigbee-devices-with-mqtt.html" class="title">Controlling Zigbee devices with MQTT</a></h2>
+    <span class="date">2019-01-06</span>
+        <a class="tag" href="/tag/mqtt.html"><span class="label">mqtt</span></a>
+        <a class="tag" href="/tag/iot.html"><span class="label">iot</span></a>
+        <a class="tag" href="/tag/zigbee.html"><span class="label">zigbee</span></a>
+  </div>
+  <div class="excerpt">
+    <p>This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.</p>
+<p>If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …</p>
+  </div>
+  <div class="readmore"><a href="/controlling-zigbee-devices-with-mqtt.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
+    <span class="date">2016-09-28</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://github.com/noamraph/tqdm">tqdm</a> is a nice way to add progress bars in the command line or in a jupyter notebook.</p>
@@ -145,44 +89,50 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/progress-bars-in-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
-  <span class="date">2015-04-10</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-      <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
+  <div class="readmore"><a href="/progress-bars-in-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
+    <span class="date">2015-04-10</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+        <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
   </div>
   <div class="excerpt">
     <p>Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.</p>
 <p>As part of moving to emacs, I starting using the incredibly useful <a class="reference external" href="https://github.com/defunkt/gist.el">gh.el</a>.
-When you first use it, the extension saves either ...</p>
+When you first use it, the extension saves either your …</p>
   </div>
-  <div class="readmore"><a href="/sharing-dotfiles.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/zotero.html" class="title">Zotero</a></h2>
-  <span class="date">2014-12-09</span>
-      <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
-      <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
-      <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+  <div class="readmore"><a href="/sharing-dotfiles.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/zotero.html" class="title">Zotero</a></h2>
+    <span class="date">2014-12-09</span>
+        <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
+        <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
+        <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://www.zotero.org/">Zotero</a> is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as <a class="reference external" href="http://www.mendeley.com">Mendeley</a>, Zotero can
 upload the attachments and data to a private cloud via WebDav.</p>
-<p>If you use nginx as your web server, know that even though it provides ...</p>
+<p>If you use nginx as your web server, know that even though it provides …</p>
   </div>
-  <div class="readmore"><a href="/zotero.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="readmore"><a href="/zotero.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -195,29 +145,33 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
-  <span class="date">2014-09-27</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
+    <span class="date">2014-09-27</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
   </div>
   <div class="excerpt">
     <p>Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
-to publish your package in less than 10 ...</p>
+to publish your package in less than 10 …</p>
   </div>
-  <div class="readmore"><a href="/publishing-on-pypi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
-  <span class="date">2014-03-27</span>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  <div class="readmore"><a href="/publishing-on-pypi.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
+    <span class="date">2014-03-27</span>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
   </div>
   <div class="excerpt">
     <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
@@ -225,13 +179,15 @@ hackathon</a>
 we decided to build a prototype that would allow us to compare how
 different countries feel about several topics. We used the OpeNER
 pipeline to get the sentiment from a set of newspaper articles we
-gathered from media in several languages. Then we aggregated ...</p>
+gathered from media in several languages. Then we aggregated …</p>
   </div>
-  <div class="readmore"><a href="/updating-eurolovemap.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="readmore"><a href="/updating-eurolovemap.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>A simple trick. If you want to remove all the '.swp' files from a git
@@ -240,23 +196,27 @@ repository, just use:</p>
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/remove-git-files-with-globbing.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="readmore"><a href="/remove-git-files-with-globbing.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -264,7 +224,70 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+      <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
+      <dt><a href="/zotero.html">Zotero</a></dt>
+      <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
+      <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
+      <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
+      <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
+      <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/controlling-zigbee-devices-with-mqtt.html b/controlling-zigbee-devices-with-mqtt.html
new file mode 100644
index 0000000..8faf126
--- /dev/null
+++ b/controlling-zigbee-devices-with-mqtt.html
@@ -0,0 +1,269 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>balkian.com - Controlling Zigbee devices with MQTT
+</title>
+    <meta name="viewport" content="width=device-width">
+
+    <!-- syntax highlighting CSS -->
+    <link rel="stylesheet" href="/theme/css/solarized.css">
+    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
+    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
+
+    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
+
+    <!-- Custom CSS -->
+    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="container" class="container">
+      <div id="contentwrapper">
+        <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
+          <!--Body content-->
+<div class="postnav">
+  <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></span>
+</div>
+<div class="posthead">
+  <h2 class="title">Controlling Zigbee devices with MQTT</h2>
+  <span class="meta date">2019-01-06</span>
+      <span class="tag"><a href="/tag/mqtt.html" class="label label-default">mqtt</a></span>
+      <span class="tag"><a href="/tag/iot.html" class="label label-default">iot</a></span>
+      <span class="tag"><a href="/tag/zigbee.html" class="label label-default">zigbee</a></span>
+</div>
+
+<div class="post">
+ <p>This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.</p>
+<p>If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon dash buttons to control them.
+To keep these (cheap Chinese) internet enabled devices away from your network and their respective cloud services, you'll probably want to set up a dedicated network in your router (more on this on a future post, maybe).
+Another disadvantage of WiFi devices is that they're relatively power hungry.</p>
+<p>A popular alternative is using ZigBee for communication.
+It is a dedicated protocol similar to bluetooth (BLE), with lower power requirements and bitrate.</p>
+<p>Take the (super cute) aqara cube as an example.
+It is a small cube that detects rotation on all of its axes, and tapping events.
+Here's a video:</p>
+<div class="youtube youtube-16x9"><iframe src="https://www.youtube.com/embed/5YtqG1wEnng" allowfullscreen seamless frameBorder="0"></iframe></div><p>To connect to zigbee devices you will need a zigbee enabled gateway (a.k.a. hub), which connects to your WiFi network and your zigbee devices.
+Once again, this means adding an internet-enabled device to your home, and probably a couple of cloud services.</p>
+<p>As an alternative, you can set up your own zigbee gateway, and control it to your home automation platform of choice (e.g. home assistant).
+We will cover how to set up a zigbee2mqtt gateway that is also connected to an MQTT server, so you can use MQTT to control your devices and get notifications.</p>
+<p>What you need:</p>
+<ul class="simple">
+<li><a class="reference external" href="https://www.aliexpress.com/item/Original-Xiaomi-Mi-Aqara-Cube-Smart-Home-Controller-6-Action-Operation-Fr-Home-Device-Zigbee-Version/32892947622.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI">Aqara cube</a>.</li>
+<li><a class="reference external" href="https://www.aliexpress.com/item/Wireless-Zigbee-CC2531-CC2540-Zigbee-Sniffer-Bluetooth-BLE-4-0-Dongle-Capture-Module-USB-Programmer-Downloader/32907587711.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI">CC2531 zigbee sniffer</a>.</li>
+<li><a class="reference external" href="https://www.aliexpress.com/item/CFSUNBIRD-CC-DEBUGGER-Debugger-and-Programmer-for-RF-System-on-Chips-TI-ORIGINAL-Fast-hipping/32813122315.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI">CC-debugger</a>.</li>
+</ul>
+<p>You will need to flash your sniffer.
+For that, you only need to follow the instructions from the <a class="reference external" href="https://koenkk.github.io/zigbee2mqtt/">zigbee2mqtt documentation</a>.</p>
+<p>Once you're done flashing, you're ready to set up the zigbee2mqtt server.
+For convenience, I wrote a simple docker-compose to deploy a zigbee2mqtt server and a test mosquitto server:</p>
+<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre> 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24
+25
+26
+27
+28
+29
+30
+31
+32
+33</pre></div></td><td class="code"><div class="highlight"><pre><span></span>version: &#39;2.1&#39;
+services:
+  zigbee2mqtt:
+    image: koenkk/zigbee2mqtt
+    container_name: zigbee2mqtt
+    restart: always
+    volumes:
+      - ./z2m-data/:/app/data/
+    devices:
+      - &quot;/dev/ttyACM0&quot;
+    networks:
+        - hass
+  mqtt:
+    image: eclipse-mosquitto
+    ports:
+       - 1883:1883
+       - 9001:9001
+    networks:
+        - hass
+    volumes:
+      - ./mosquitto.conf:/mosquitto/config/mosquitto.conf
+  hass:
+    image: homeassistant/home-assistant
+    ports:
+      - &quot;8123:8123&quot;
+    networks:
+      - hass
+    volumes:
+      - ./hass-config:/config
+      - &quot;/etc/localtime:/etc/localtime:ro&quot;
+networks:
+  hass:
+    driver: overlay
+</pre></div>
+</td></tr></table><p>You can test your installation with:</p>
+<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1
+2
+3
+4
+5
+6</pre></div></td><td class="code"><div class="highlight"><pre><span></span> ❯ mosquitto_sub -h localhost -p <span class="m">1883</span> -t <span class="s1">&#39;zigbee2mqtt/#&#39;</span>
+online
+<span class="o">{</span><span class="s2">&quot;battery&quot;</span>:17,<span class="s2">&quot;voltage&quot;</span>:2925,<span class="s2">&quot;linkquality&quot;</span>:149,<span class="s2">&quot;action&quot;</span>:<span class="s2">&quot;rotate_right&quot;</span>,<span class="s2">&quot;angle&quot;</span>:12.8<span class="o">}</span>
+<span class="o">{</span><span class="s2">&quot;battery&quot;</span>:17,<span class="s2">&quot;voltage&quot;</span>:2925,<span class="s2">&quot;linkquality&quot;</span>:141,<span class="s2">&quot;action&quot;</span>:<span class="s2">&quot;slide&quot;</span>,<span class="s2">&quot;side&quot;</span>:2<span class="o">}</span>
+<span class="o">{</span><span class="s2">&quot;battery&quot;</span>:17,<span class="s2">&quot;voltage&quot;</span>:2925,<span class="s2">&quot;linkquality&quot;</span>:120<span class="o">}</span>
+<span class="o">{</span><span class="s2">&quot;battery&quot;</span>:17,<span class="s2">&quot;voltage&quot;</span>:2925,<span class="s2">&quot;linkquality&quot;</span>:141,<span class="s2">&quot;action&quot;</span>:<span class="s2">&quot;wakeu</span>
+</pre></div>
+</td></tr></table><p>zigbee2mqtt supports the following events for the aqara cube: shake, wakeup, fall, tap, slide, flip180, flip90, rotate_left and rotate_right.
+Every event has additional information, such as the sides involved, or the degrees turned.</p>
+<p>Now you are ready to set up home assistant support in zigbee2mqtt following <a class="reference external" href="https://koenkk.github.io/zigbee2mqtt/integration/home_assistant.html">this guide</a>.</p>
+
+</div>
+        </div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
+      </div>
+      <footer role="contentinfo">
+        <div class="contact">
+          <p>
+          J. Fernando Sánchez Rada | balkian
+          </p>
+        </div>
+        <ul id="social">
+          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
+          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
+          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
+          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
+          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
+          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
+        </ul>
+          <p>
+          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
+          </p>
+      </footer>
+    </div>
+
+    <script src="/theme/js/jquery-2.0.2.min.js"></script>
+<!-- Piwik -->
+    <script type="text/javascript">
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+    var u="//piwik.sinpapel.es/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 2]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+    })();
+    </script>
+    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+    <!-- End Piwik Code -->
+
+    <!--<script src="/js/bootstrap.min.js"></script>-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/creating-my-web.html b/creating-my-web.html
index 56163d6..14fbd08 100644
--- a/creating-my-web.html
+++ b/creating-my-web.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class='nextpost'><a href="/remove-git-files-with-globbing.html">Remove git files with globbing</a> <i class="fa fa-chevron-right"></i></span>
@@ -170,7 +103,64 @@ jekyll serve -w
 
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/feeds/all.atom.xml b/feeds/all.atom.xml
index 0faa684..c3a0293 100644
--- a/feeds/all.atom.xml
+++ b/feeds/all.atom.xml
@@ -1,5 +1,113 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>balkian.com</title><link href="http://balkian.com/" rel="alternate"></link><link href="http://balkian.com/feeds/all.atom.xml" rel="self"></link><id>http://balkian.com/</id><updated>2017-01-07T18:00:00+01:00</updated><entry><title>HDMI-VGA adapter issues with Raspberry Pi</title><link href="http://balkian.com/hdmi-vga-adapter-issues-with-raspberry-pi.html" rel="alternate"></link><updated>2017-01-07T18:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2017-01-07:hdmi-vga-adapter-issues-with-raspberry-pi.html</id><summary type="html">&lt;p&gt;Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.&lt;/p&gt;
+<feed xmlns="http://www.w3.org/2005/Atom"><title>balkian.com</title><link href="http://balkian.com/" rel="alternate"></link><link href="http://balkian.com/feeds/all.atom.xml" rel="self"></link><id>http://balkian.com/</id><updated>2019-01-06T10:00:00+01:00</updated><entry><title>Controlling Zigbee devices with MQTT</title><link href="http://balkian.com/controlling-zigbee-devices-with-mqtt.html" rel="alternate"></link><published>2019-01-06T10:00:00+01:00</published><updated>2019-01-06T10:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2019-01-06:/controlling-zigbee-devices-with-mqtt.html</id><summary type="html">&lt;p&gt;This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.&lt;/p&gt;
+&lt;p&gt;If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …&lt;/p&gt;</summary><content type="html">&lt;p&gt;This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.&lt;/p&gt;
+&lt;p&gt;If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon dash buttons to control them.
+To keep these (cheap Chinese) internet enabled devices away from your network and their respective cloud services, you'll probably want to set up a dedicated network in your router (more on this on a future post, maybe).
+Another disadvantage of WiFi devices is that they're relatively power hungry.&lt;/p&gt;
+&lt;p&gt;A popular alternative is using ZigBee for communication.
+It is a dedicated protocol similar to bluetooth (BLE), with lower power requirements and bitrate.&lt;/p&gt;
+&lt;p&gt;Take the (super cute) aqara cube as an example.
+It is a small cube that detects rotation on all of its axes, and tapping events.
+Here's a video:&lt;/p&gt;
+&lt;div class="youtube youtube-16x9"&gt;&lt;iframe src="https://www.youtube.com/embed/5YtqG1wEnng" allowfullscreen seamless frameBorder="0"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;p&gt;To connect to zigbee devices you will need a zigbee enabled gateway (a.k.a. hub), which connects to your WiFi network and your zigbee devices.
+Once again, this means adding an internet-enabled device to your home, and probably a couple of cloud services.&lt;/p&gt;
+&lt;p&gt;As an alternative, you can set up your own zigbee gateway, and control it to your home automation platform of choice (e.g. home assistant).
+We will cover how to set up a zigbee2mqtt gateway that is also connected to an MQTT server, so you can use MQTT to control your devices and get notifications.&lt;/p&gt;
+&lt;p&gt;What you need:&lt;/p&gt;
+&lt;ul class="simple"&gt;
+&lt;li&gt;&lt;a class="reference external" href="https://www.aliexpress.com/item/Original-Xiaomi-Mi-Aqara-Cube-Smart-Home-Controller-6-Action-Operation-Fr-Home-Device-Zigbee-Version/32892947622.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI"&gt;Aqara cube&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;a class="reference external" href="https://www.aliexpress.com/item/Wireless-Zigbee-CC2531-CC2540-Zigbee-Sniffer-Bluetooth-BLE-4-0-Dongle-Capture-Module-USB-Programmer-Downloader/32907587711.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI"&gt;CC2531 zigbee sniffer&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;a class="reference external" href="https://www.aliexpress.com/item/CFSUNBIRD-CC-DEBUGGER-Debugger-and-Programmer-for-RF-System-on-Chips-TI-ORIGINAL-Fast-hipping/32813122315.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI"&gt;CC-debugger&lt;/a&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;You will need to flash your sniffer.
+For that, you only need to follow the instructions from the &lt;a class="reference external" href="https://koenkk.github.io/zigbee2mqtt/"&gt;zigbee2mqtt documentation&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;Once you're done flashing, you're ready to set up the zigbee2mqtt server.
+For convenience, I wrote a simple docker-compose to deploy a zigbee2mqtt server and a test mosquitto server:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt; 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24
+25
+26
+27
+28
+29
+30
+31
+32
+33&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;version: &amp;#39;2.1&amp;#39;
+services:
+  zigbee2mqtt:
+    image: koenkk/zigbee2mqtt
+    container_name: zigbee2mqtt
+    restart: always
+    volumes:
+      - ./z2m-data/:/app/data/
+    devices:
+      - &amp;quot;/dev/ttyACM0&amp;quot;
+    networks:
+        - hass
+  mqtt:
+    image: eclipse-mosquitto
+    ports:
+       - 1883:1883
+       - 9001:9001
+    networks:
+        - hass
+    volumes:
+      - ./mosquitto.conf:/mosquitto/config/mosquitto.conf
+  hass:
+    image: homeassistant/home-assistant
+    ports:
+      - &amp;quot;8123:8123&amp;quot;
+    networks:
+      - hass
+    volumes:
+      - ./hass-config:/config
+      - &amp;quot;/etc/localtime:/etc/localtime:ro&amp;quot;
+networks:
+  hass:
+    driver: overlay
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;You can test your installation with:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5
+6&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt; ❯ mosquitto_sub -h localhost -p &lt;span class="m"&gt;1883&lt;/span&gt; -t &lt;span class="s1"&gt;&amp;#39;zigbee2mqtt/#&amp;#39;&lt;/span&gt;
+online
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:149,&lt;span class="s2"&gt;&amp;quot;action&amp;quot;&lt;/span&gt;:&lt;span class="s2"&gt;&amp;quot;rotate_right&amp;quot;&lt;/span&gt;,&lt;span class="s2"&gt;&amp;quot;angle&amp;quot;&lt;/span&gt;:12.8&lt;span class="o"&gt;}&lt;/span&gt;
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:141,&lt;span class="s2"&gt;&amp;quot;action&amp;quot;&lt;/span&gt;:&lt;span class="s2"&gt;&amp;quot;slide&amp;quot;&lt;/span&gt;,&lt;span class="s2"&gt;&amp;quot;side&amp;quot;&lt;/span&gt;:2&lt;span class="o"&gt;}&lt;/span&gt;
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:120&lt;span class="o"&gt;}&lt;/span&gt;
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:141,&lt;span class="s2"&gt;&amp;quot;action&amp;quot;&lt;/span&gt;:&lt;span class="s2"&gt;&amp;quot;wakeu&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;zigbee2mqtt supports the following events for the aqara cube: shake, wakeup, fall, tap, slide, flip180, flip90, rotate_left and rotate_right.
+Every event has additional information, such as the sides involved, or the degrees turned.&lt;/p&gt;
+&lt;p&gt;Now you are ready to set up home assistant support in zigbee2mqtt following &lt;a class="reference external" href="https://koenkk.github.io/zigbee2mqtt/integration/home_assistant.html"&gt;this guide&lt;/a&gt;.&lt;/p&gt;
+</content><category term="mqtt"></category><category term="iot"></category><category term="zigbee"></category></entry><entry><title>HDMI-VGA adapter issues with Raspberry Pi</title><link href="http://balkian.com/hdmi-vga-adapter-issues-with-raspberry-pi.html" rel="alternate"></link><published>2017-01-07T18:00:00+01:00</published><updated>2017-01-07T18:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2017-01-07:/hdmi-vga-adapter-issues-with-raspberry-pi.html</id><summary type="html">&lt;p&gt;Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.&lt;/p&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
 2
 3
@@ -10,7 +118,22 @@
 &lt;span class="n"&gt;disable_overscan&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;
 &lt;span class="n"&gt;config_hdmi_boost&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;7&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="rpi"></category></entry><entry><title>Progress bars in python</title><link href="http://balkian.com/progress-bars-in-python.html" rel="alternate"></link><updated>2016-09-28T18:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-09-28:progress-bars-in-python.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://github.com/noamraph/tqdm"&gt;tqdm&lt;/a&gt; is a nice way to add progress bars in the command line or in a jupyter notebook.&lt;/p&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;p&gt;Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="n"&gt;hdmi_drive&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;
+&lt;span class="n"&gt;hdmi_group&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;
+&lt;span class="n"&gt;hdmi_mode&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;42&lt;/span&gt;
+&lt;span class="n"&gt;disable_overscan&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;
+&lt;span class="n"&gt;config_hdmi_boost&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;7&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="rpi"></category></entry><entry><title>PPTP connections</title><link href="http://balkian.com/pptp-connections.html" rel="alternate"></link><published>2017-01-01T00:00:00+01:00</published><updated>2017-01-01T00:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2017-01-01:/pptp-connections.html</id><summary type="html">&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;opkg install kmod-nf-nathelper-extra
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;opkg install kmod-nf-nathelper-extra
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="openwrt"></category><category term="linux"></category><category term="router"></category></entry><entry><title>Progress bars in python</title><link href="http://balkian.com/progress-bars-in-python.html" rel="alternate"></link><published>2016-09-28T18:47:00+02:00</published><updated>2016-09-28T18:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-09-28:/progress-bars-in-python.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://github.com/noamraph/tqdm"&gt;tqdm&lt;/a&gt; is a nice way to add progress bars in the command line or in a jupyter notebook.&lt;/p&gt;
 &lt;img alt="" src="https://camo.githubusercontent.com/48838faaa8d00ea297f18e5bf55d3c6bb4e0ba6b/68747470733a2f2f692e696d6775722e636f6d2f686539417735432e676966" /&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
 2
@@ -22,7 +145,19 @@
 &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;tqdm&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;range&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;)):&lt;/span&gt;
     &lt;span class="n"&gt;time&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;sleep&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="python"></category></entry><entry><title>Arch Linux Fixes</title><link href="http://balkian.com/arch-linux-fixes.html" rel="alternate"></link><updated>2016-02-03T20:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-02-03:arch-linux-fixes.html</id><summary type="html">&lt;div class="section" id="black-screen-and-lightdm-doesn-t-unlock"&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;p&gt;&lt;a class="reference external" href="https://github.com/noamraph/tqdm"&gt;tqdm&lt;/a&gt; is a nice way to add progress bars in the command line or in a jupyter notebook.&lt;/p&gt;
+&lt;img alt="" src="https://camo.githubusercontent.com/48838faaa8d00ea297f18e5bf55d3c6bb4e0ba6b/68747470733a2f2f692e696d6775722e636f6d2f686539417735432e676966" /&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;tqdm&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;tqdm&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;time&lt;/span&gt;
+
+&lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;tqdm&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;range&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;)):&lt;/span&gt;
+    &lt;span class="n"&gt;time&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;sleep&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="python"></category></entry><entry><title>Arch Linux Fixes</title><link href="http://balkian.com/arch-linux-fixes.html" rel="alternate"></link><published>2016-02-03T20:00:00+01:00</published><updated>2016-02-03T20:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-02-03:/arch-linux-fixes.html</id><summary type="html">&lt;div class="section" id="black-screen-and-lightdm-doesn-t-unlock"&gt;
 &lt;h2&gt;Black screen and LightDM doesn't unlock&lt;/h2&gt;
 &lt;p&gt;Add this to your &lt;cite&gt;/etc/lightdm/lightdm.conf&lt;/cite&gt; file:&lt;/p&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
@@ -30,12 +165,27 @@
 &lt;span class="na"&gt;logind-check-graphical&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;true&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
-</summary><category term="arch"></category><category term="linux"></category></entry><entry><title>Org-mode tricks</title><link href="http://balkian.com/org-mode-tricks.html" rel="alternate"></link><updated>2015-12-10T11:34:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-12-10:org-mode-tricks.html</id><summary type="html">&lt;div class="section" id="show-plain-text-version"&gt;
+</summary><content type="html">&lt;div class="section" id="black-screen-and-lightdm-doesn-t-unlock"&gt;
+&lt;h2&gt;Black screen and LightDM doesn't unlock&lt;/h2&gt;
+&lt;p&gt;Add this to your &lt;cite&gt;/etc/lightdm/lightdm.conf&lt;/cite&gt; file:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="k"&gt;[LightDM]&lt;/span&gt;
+&lt;span class="na"&gt;logind-check-graphical&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;true&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
+</content><category term="arch"></category><category term="linux"></category></entry><entry><title>Org-mode tricks</title><link href="http://balkian.com/org-mode-tricks.html" rel="alternate"></link><published>2015-12-10T11:34:00+01:00</published><updated>2015-12-10T11:34:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-12-10:/org-mode-tricks.html</id><summary type="html">&lt;div class="section" id="show-plain-text-version"&gt;
 &lt;h2&gt;Show plain text version&lt;/h2&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;font-lock-mode&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
-</summary><category term="emacs"></category><category term="productivity"></category><category term="editor"></category><category term="org"></category></entry><entry><title>Sharing dotfiles</title><link href="http://balkian.com/sharing-dotfiles.html" rel="alternate"></link><updated>2015-04-10T17:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-04-10:sharing-dotfiles.html</id><summary type="html">&lt;p&gt;Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.&lt;/p&gt;
+</summary><content type="html">&lt;div class="section" id="show-plain-text-version"&gt;
+&lt;h2&gt;Show plain text version&lt;/h2&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;font-lock-mode&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
+</content><category term="emacs"></category><category term="productivity"></category><category term="editor"></category><category term="org"></category></entry><entry><title>Sharing dotfiles</title><link href="http://balkian.com/sharing-dotfiles.html" rel="alternate"></link><published>2015-04-10T17:47:00+02:00</published><updated>2015-04-10T17:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-04-10:/sharing-dotfiles.html</id><summary type="html">&lt;p&gt;Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.&lt;/p&gt;
+&lt;p&gt;As part of moving to emacs, I starting using the incredibly useful &lt;a class="reference external" href="https://github.com/defunkt/gist.el"&gt;gh.el&lt;/a&gt;.
+When you first use it, the extension saves either your …&lt;/p&gt;</summary><content type="html">&lt;p&gt;Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.&lt;/p&gt;
 &lt;p&gt;As part of moving to emacs, I starting using the incredibly useful &lt;a class="reference external" href="https://github.com/defunkt/gist.el"&gt;gh.el&lt;/a&gt;.
 When you first use it, the extension saves either your password or an OAuth token in your .gitconfig file.
 This is cool and convenient, unless you &lt;a class="reference external" href="https://github.com/balkian/dotfiles"&gt;happen to be publishing your .gitconfig file in a public repo&lt;/a&gt;.&lt;/p&gt;
@@ -52,7 +202,11 @@ Since Git 1.7.0, you can &lt;a class="reference external" href="http://stackover
     user = balkian
     token = &amp;quot;&amp;lt; Your secret token &amp;gt;&amp;quot;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="github"></category><category term="git"></category><category term="dotfiles"></category></entry><entry><title>Zotero</title><link href="http://balkian.com/zotero.html" rel="alternate"></link><updated>2014-12-09T12:12:12+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-12-09:zotero.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://www.zotero.org/"&gt;Zotero&lt;/a&gt; is an Open Source tool that lets
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="github"></category><category term="git"></category><category term="dotfiles"></category></entry><entry><title>Zotero</title><link href="http://balkian.com/zotero.html" rel="alternate"></link><published>2014-12-09T12:12:12+01:00</published><updated>2014-12-09T12:12:12+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-12-09:/zotero.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://www.zotero.org/"&gt;Zotero&lt;/a&gt; is an Open Source tool that lets
+you organise your bibliography, syncing it with the cloud. Unlike other
+alternatives such as &lt;a class="reference external" href="http://www.mendeley.com"&gt;Mendeley&lt;/a&gt;, Zotero can
+upload the attachments and data to a private cloud via WebDav.&lt;/p&gt;
+&lt;p&gt;If you use nginx as your web server, know that even though it provides …&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;a class="reference external" href="https://www.zotero.org/"&gt;Zotero&lt;/a&gt; is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as &lt;a class="reference external" href="http://www.mendeley.com"&gt;Mendeley&lt;/a&gt;, Zotero can
 upload the attachments and data to a private cloud via WebDav.&lt;/p&gt;
@@ -153,7 +307,17 @@ cleaner URIs. In your desired site/location, add this:&lt;/p&gt;
 client&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/div&gt;
-</summary><category term="zotero"></category><category term="webdav"></category><category term="nginx"></category><category term="apache"></category></entry><entry><title>Proxies with Apache and python</title><link href="http://balkian.com/proxies-with-apache-and-python.html" rel="alternate"></link><updated>2014-10-09T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-10-09:proxies-with-apache-and-python.html</id><summary type="html">&lt;p&gt;This is a quick note on proxying a local python application (e.g. flask)
+</content><category term="zotero"></category><category term="webdav"></category><category term="nginx"></category><category term="apache"></category></entry><entry><title>Proxies with Apache and python</title><link href="http://balkian.com/proxies-with-apache-and-python.html" rel="alternate"></link><published>2014-10-09T10:00:00+02:00</published><updated>2014-10-09T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-10-09:/proxies-with-apache-and-python.html</id><summary type="html">&lt;p&gt;This is a quick note on proxying a local python application (e.g. flask)
+to a subdirectory in Apache. This assumes that the file wsgi.py contains
+a WSGI application with the name &lt;em&gt;application&lt;/em&gt;. Hence, wsgi:application.&lt;/p&gt;
+&lt;div class="section" id="gunicorn"&gt;
+&lt;h2&gt;Gunicorn&lt;/h2&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="nt"&gt;&amp;lt;Location&lt;/span&gt; &lt;span class="s"&gt;/myapp/&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
+    &lt;span class="nb"&gt;ProxyPass&lt;/span&gt; http://127.0.0 …&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;</summary><content type="html">&lt;p&gt;This is a quick note on proxying a local python application (e.g. flask)
 to a subdirectory in Apache. This assumes that the file wsgi.py contains
 a WSGI application with the name &lt;em&gt;application&lt;/em&gt;. Hence, wsgi:application.&lt;/p&gt;
 &lt;div class="section" id="gunicorn"&gt;
@@ -171,7 +335,7 @@ a WSGI application with the name &lt;em&gt;application&lt;/em&gt;. Hence, wsgi:a
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;Important&lt;/strong&gt;: &lt;em&gt;SCRIPT_NAME&lt;/em&gt; and the end of &lt;em&gt;ProxyPass&lt;/em&gt; URL &lt;strong&gt;MUST BE
 THE SAME&lt;/strong&gt;. Otherwise, Gunicorn will fail miserably.&lt;/p&gt;
 &lt;p&gt;Try it with:&lt;/p&gt;
-&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;venv/bin/gunicorn -w &lt;span class="m"&gt;4&lt;/span&gt; -b 127.0.0.1:8888 --log-file - --access-logfile - wsgi:application
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;venv/bin/gunicorn -w &lt;span class="m"&gt;4&lt;/span&gt; -b &lt;span class="m"&gt;127&lt;/span&gt;.0.0.1:8888 --log-file - --access-logfile - wsgi:application
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
 &lt;div class="section" id="uwsgi"&gt;
@@ -187,7 +351,7 @@ options for uwsgi (in a .ini file).&lt;/p&gt;
 &lt;span class="nt"&gt;&amp;lt;/Location&amp;gt;&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;Try it with:&lt;/p&gt;
-&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;uwsgi --socket 127.0.0.1:8888 -w wsgi:application
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;uwsgi --socket &lt;span class="m"&gt;127&lt;/span&gt;.0.0.1:8888 -w wsgi:application
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div class="section" id="extra-supervisor"&gt;
 &lt;h3&gt;Extra: Supervisor&lt;/h3&gt;
@@ -233,7 +397,10 @@ supervisor config file and let it handle the server for you.&lt;/p&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
 &lt;/div&gt;
-</summary><category term="python"></category><category term="apache"></category><category term="proxy"></category><category term="gunicorn"></category><category term="uwsgi"></category></entry><entry><title>Publishing on PyPi</title><link href="http://balkian.com/publishing-on-pypi.html" rel="alternate"></link><updated>2014-09-27T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-09-27:publishing-on-pypi.html</id><summary type="html">&lt;p&gt;Developing a python module and publishing it on Github is cool, but most
+</content><category term="python"></category><category term="apache"></category><category term="proxy"></category><category term="gunicorn"></category><category term="uwsgi"></category></entry><entry><title>Publishing on PyPi</title><link href="http://balkian.com/publishing-on-pypi.html" rel="alternate"></link><published>2014-09-27T10:00:00+02:00</published><updated>2014-09-27T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-09-27:/publishing-on-pypi.html</id><summary type="html">&lt;p&gt;Developing a python module and publishing it on Github is cool, but most
+of the times you want others to download and use it easily. That is the
+role of PyPi, the python package repository. In this post I show you how
+to publish your package in less than 10 …&lt;/p&gt;</summary><content type="html">&lt;p&gt;Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
 to publish your package in less than 10 minutes.&lt;/p&gt;
@@ -261,17 +428,17 @@ memorability over describing the functionality.&lt;/p&gt;
 10
 11
 12
-13&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="err"&gt;[distutils]&lt;/span&gt; &lt;span class="c1"&gt;# this tells distutils what package indexes you can push to&lt;/span&gt;
+13&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="na"&gt;[distutils] # this tells distutils what package indexes you can push to&lt;/span&gt;
 &lt;span class="na"&gt;index-servers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&lt;/span&gt;
 &lt;span class="s"&gt;    pypi # the live PyPI&lt;/span&gt;
 &lt;span class="s"&gt;    pypitest # test PyPI&lt;/span&gt;
 
-&lt;span class="err"&gt;[pypi]&lt;/span&gt; &lt;span class="c1"&gt;# authentication details for live PyPI&lt;/span&gt;
+&lt;span class="na"&gt;[pypi] # authentication details for live PyPI&lt;/span&gt;
 &lt;span class="na"&gt;repository&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;https://pypi.python.org/pypi&lt;/span&gt;
 &lt;span class="na"&gt;username&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;{ your_username }&lt;/span&gt;
 &lt;span class="na"&gt;password&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;{ your_password } # not necessary&lt;/span&gt;
 
-&lt;span class="err"&gt;[pypitest]&lt;/span&gt; &lt;span class="c1"&gt;# authentication details for test PyPI&lt;/span&gt;
+&lt;span class="na"&gt;[pypitest] # authentication details for test PyPI&lt;/span&gt;
 &lt;span class="na"&gt;repository&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;https://testpypi.python.org/pypi&lt;/span&gt;
 &lt;span class="na"&gt;username&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;{ your_username }&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
@@ -350,7 +517,12 @@ any problems first. The process is simple:
 pip and browse your package's page. For instance, check my senpy
 package: &lt;a class="reference external" href="https://pypi.python.org/pypi/senpy"&gt;https://pypi.python.org/pypi/senpy&lt;/a&gt; &lt;tt class="docutils literal"&gt;pip install senpy&lt;/tt&gt;&lt;/p&gt;
 &lt;/div&gt;
-</summary><category term="github"></category><category term="python"></category><category term="pypi"></category></entry><entry><title>Updating EuroLoveMap</title><link href="http://balkian.com/updating-eurolovemap.html" rel="alternate"></link><updated>2014-03-27T14:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-03-27:updating-eurolovemap.html</id><summary type="html">&lt;p&gt;As part of the &lt;a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/"&gt;OpeNER
+</content><category term="github"></category><category term="python"></category><category term="pypi"></category></entry><entry><title>Updating EuroLoveMap</title><link href="http://balkian.com/updating-eurolovemap.html" rel="alternate"></link><published>2014-03-27T14:00:00+01:00</published><updated>2014-03-27T14:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-03-27:/updating-eurolovemap.html</id><summary type="html">&lt;p&gt;As part of the &lt;a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/"&gt;OpeNER
+hackathon&lt;/a&gt;
+we decided to build a prototype that would allow us to compare how
+different countries feel about several topics. We used the OpeNER
+pipeline to get the sentiment from a set of newspaper articles we
+gathered from media in several languages. Then we aggregated …&lt;/p&gt;</summary><content type="html">&lt;p&gt;As part of the &lt;a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/"&gt;OpeNER
 hackathon&lt;/a&gt;
 we decided to build a prototype that would allow us to compare how
 different countries feel about several topics. We used the OpeNER
@@ -457,11 +629,19 @@ always show the same picture.&lt;/p&gt;
 &lt;a class="reference external" href="http://placekitten.com/"&gt;Placekitten&lt;/a&gt;. And for NSFW text, there's
 the &lt;a class="reference external" href="http://slipsum.com/"&gt;Samuel L. Jackson Ipsum&lt;/a&gt;&lt;/p&gt;
 &lt;/div&gt;
-</summary><category term="javascript"></category><category term="python"></category><category term="heroku"></category></entry><entry><title>Remove git files with globbing</title><link href="http://balkian.com/remove-git-files-with-globbing.html" rel="alternate"></link><updated>2013-08-22T23:14:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:remove-git-files-with-globbing.html</id><summary type="html">&lt;p&gt;A simple trick. If you want to remove all the '.swp' files from a git
+</content><category term="javascript"></category><category term="python"></category><category term="heroku"></category></entry><entry><title>Remove git files with globbing</title><link href="http://balkian.com/remove-git-files-with-globbing.html" rel="alternate"></link><published>2013-08-22T23:14:00+02:00</published><updated>2013-08-22T23:14:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:/remove-git-files-with-globbing.html</id><summary type="html">&lt;p&gt;A simple trick. If you want to remove all the '.swp' files from a git
 repository, just use:&lt;/p&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;git rm --cached &lt;span class="s1"&gt;&amp;#39;\*\*.swp&amp;#39;&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="git"></category></entry><entry><title>Creating my web</title><link href="http://balkian.com/creating-my-web.html" rel="alternate"></link><updated>2013-08-22T14:14:22+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:creating-my-web.html</id><summary type="html">&lt;p&gt;Finally, I've decided to set up a decent personal page. I have settled
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;p&gt;A simple trick. If you want to remove all the '.swp' files from a git
+repository, just use:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;git rm --cached &lt;span class="s1"&gt;&amp;#39;\*\*.swp&amp;#39;&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="git"></category></entry><entry><title>Creating my web</title><link href="http://balkian.com/creating-my-web.html" rel="alternate"></link><published>2013-08-22T14:14:22+02:00</published><updated>2013-08-22T14:14:22+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:/creating-my-web.html</id><summary type="html">&lt;p&gt;Finally, I've decided to set up a decent personal page. I have settled
+for github-pages because I like the idea of keeping my site in a
+repository and having someone else host and deploy it for me. The site
+will be really simple, mostly static files. Thanks to Github,
+&lt;a class="reference external" href="http://jekyllrb.com"&gt;Jekyll …&lt;/a&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
 will be really simple, mostly static files. Thanks to Github,
@@ -500,4 +680,4 @@ jekyll serve -w
 &lt;li&gt;The webfonts I used&lt;/li&gt;
 &lt;li&gt;The badge on the left side of the page&lt;/li&gt;
 &lt;/ul&gt;
-</summary><category term="starters"></category><category term="javascript"></category><category term="ruby"></category><category term="github"></category><category term="git"></category></entry></feed>
\ No newline at end of file
+</content><category term="starters"></category><category term="javascript"></category><category term="ruby"></category><category term="github"></category><category term="git"></category></entry></feed>
\ No newline at end of file
diff --git a/feeds/cheats.atom.xml b/feeds/cheats.atom.xml
index 706e91c..3802a24 100644
--- a/feeds/cheats.atom.xml
+++ b/feeds/cheats.atom.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>balkian.com</title><link href="http://balkian.com/" rel="alternate"></link><link href="http://balkian.com/feeds/cheats.atom.xml" rel="self"></link><id>http://balkian.com/</id><updated>2017-01-07T18:00:00+01:00</updated><entry><title>HDMI-VGA adapter issues with Raspberry Pi</title><link href="http://balkian.com/hdmi-vga-adapter-issues-with-raspberry-pi.html" rel="alternate"></link><updated>2017-01-07T18:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2017-01-07:hdmi-vga-adapter-issues-with-raspberry-pi.html</id><summary type="html">&lt;p&gt;Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.&lt;/p&gt;
+<feed xmlns="http://www.w3.org/2005/Atom"><title>balkian.com - cheats</title><link href="http://balkian.com/" rel="alternate"></link><link href="http://balkian.com/feeds/cheats.atom.xml" rel="self"></link><id>http://balkian.com/</id><updated>2017-01-07T18:00:00+01:00</updated><entry><title>HDMI-VGA adapter issues with Raspberry Pi</title><link href="http://balkian.com/hdmi-vga-adapter-issues-with-raspberry-pi.html" rel="alternate"></link><published>2017-01-07T18:00:00+01:00</published><updated>2017-01-07T18:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2017-01-07:/hdmi-vga-adapter-issues-with-raspberry-pi.html</id><summary type="html">&lt;p&gt;Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.&lt;/p&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
 2
 3
@@ -10,7 +10,22 @@
 &lt;span class="n"&gt;disable_overscan&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;
 &lt;span class="n"&gt;config_hdmi_boost&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;7&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="rpi"></category></entry><entry><title>Arch Linux Fixes</title><link href="http://balkian.com/arch-linux-fixes.html" rel="alternate"></link><updated>2016-02-03T20:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-02-03:arch-linux-fixes.html</id><summary type="html">&lt;div class="section" id="black-screen-and-lightdm-doesn-t-unlock"&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;p&gt;Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="n"&gt;hdmi_drive&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;
+&lt;span class="n"&gt;hdmi_group&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;2&lt;/span&gt;
+&lt;span class="n"&gt;hdmi_mode&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;42&lt;/span&gt;
+&lt;span class="n"&gt;disable_overscan&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;
+&lt;span class="n"&gt;config_hdmi_boost&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="mi"&gt;7&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="rpi"></category></entry><entry><title>PPTP connections</title><link href="http://balkian.com/pptp-connections.html" rel="alternate"></link><published>2017-01-01T00:00:00+01:00</published><updated>2017-01-01T00:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2017-01-01:/pptp-connections.html</id><summary type="html">&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;opkg install kmod-nf-nathelper-extra
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;opkg install kmod-nf-nathelper-extra
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="openwrt"></category><category term="linux"></category><category term="router"></category></entry><entry><title>Arch Linux Fixes</title><link href="http://balkian.com/arch-linux-fixes.html" rel="alternate"></link><published>2016-02-03T20:00:00+01:00</published><updated>2016-02-03T20:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-02-03:/arch-linux-fixes.html</id><summary type="html">&lt;div class="section" id="black-screen-and-lightdm-doesn-t-unlock"&gt;
 &lt;h2&gt;Black screen and LightDM doesn't unlock&lt;/h2&gt;
 &lt;p&gt;Add this to your &lt;cite&gt;/etc/lightdm/lightdm.conf&lt;/cite&gt; file:&lt;/p&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
@@ -18,9 +33,22 @@
 &lt;span class="na"&gt;logind-check-graphical&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;true&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
-</summary><category term="arch"></category><category term="linux"></category></entry><entry><title>Org-mode tricks</title><link href="http://balkian.com/org-mode-tricks.html" rel="alternate"></link><updated>2015-12-10T11:34:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-12-10:org-mode-tricks.html</id><summary type="html">&lt;div class="section" id="show-plain-text-version"&gt;
+</summary><content type="html">&lt;div class="section" id="black-screen-and-lightdm-doesn-t-unlock"&gt;
+&lt;h2&gt;Black screen and LightDM doesn't unlock&lt;/h2&gt;
+&lt;p&gt;Add this to your &lt;cite&gt;/etc/lightdm/lightdm.conf&lt;/cite&gt; file:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="k"&gt;[LightDM]&lt;/span&gt;
+&lt;span class="na"&gt;logind-check-graphical&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;true&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
+</content><category term="arch"></category><category term="linux"></category></entry><entry><title>Org-mode tricks</title><link href="http://balkian.com/org-mode-tricks.html" rel="alternate"></link><published>2015-12-10T11:34:00+01:00</published><updated>2015-12-10T11:34:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-12-10:/org-mode-tricks.html</id><summary type="html">&lt;div class="section" id="show-plain-text-version"&gt;
 &lt;h2&gt;Show plain text version&lt;/h2&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;font-lock-mode&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
-</summary><category term="emacs"></category><category term="productivity"></category><category term="editor"></category><category term="org"></category></entry></feed>
\ No newline at end of file
+</summary><content type="html">&lt;div class="section" id="show-plain-text-version"&gt;
+&lt;h2&gt;Show plain text version&lt;/h2&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nv"&gt;font-lock-mode&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
+</content><category term="emacs"></category><category term="productivity"></category><category term="editor"></category><category term="org"></category></entry></feed>
\ No newline at end of file
diff --git a/feeds/misc.atom.xml b/feeds/misc.atom.xml
index ac1221c..8f1107c 100644
--- a/feeds/misc.atom.xml
+++ b/feeds/misc.atom.xml
@@ -1,5 +1,113 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>balkian.com</title><link href="http://balkian.com/" rel="alternate"></link><link href="http://balkian.com/feeds/misc.atom.xml" rel="self"></link><id>http://balkian.com/</id><updated>2016-09-28T18:47:00+02:00</updated><entry><title>Progress bars in python</title><link href="http://balkian.com/progress-bars-in-python.html" rel="alternate"></link><updated>2016-09-28T18:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-09-28:progress-bars-in-python.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://github.com/noamraph/tqdm"&gt;tqdm&lt;/a&gt; is a nice way to add progress bars in the command line or in a jupyter notebook.&lt;/p&gt;
+<feed xmlns="http://www.w3.org/2005/Atom"><title>balkian.com - misc</title><link href="http://balkian.com/" rel="alternate"></link><link href="http://balkian.com/feeds/misc.atom.xml" rel="self"></link><id>http://balkian.com/</id><updated>2019-01-06T10:00:00+01:00</updated><entry><title>Controlling Zigbee devices with MQTT</title><link href="http://balkian.com/controlling-zigbee-devices-with-mqtt.html" rel="alternate"></link><published>2019-01-06T10:00:00+01:00</published><updated>2019-01-06T10:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2019-01-06:/controlling-zigbee-devices-with-mqtt.html</id><summary type="html">&lt;p&gt;This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.&lt;/p&gt;
+&lt;p&gt;If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …&lt;/p&gt;</summary><content type="html">&lt;p&gt;This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.&lt;/p&gt;
+&lt;p&gt;If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon dash buttons to control them.
+To keep these (cheap Chinese) internet enabled devices away from your network and their respective cloud services, you'll probably want to set up a dedicated network in your router (more on this on a future post, maybe).
+Another disadvantage of WiFi devices is that they're relatively power hungry.&lt;/p&gt;
+&lt;p&gt;A popular alternative is using ZigBee for communication.
+It is a dedicated protocol similar to bluetooth (BLE), with lower power requirements and bitrate.&lt;/p&gt;
+&lt;p&gt;Take the (super cute) aqara cube as an example.
+It is a small cube that detects rotation on all of its axes, and tapping events.
+Here's a video:&lt;/p&gt;
+&lt;div class="youtube youtube-16x9"&gt;&lt;iframe src="https://www.youtube.com/embed/5YtqG1wEnng" allowfullscreen seamless frameBorder="0"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;p&gt;To connect to zigbee devices you will need a zigbee enabled gateway (a.k.a. hub), which connects to your WiFi network and your zigbee devices.
+Once again, this means adding an internet-enabled device to your home, and probably a couple of cloud services.&lt;/p&gt;
+&lt;p&gt;As an alternative, you can set up your own zigbee gateway, and control it to your home automation platform of choice (e.g. home assistant).
+We will cover how to set up a zigbee2mqtt gateway that is also connected to an MQTT server, so you can use MQTT to control your devices and get notifications.&lt;/p&gt;
+&lt;p&gt;What you need:&lt;/p&gt;
+&lt;ul class="simple"&gt;
+&lt;li&gt;&lt;a class="reference external" href="https://www.aliexpress.com/item/Original-Xiaomi-Mi-Aqara-Cube-Smart-Home-Controller-6-Action-Operation-Fr-Home-Device-Zigbee-Version/32892947622.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI"&gt;Aqara cube&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;a class="reference external" href="https://www.aliexpress.com/item/Wireless-Zigbee-CC2531-CC2540-Zigbee-Sniffer-Bluetooth-BLE-4-0-Dongle-Capture-Module-USB-Programmer-Downloader/32907587711.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI"&gt;CC2531 zigbee sniffer&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;&lt;a class="reference external" href="https://www.aliexpress.com/item/CFSUNBIRD-CC-DEBUGGER-Debugger-and-Programmer-for-RF-System-on-Chips-TI-ORIGINAL-Fast-hipping/32813122315.html?spm=a2g0s.9042311.0.0.3da24c4dXV8sBI"&gt;CC-debugger&lt;/a&gt;.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;You will need to flash your sniffer.
+For that, you only need to follow the instructions from the &lt;a class="reference external" href="https://koenkk.github.io/zigbee2mqtt/"&gt;zigbee2mqtt documentation&lt;/a&gt;.&lt;/p&gt;
+&lt;p&gt;Once you're done flashing, you're ready to set up the zigbee2mqtt server.
+For convenience, I wrote a simple docker-compose to deploy a zigbee2mqtt server and a test mosquitto server:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt; 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24
+25
+26
+27
+28
+29
+30
+31
+32
+33&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;version: &amp;#39;2.1&amp;#39;
+services:
+  zigbee2mqtt:
+    image: koenkk/zigbee2mqtt
+    container_name: zigbee2mqtt
+    restart: always
+    volumes:
+      - ./z2m-data/:/app/data/
+    devices:
+      - &amp;quot;/dev/ttyACM0&amp;quot;
+    networks:
+        - hass
+  mqtt:
+    image: eclipse-mosquitto
+    ports:
+       - 1883:1883
+       - 9001:9001
+    networks:
+        - hass
+    volumes:
+      - ./mosquitto.conf:/mosquitto/config/mosquitto.conf
+  hass:
+    image: homeassistant/home-assistant
+    ports:
+      - &amp;quot;8123:8123&amp;quot;
+    networks:
+      - hass
+    volumes:
+      - ./hass-config:/config
+      - &amp;quot;/etc/localtime:/etc/localtime:ro&amp;quot;
+networks:
+  hass:
+    driver: overlay
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;You can test your installation with:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5
+6&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt; ❯ mosquitto_sub -h localhost -p &lt;span class="m"&gt;1883&lt;/span&gt; -t &lt;span class="s1"&gt;&amp;#39;zigbee2mqtt/#&amp;#39;&lt;/span&gt;
+online
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:149,&lt;span class="s2"&gt;&amp;quot;action&amp;quot;&lt;/span&gt;:&lt;span class="s2"&gt;&amp;quot;rotate_right&amp;quot;&lt;/span&gt;,&lt;span class="s2"&gt;&amp;quot;angle&amp;quot;&lt;/span&gt;:12.8&lt;span class="o"&gt;}&lt;/span&gt;
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:141,&lt;span class="s2"&gt;&amp;quot;action&amp;quot;&lt;/span&gt;:&lt;span class="s2"&gt;&amp;quot;slide&amp;quot;&lt;/span&gt;,&lt;span class="s2"&gt;&amp;quot;side&amp;quot;&lt;/span&gt;:2&lt;span class="o"&gt;}&lt;/span&gt;
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:120&lt;span class="o"&gt;}&lt;/span&gt;
+&lt;span class="o"&gt;{&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;battery&amp;quot;&lt;/span&gt;:17,&lt;span class="s2"&gt;&amp;quot;voltage&amp;quot;&lt;/span&gt;:2925,&lt;span class="s2"&gt;&amp;quot;linkquality&amp;quot;&lt;/span&gt;:141,&lt;span class="s2"&gt;&amp;quot;action&amp;quot;&lt;/span&gt;:&lt;span class="s2"&gt;&amp;quot;wakeu&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;zigbee2mqtt supports the following events for the aqara cube: shake, wakeup, fall, tap, slide, flip180, flip90, rotate_left and rotate_right.
+Every event has additional information, such as the sides involved, or the degrees turned.&lt;/p&gt;
+&lt;p&gt;Now you are ready to set up home assistant support in zigbee2mqtt following &lt;a class="reference external" href="https://koenkk.github.io/zigbee2mqtt/integration/home_assistant.html"&gt;this guide&lt;/a&gt;.&lt;/p&gt;
+</content><category term="mqtt"></category><category term="iot"></category><category term="zigbee"></category></entry><entry><title>Progress bars in python</title><link href="http://balkian.com/progress-bars-in-python.html" rel="alternate"></link><published>2016-09-28T18:47:00+02:00</published><updated>2016-09-28T18:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2016-09-28:/progress-bars-in-python.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://github.com/noamraph/tqdm"&gt;tqdm&lt;/a&gt; is a nice way to add progress bars in the command line or in a jupyter notebook.&lt;/p&gt;
 &lt;img alt="" src="https://camo.githubusercontent.com/48838faaa8d00ea297f18e5bf55d3c6bb4e0ba6b/68747470733a2f2f692e696d6775722e636f6d2f686539417735432e676966" /&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
 2
@@ -11,7 +119,21 @@
 &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;tqdm&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;range&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;)):&lt;/span&gt;
     &lt;span class="n"&gt;time&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;sleep&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="python"></category></entry><entry><title>Sharing dotfiles</title><link href="http://balkian.com/sharing-dotfiles.html" rel="alternate"></link><updated>2015-04-10T17:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-04-10:sharing-dotfiles.html</id><summary type="html">&lt;p&gt;Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.&lt;/p&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;p&gt;&lt;a class="reference external" href="https://github.com/noamraph/tqdm"&gt;tqdm&lt;/a&gt; is a nice way to add progress bars in the command line or in a jupyter notebook.&lt;/p&gt;
+&lt;img alt="" src="https://camo.githubusercontent.com/48838faaa8d00ea297f18e5bf55d3c6bb4e0ba6b/68747470733a2f2f692e696d6775722e636f6d2f686539417735432e676966" /&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;tqdm&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;tqdm&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;time&lt;/span&gt;
+
+&lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;tqdm&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;range&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;)):&lt;/span&gt;
+    &lt;span class="n"&gt;time&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;sleep&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="python"></category></entry><entry><title>Sharing dotfiles</title><link href="http://balkian.com/sharing-dotfiles.html" rel="alternate"></link><published>2015-04-10T17:47:00+02:00</published><updated>2015-04-10T17:47:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2015-04-10:/sharing-dotfiles.html</id><summary type="html">&lt;p&gt;Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.&lt;/p&gt;
+&lt;p&gt;As part of moving to emacs, I starting using the incredibly useful &lt;a class="reference external" href="https://github.com/defunkt/gist.el"&gt;gh.el&lt;/a&gt;.
+When you first use it, the extension saves either your …&lt;/p&gt;</summary><content type="html">&lt;p&gt;Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.&lt;/p&gt;
 &lt;p&gt;As part of moving to emacs, I starting using the incredibly useful &lt;a class="reference external" href="https://github.com/defunkt/gist.el"&gt;gh.el&lt;/a&gt;.
 When you first use it, the extension saves either your password or an OAuth token in your .gitconfig file.
 This is cool and convenient, unless you &lt;a class="reference external" href="https://github.com/balkian/dotfiles"&gt;happen to be publishing your .gitconfig file in a public repo&lt;/a&gt;.&lt;/p&gt;
@@ -28,7 +150,11 @@ Since Git 1.7.0, you can &lt;a class="reference external" href="http://stackover
     user = balkian
     token = &amp;quot;&amp;lt; Your secret token &amp;gt;&amp;quot;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="github"></category><category term="git"></category><category term="dotfiles"></category></entry><entry><title>Zotero</title><link href="http://balkian.com/zotero.html" rel="alternate"></link><updated>2014-12-09T12:12:12+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-12-09:zotero.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://www.zotero.org/"&gt;Zotero&lt;/a&gt; is an Open Source tool that lets
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="github"></category><category term="git"></category><category term="dotfiles"></category></entry><entry><title>Zotero</title><link href="http://balkian.com/zotero.html" rel="alternate"></link><published>2014-12-09T12:12:12+01:00</published><updated>2014-12-09T12:12:12+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-12-09:/zotero.html</id><summary type="html">&lt;p&gt;&lt;a class="reference external" href="https://www.zotero.org/"&gt;Zotero&lt;/a&gt; is an Open Source tool that lets
+you organise your bibliography, syncing it with the cloud. Unlike other
+alternatives such as &lt;a class="reference external" href="http://www.mendeley.com"&gt;Mendeley&lt;/a&gt;, Zotero can
+upload the attachments and data to a private cloud via WebDav.&lt;/p&gt;
+&lt;p&gt;If you use nginx as your web server, know that even though it provides …&lt;/p&gt;</summary><content type="html">&lt;p&gt;&lt;a class="reference external" href="https://www.zotero.org/"&gt;Zotero&lt;/a&gt; is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as &lt;a class="reference external" href="http://www.mendeley.com"&gt;Mendeley&lt;/a&gt;, Zotero can
 upload the attachments and data to a private cloud via WebDav.&lt;/p&gt;
@@ -129,7 +255,17 @@ cleaner URIs. In your desired site/location, add this:&lt;/p&gt;
 client&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/div&gt;
-</summary><category term="zotero"></category><category term="webdav"></category><category term="nginx"></category><category term="apache"></category></entry><entry><title>Proxies with Apache and python</title><link href="http://balkian.com/proxies-with-apache-and-python.html" rel="alternate"></link><updated>2014-10-09T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-10-09:proxies-with-apache-and-python.html</id><summary type="html">&lt;p&gt;This is a quick note on proxying a local python application (e.g. flask)
+</content><category term="zotero"></category><category term="webdav"></category><category term="nginx"></category><category term="apache"></category></entry><entry><title>Proxies with Apache and python</title><link href="http://balkian.com/proxies-with-apache-and-python.html" rel="alternate"></link><published>2014-10-09T10:00:00+02:00</published><updated>2014-10-09T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-10-09:/proxies-with-apache-and-python.html</id><summary type="html">&lt;p&gt;This is a quick note on proxying a local python application (e.g. flask)
+to a subdirectory in Apache. This assumes that the file wsgi.py contains
+a WSGI application with the name &lt;em&gt;application&lt;/em&gt;. Hence, wsgi:application.&lt;/p&gt;
+&lt;div class="section" id="gunicorn"&gt;
+&lt;h2&gt;Gunicorn&lt;/h2&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1
+2
+3
+4
+5&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="nt"&gt;&amp;lt;Location&lt;/span&gt; &lt;span class="s"&gt;/myapp/&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
+    &lt;span class="nb"&gt;ProxyPass&lt;/span&gt; http://127.0.0 …&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;</summary><content type="html">&lt;p&gt;This is a quick note on proxying a local python application (e.g. flask)
 to a subdirectory in Apache. This assumes that the file wsgi.py contains
 a WSGI application with the name &lt;em&gt;application&lt;/em&gt;. Hence, wsgi:application.&lt;/p&gt;
 &lt;div class="section" id="gunicorn"&gt;
@@ -147,7 +283,7 @@ a WSGI application with the name &lt;em&gt;application&lt;/em&gt;. Hence, wsgi:a
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;Important&lt;/strong&gt;: &lt;em&gt;SCRIPT_NAME&lt;/em&gt; and the end of &lt;em&gt;ProxyPass&lt;/em&gt; URL &lt;strong&gt;MUST BE
 THE SAME&lt;/strong&gt;. Otherwise, Gunicorn will fail miserably.&lt;/p&gt;
 &lt;p&gt;Try it with:&lt;/p&gt;
-&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;venv/bin/gunicorn -w &lt;span class="m"&gt;4&lt;/span&gt; -b 127.0.0.1:8888 --log-file - --access-logfile - wsgi:application
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;venv/bin/gunicorn -w &lt;span class="m"&gt;4&lt;/span&gt; -b &lt;span class="m"&gt;127&lt;/span&gt;.0.0.1:8888 --log-file - --access-logfile - wsgi:application
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
 &lt;div class="section" id="uwsgi"&gt;
@@ -163,7 +299,7 @@ options for uwsgi (in a .ini file).&lt;/p&gt;
 &lt;span class="nt"&gt;&amp;lt;/Location&amp;gt;&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;Try it with:&lt;/p&gt;
-&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;uwsgi --socket 127.0.0.1:8888 -w wsgi:application
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;uwsgi --socket &lt;span class="m"&gt;127&lt;/span&gt;.0.0.1:8888 -w wsgi:application
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div class="section" id="extra-supervisor"&gt;
 &lt;h3&gt;Extra: Supervisor&lt;/h3&gt;
@@ -209,7 +345,10 @@ supervisor config file and let it handle the server for you.&lt;/p&gt;
 &lt;/pre&gt;&lt;/div&gt;
 &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;
 &lt;/div&gt;
-</summary><category term="python"></category><category term="apache"></category><category term="proxy"></category><category term="gunicorn"></category><category term="uwsgi"></category></entry><entry><title>Publishing on PyPi</title><link href="http://balkian.com/publishing-on-pypi.html" rel="alternate"></link><updated>2014-09-27T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-09-27:publishing-on-pypi.html</id><summary type="html">&lt;p&gt;Developing a python module and publishing it on Github is cool, but most
+</content><category term="python"></category><category term="apache"></category><category term="proxy"></category><category term="gunicorn"></category><category term="uwsgi"></category></entry><entry><title>Publishing on PyPi</title><link href="http://balkian.com/publishing-on-pypi.html" rel="alternate"></link><published>2014-09-27T10:00:00+02:00</published><updated>2014-09-27T10:00:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-09-27:/publishing-on-pypi.html</id><summary type="html">&lt;p&gt;Developing a python module and publishing it on Github is cool, but most
+of the times you want others to download and use it easily. That is the
+role of PyPi, the python package repository. In this post I show you how
+to publish your package in less than 10 …&lt;/p&gt;</summary><content type="html">&lt;p&gt;Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
 to publish your package in less than 10 minutes.&lt;/p&gt;
@@ -237,17 +376,17 @@ memorability over describing the functionality.&lt;/p&gt;
 10
 11
 12
-13&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="err"&gt;[distutils]&lt;/span&gt; &lt;span class="c1"&gt;# this tells distutils what package indexes you can push to&lt;/span&gt;
+13&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="na"&gt;[distutils] # this tells distutils what package indexes you can push to&lt;/span&gt;
 &lt;span class="na"&gt;index-servers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&lt;/span&gt;
 &lt;span class="s"&gt;    pypi # the live PyPI&lt;/span&gt;
 &lt;span class="s"&gt;    pypitest # test PyPI&lt;/span&gt;
 
-&lt;span class="err"&gt;[pypi]&lt;/span&gt; &lt;span class="c1"&gt;# authentication details for live PyPI&lt;/span&gt;
+&lt;span class="na"&gt;[pypi] # authentication details for live PyPI&lt;/span&gt;
 &lt;span class="na"&gt;repository&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;https://pypi.python.org/pypi&lt;/span&gt;
 &lt;span class="na"&gt;username&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;{ your_username }&lt;/span&gt;
 &lt;span class="na"&gt;password&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;{ your_password } # not necessary&lt;/span&gt;
 
-&lt;span class="err"&gt;[pypitest]&lt;/span&gt; &lt;span class="c1"&gt;# authentication details for test PyPI&lt;/span&gt;
+&lt;span class="na"&gt;[pypitest] # authentication details for test PyPI&lt;/span&gt;
 &lt;span class="na"&gt;repository&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;https://testpypi.python.org/pypi&lt;/span&gt;
 &lt;span class="na"&gt;username&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s"&gt;{ your_username }&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
@@ -326,7 +465,12 @@ any problems first. The process is simple:
 pip and browse your package's page. For instance, check my senpy
 package: &lt;a class="reference external" href="https://pypi.python.org/pypi/senpy"&gt;https://pypi.python.org/pypi/senpy&lt;/a&gt; &lt;tt class="docutils literal"&gt;pip install senpy&lt;/tt&gt;&lt;/p&gt;
 &lt;/div&gt;
-</summary><category term="github"></category><category term="python"></category><category term="pypi"></category></entry><entry><title>Updating EuroLoveMap</title><link href="http://balkian.com/updating-eurolovemap.html" rel="alternate"></link><updated>2014-03-27T14:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-03-27:updating-eurolovemap.html</id><summary type="html">&lt;p&gt;As part of the &lt;a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/"&gt;OpeNER
+</content><category term="github"></category><category term="python"></category><category term="pypi"></category></entry><entry><title>Updating EuroLoveMap</title><link href="http://balkian.com/updating-eurolovemap.html" rel="alternate"></link><published>2014-03-27T14:00:00+01:00</published><updated>2014-03-27T14:00:00+01:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2014-03-27:/updating-eurolovemap.html</id><summary type="html">&lt;p&gt;As part of the &lt;a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/"&gt;OpeNER
+hackathon&lt;/a&gt;
+we decided to build a prototype that would allow us to compare how
+different countries feel about several topics. We used the OpeNER
+pipeline to get the sentiment from a set of newspaper articles we
+gathered from media in several languages. Then we aggregated …&lt;/p&gt;</summary><content type="html">&lt;p&gt;As part of the &lt;a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/"&gt;OpeNER
 hackathon&lt;/a&gt;
 we decided to build a prototype that would allow us to compare how
 different countries feel about several topics. We used the OpeNER
@@ -433,11 +577,19 @@ always show the same picture.&lt;/p&gt;
 &lt;a class="reference external" href="http://placekitten.com/"&gt;Placekitten&lt;/a&gt;. And for NSFW text, there's
 the &lt;a class="reference external" href="http://slipsum.com/"&gt;Samuel L. Jackson Ipsum&lt;/a&gt;&lt;/p&gt;
 &lt;/div&gt;
-</summary><category term="javascript"></category><category term="python"></category><category term="heroku"></category></entry><entry><title>Remove git files with globbing</title><link href="http://balkian.com/remove-git-files-with-globbing.html" rel="alternate"></link><updated>2013-08-22T23:14:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:remove-git-files-with-globbing.html</id><summary type="html">&lt;p&gt;A simple trick. If you want to remove all the '.swp' files from a git
+</content><category term="javascript"></category><category term="python"></category><category term="heroku"></category></entry><entry><title>Remove git files with globbing</title><link href="http://balkian.com/remove-git-files-with-globbing.html" rel="alternate"></link><published>2013-08-22T23:14:00+02:00</published><updated>2013-08-22T23:14:00+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:/remove-git-files-with-globbing.html</id><summary type="html">&lt;p&gt;A simple trick. If you want to remove all the '.swp' files from a git
 repository, just use:&lt;/p&gt;
 &lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;git rm --cached &lt;span class="s1"&gt;&amp;#39;\*\*.swp&amp;#39;&lt;/span&gt;
 &lt;/pre&gt;&lt;/div&gt;
-&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><category term="git"></category></entry><entry><title>Creating my web</title><link href="http://balkian.com/creating-my-web.html" rel="alternate"></link><updated>2013-08-22T14:14:22+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:creating-my-web.html</id><summary type="html">&lt;p&gt;Finally, I've decided to set up a decent personal page. I have settled
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary><content type="html">&lt;p&gt;A simple trick. If you want to remove all the '.swp' files from a git
+repository, just use:&lt;/p&gt;
+&lt;table class="highlighttable"&gt;&lt;tr&gt;&lt;td class="linenos"&gt;&lt;div class="linenodiv"&gt;&lt;pre&gt;1&lt;/pre&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class="code"&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;git rm --cached &lt;span class="s1"&gt;&amp;#39;\*\*.swp&amp;#39;&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;
+&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</content><category term="git"></category></entry><entry><title>Creating my web</title><link href="http://balkian.com/creating-my-web.html" rel="alternate"></link><published>2013-08-22T14:14:22+02:00</published><updated>2013-08-22T14:14:22+02:00</updated><author><name>J. Fernando Sánchez</name></author><id>tag:balkian.com,2013-08-22:/creating-my-web.html</id><summary type="html">&lt;p&gt;Finally, I've decided to set up a decent personal page. I have settled
+for github-pages because I like the idea of keeping my site in a
+repository and having someone else host and deploy it for me. The site
+will be really simple, mostly static files. Thanks to Github,
+&lt;a class="reference external" href="http://jekyllrb.com"&gt;Jekyll …&lt;/a&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
 will be really simple, mostly static files. Thanks to Github,
@@ -476,4 +628,4 @@ jekyll serve -w
 &lt;li&gt;The webfonts I used&lt;/li&gt;
 &lt;li&gt;The badge on the left side of the page&lt;/li&gt;
 &lt;/ul&gt;
-</summary><category term="starters"></category><category term="javascript"></category><category term="ruby"></category><category term="github"></category><category term="git"></category></entry></feed>
\ No newline at end of file
+</content><category term="starters"></category><category term="javascript"></category><category term="ruby"></category><category term="github"></category><category term="git"></category></entry></feed>
\ No newline at end of file
diff --git a/fonts/glyphiconshalflings-regular.eot b/fonts/glyphiconshalflings-regular.eot
old mode 100644
new mode 100755
diff --git a/fonts/glyphiconshalflings-regular.svg b/fonts/glyphiconshalflings-regular.svg
old mode 100644
new mode 100755
diff --git a/fonts/glyphiconshalflings-regular.ttf b/fonts/glyphiconshalflings-regular.ttf
old mode 100644
new mode 100755
diff --git a/fonts/glyphiconshalflings-regular.woff b/fonts/glyphiconshalflings-regular.woff
old mode 100644
new mode 100755
diff --git a/hdmi-vga-adapter-issues-with-raspberry-pi.html b/hdmi-vga-adapter-issues-with-raspberry-pi.html
index baba5c8..8499063 100644
--- a/hdmi-vga-adapter-issues-with-raspberry-pi.html
+++ b/hdmi-vga-adapter-issues-with-raspberry-pi.html
@@ -16,106 +16,40 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  class="active"
+ >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
-  <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="progress-bars-in-python.html">Progress bars in python</a></span>
+  <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="pptp-connections.html">PPTP connections</a></span>
+  <span class='nextpost'><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a> <i class="fa fa-chevron-right"></i></span>
 </div>
 <div class="posthead">
   <h2 class="title">HDMI-VGA adapter issues with Raspberry Pi</h2>
@@ -138,7 +72,64 @@
 </td></tr></table>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/index.html b/index.html
index ffa7567..df72dc4 100644
--- a/index.html
+++ b/index.html
@@ -15,114 +15,63 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li class="active" >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li class="active" >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 2</span>
+  <!-- <span class="page_number ">Page 1 of 2</span> -->
     <span class="nextpage"><a href="/page2"> Older Posts </a> <i class="icon-double-angle-right"></i></span>
 </div>
 
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
-  <span class="date">2017-01-07</span>
-      <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/controlling-zigbee-devices-with-mqtt.html" class="title">Controlling Zigbee devices with MQTT</a></h2>
+    <span class="date">2019-01-06</span>
+        <a class="tag" href="/tag/mqtt.html"><span class="label">mqtt</span></a>
+        <a class="tag" href="/tag/iot.html"><span class="label">iot</span></a>
+        <a class="tag" href="/tag/zigbee.html"><span class="label">zigbee</span></a>
+  </div>
+  <div class="excerpt">
+    <p>This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.</p>
+<p>If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …</p>
+  </div>
+  <div class="readmore"><a href="/controlling-zigbee-devices-with-mqtt.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
+    <span class="date">2017-01-07</span>
+        <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
   </div>
   <div class="excerpt">
     <p>Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.</p>
@@ -138,11 +87,28 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
-  <span class="date">2016-09-28</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/pptp-connections.html" class="title">PPTP connections</a></h2>
+    <span class="date">2017-01-01</span>
+        <a class="tag" href="/tag/openwrt.html"><span class="label">openwrt</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+        <a class="tag" href="/tag/router.html"><span class="label">router</span></a>
+  </div>
+  <div class="excerpt">
+    <table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>opkg install kmod-nf-nathelper-extra
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/pptp-connections.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
+    <span class="date">2016-09-28</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://github.com/noamraph/tqdm">tqdm</a> is a nice way to add progress bars in the command line or in a jupyter notebook.</p>
@@ -159,12 +125,14 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/progress-bars-in-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
-  <span class="date">2016-02-03</span>
-      <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
-      <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+  <div class="readmore"><a href="/progress-bars-in-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
+    <span class="date">2016-02-03</span>
+        <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="black-screen-and-lightdm-doesn-t-unlock">
@@ -177,14 +145,16 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/arch-linux-fixes.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
-  <span class="date">2015-12-10</span>
-      <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
-      <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
-      <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
-      <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
+  <div class="readmore"><a href="/arch-linux-fixes.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
+    <span class="date">2015-12-10</span>
+        <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
+        <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
+        <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
+        <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="show-plain-text-version">
@@ -194,44 +164,50 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/org-mode-tricks.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
-  <span class="date">2015-04-10</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-      <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
+  <div class="readmore"><a href="/org-mode-tricks.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
+    <span class="date">2015-04-10</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+        <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
   </div>
   <div class="excerpt">
     <p>Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.</p>
 <p>As part of moving to emacs, I starting using the incredibly useful <a class="reference external" href="https://github.com/defunkt/gist.el">gh.el</a>.
-When you first use it, the extension saves either ...</p>
+When you first use it, the extension saves either your …</p>
   </div>
-  <div class="readmore"><a href="/sharing-dotfiles.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/zotero.html" class="title">Zotero</a></h2>
-  <span class="date">2014-12-09</span>
-      <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
-      <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
-      <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+  <div class="readmore"><a href="/sharing-dotfiles.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/zotero.html" class="title">Zotero</a></h2>
+    <span class="date">2014-12-09</span>
+        <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
+        <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
+        <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://www.zotero.org/">Zotero</a> is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as <a class="reference external" href="http://www.mendeley.com">Mendeley</a>, Zotero can
 upload the attachments and data to a private cloud via WebDav.</p>
-<p>If you use nginx as your web server, know that even though it provides ...</p>
+<p>If you use nginx as your web server, know that even though it provides …</p>
   </div>
-  <div class="readmore"><a href="/zotero.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="readmore"><a href="/zotero.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -244,52 +220,26 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
-  <span class="date">2014-09-27</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
+    <span class="date">2014-09-27</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
   </div>
   <div class="excerpt">
     <p>Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
-to publish your package in less than 10 ...</p>
+to publish your package in less than 10 …</p>
   </div>
-  <div class="readmore"><a href="/publishing-on-pypi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
-  <span class="date">2014-03-27</span>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  <div class="readmore"><a href="/publishing-on-pypi.html"> Read more...</a></div>
   </div>
-  <div class="excerpt">
-    <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
-hackathon</a>
-we decided to build a prototype that would allow us to compare how
-different countries feel about several topics. We used the OpeNER
-pipeline to get the sentiment from a set of newspaper articles we
-gathered from media in several languages. Then we aggregated ...</p>
-  </div>
-  <div class="readmore"><a href="/updating-eurolovemap.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-  </div>
-  <div class="excerpt">
-    <p>A simple trick. If you want to remove all the '.swp' files from a git
-repository, just use:</p>
-<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>git rm --cached <span class="s1">&#39;\*\*.swp&#39;</span>
-</pre></div>
-</td></tr></table>
-  </div>
-  <div class="readmore"><a href="/remove-git-files-with-globbing.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -297,7 +247,64 @@ repository, just use:</p>
     <span class="nextpage"><a href="/page2"> Older Posts </a> <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/index2.html b/index2.html
index c4993a8..46cd63d 100644
--- a/index2.html
+++ b/index2.html
@@ -15,126 +15,95 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li class="active" >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li class="active" >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage"><i class="icon-double-angle-left"></i><a href="/"> Newer Posts</a></span>
-  <span class="page_number ">Page 2 of 2</span>
+  <!-- <span class="page_number ">Page 2 of 2</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
+    <span class="date">2014-03-27</span>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  </div>
+  <div class="excerpt">
+    <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
+hackathon</a>
+we decided to build a prototype that would allow us to compare how
+different countries feel about several topics. We used the OpeNER
+pipeline to get the sentiment from a set of newspaper articles we
+gathered from media in several languages. Then we aggregated …</p>
+  </div>
+  <div class="readmore"><a href="/updating-eurolovemap.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  </div>
+  <div class="excerpt">
+    <p>A simple trick. If you want to remove all the '.swp' files from a git
+repository, just use:</p>
+<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>git rm --cached <span class="s1">&#39;\*\*.swp&#39;</span>
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/remove-git-files-with-globbing.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage"><i class="icon-chevron-sign-left"></i><a href="/page<bound method Page.previous_page_number of <Page 2 of 2>>"> Newer Posts</a></span>
@@ -142,7 +111,64 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/org-mode-tricks.html b/org-mode-tricks.html
index 670498a..f4a981a 100644
--- a/org-mode-tricks.html
+++ b/org-mode-tricks.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  class="active"
+ >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="sharing-dotfiles.html">Sharing dotfiles</a></span>
@@ -136,7 +69,64 @@
 
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/pages/projects.html b/pages/projects.html
index 2788f7c..ece3061 100644
--- a/pages/projects.html
+++ b/pages/projects.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  class="active"
- >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  class="active"
+ >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="section" id="ongoing-projects">
 <h2>Ongoing Projects</h2>
@@ -132,7 +65,64 @@
 </div>
 
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/pages/to-do.html b/pages/to-do.html
deleted file mode 100644
index d10f7e2..0000000
--- a/pages/to-do.html
+++ /dev/null
@@ -1,193 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <title>balkian.com - To-Do
-</title>
-    <meta name="viewport" content="width=device-width">
-
-    <!-- syntax highlighting CSS -->
-    <link rel="stylesheet" href="/theme/css/solarized.css">
-    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
-    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
-
-    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
-
-    <!-- Custom CSS -->
-    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
-    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
-  </head>
-  <body>
-    <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
-      <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
-        <div id="content">
-          <!--Body content-->
-<h2>Things To Do</h2>
-
-<p>This is intended as my public "todo.txt". Both to keep it accessible and to feel ashamed of the many things I leave undone:
-<ul class="todo">
-  <li> PhD
-    <ul>
-      <li class="done" >Write my first workshop paper as main author</li>
-      <li>Write my first journal paper</li>
-      <li>Become a doctor!</li>
-    </ul>
-  </li>
-  <li> Technical 
-    <ul>
-      <li class="done" >Write a NodeJS App. Maia [See <a href="http://github.com/gsi-upm/maia/issues">ISSUES</a>]</li>
-      <li class="done" >Write my first Django Application</li>
-      <li class="done">Win my first Hackathon</li>
-      <li>Github repo with +100 stars</li>
-    </ul>
-  </li>
-  <li> Languages
-    <ul>
-      <li class="done">English</a></li>
-      <li >Chinese</a></li>
-      <li >Greek</a></li>
-      <li >German</a></li>
-      <li >Esperanto</a></li>
-    </ul>
-  </li>
-  <li> Personal
-    <ul>
-      <li>Run a 10k</li>
-      <li>Blog regularly for a year</li>
-    </ul>
-  </li>
-</ul></p>
-        </div>
-        <div class="clear"></div>
-      </div>
-      <footer role="contentinfo">
-        <div class="contact">
-          <p>
-          J. Fernando Sánchez Rada | balkian
-          </p>
-        </div>
-        <ul id="social">
-          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
-          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
-          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
-          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
-          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
-          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
-        </ul>
-          <p>
-          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
-          </p>
-      </footer>
-    </div>
-
-    <script src="/theme/js/jquery-2.0.2.min.js"></script>
-<!-- Piwik -->
-    <script type="text/javascript">
-    var _paq = _paq || [];
-    _paq.push(['trackPageView']);
-    _paq.push(['enableLinkTracking']);
-    (function() {
-    var u="//piwik.sinpapel.es/";
-    _paq.push(['setTrackerUrl', u+'piwik.php']);
-    _paq.push(['setSiteId', 2]);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
-    })();
-    </script>
-    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
-    <!-- End Piwik Code -->
-
-    <!--<script src="/js/bootstrap.min.js"></script>-->
-  </body>
-</html>
\ No newline at end of file
diff --git a/pptp-connections.html b/pptp-connections.html
new file mode 100644
index 0000000..4a92061
--- /dev/null
+++ b/pptp-connections.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>balkian.com - PPTP connections
+</title>
+    <meta name="viewport" content="width=device-width">
+
+    <!-- syntax highlighting CSS -->
+    <link rel="stylesheet" href="/theme/css/solarized.css">
+    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
+    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
+
+    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
+
+    <!-- Custom CSS -->
+    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="container" class="container">
+      <div id="contentwrapper">
+        <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  class="active"
+ >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
+          <!--Body content-->
+<div class="postnav">
+  <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="progress-bars-in-python.html">Progress bars in python</a></span>
+  <span class='nextpost'><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a> <i class="fa fa-chevron-right"></i></span>
+</div>
+<div class="posthead">
+  <h2 class="title">PPTP connections</h2>
+  <span class="meta date">2017-01-01</span>
+      <span class="tag"><a href="/tag/openwrt.html" class="label label-default">openwrt</a></span>
+      <span class="tag"><a href="/tag/linux.html" class="label label-default">linux</a></span>
+      <span class="tag"><a href="/tag/router.html" class="label label-default">router</a></span>
+</div>
+
+<div class="post">
+ <table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>opkg install kmod-nf-nathelper-extra
+</pre></div>
+</td></tr></table>
+</div>
+        </div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
+      </div>
+      <footer role="contentinfo">
+        <div class="contact">
+          <p>
+          J. Fernando Sánchez Rada | balkian
+          </p>
+        </div>
+        <ul id="social">
+          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
+          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
+          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
+          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
+          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
+          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
+        </ul>
+          <p>
+          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
+          </p>
+      </footer>
+    </div>
+
+    <script src="/theme/js/jquery-2.0.2.min.js"></script>
+<!-- Piwik -->
+    <script type="text/javascript">
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+    var u="//piwik.sinpapel.es/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 2]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+    })();
+    </script>
+    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+    <!-- End Piwik Code -->
+
+    <!--<script src="/js/bootstrap.min.js"></script>-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/progress-bars-in-python.html b/progress-bars-in-python.html
index 6a338c5..55b2099 100644
--- a/progress-bars-in-python.html
+++ b/progress-bars-in-python.html
@@ -16,107 +16,40 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="arch-linux-fixes.html">Arch Linux Fixes</a></span>
-  <span class='nextpost'><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a> <i class="fa fa-chevron-right"></i></span>
+  <span class='nextpost'><a href="/pptp-connections.html">PPTP connections</a> <i class="fa fa-chevron-right"></i></span>
 </div>
 <div class="posthead">
   <h2 class="title">Progress bars in python</h2>
@@ -140,7 +73,64 @@
 </td></tr></table>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/proxies-with-apache-and-python.html b/proxies-with-apache-and-python.html
index 37f9c4d..d2d48e1 100644
--- a/proxies-with-apache-and-python.html
+++ b/proxies-with-apache-and-python.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="publishing-on-pypi.html">Publishing on PyPi</a></span>
@@ -147,7 +80,7 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 </td></tr></table><p><strong>Important</strong>: <em>SCRIPT_NAME</em> and the end of <em>ProxyPass</em> URL <strong>MUST BE
 THE SAME</strong>. Otherwise, Gunicorn will fail miserably.</p>
 <p>Try it with:</p>
-<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>venv/bin/gunicorn -w <span class="m">4</span> -b 127.0.0.1:8888 --log-file - --access-logfile - wsgi:application
+<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>venv/bin/gunicorn -w <span class="m">4</span> -b <span class="m">127</span>.0.0.1:8888 --log-file - --access-logfile - wsgi:application
 </pre></div>
 </td></tr></table></div>
 <div class="section" id="uwsgi">
@@ -163,7 +96,7 @@ options for uwsgi (in a .ini file).</p>
 <span class="nt">&lt;/Location&gt;</span>
 </pre></div>
 </td></tr></table><p>Try it with:</p>
-<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>uwsgi --socket 127.0.0.1:8888 -w wsgi:application
+<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>uwsgi --socket <span class="m">127</span>.0.0.1:8888 -w wsgi:application
 </pre></div>
 </td></tr></table><div class="section" id="extra-supervisor">
 <h3>Extra: Supervisor</h3>
@@ -212,7 +145,64 @@ supervisor config file and let it handle the server for you.</p>
 
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/publishing-on-pypi.html b/publishing-on-pypi.html
index b4ef26b..a11018e 100644
--- a/publishing-on-pypi.html
+++ b/publishing-on-pypi.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="updating-eurolovemap.html">Updating EuroLoveMap</a></span>
@@ -155,17 +88,17 @@ memorability over describing the functionality.</p>
 10
 11
 12
-13</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="err">[distutils]</span> <span class="c1"># this tells distutils what package indexes you can push to</span>
+13</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="na">[distutils] # this tells distutils what package indexes you can push to</span>
 <span class="na">index-servers</span> <span class="o">=</span><span class="s"></span>
 <span class="s">    pypi # the live PyPI</span>
 <span class="s">    pypitest # test PyPI</span>
 
-<span class="err">[pypi]</span> <span class="c1"># authentication details for live PyPI</span>
+<span class="na">[pypi] # authentication details for live PyPI</span>
 <span class="na">repository</span> <span class="o">=</span> <span class="s">https://pypi.python.org/pypi</span>
 <span class="na">username</span> <span class="o">=</span> <span class="s">{ your_username }</span>
 <span class="na">password</span> <span class="o">=</span> <span class="s">{ your_password } # not necessary</span>
 
-<span class="err">[pypitest]</span> <span class="c1"># authentication details for test PyPI</span>
+<span class="na">[pypitest] # authentication details for test PyPI</span>
 <span class="na">repository</span> <span class="o">=</span> <span class="s">https://testpypi.python.org/pypi</span>
 <span class="na">username</span> <span class="o">=</span> <span class="s">{ your_username }</span>
 </pre></div>
@@ -247,7 +180,64 @@ package: <a class="reference external" href="https://pypi.python.org/pypi/senpy"
 
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/remove-git-files-with-globbing.html b/remove-git-files-with-globbing.html
index ef2efea..36f623b 100644
--- a/remove-git-files-with-globbing.html
+++ b/remove-git-files-with-globbing.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="creating-my-web.html">Creating my web</a></span>
@@ -132,7 +65,64 @@ repository, just use:</p>
 </td></tr></table>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/sharing-dotfiles.html b/sharing-dotfiles.html
index 3f0c1c9..40b7f6f 100644
--- a/sharing-dotfiles.html
+++ b/sharing-dotfiles.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="zotero.html">Zotero</a></span>
@@ -147,7 +80,64 @@ Since Git 1.7.0, you can <a class="reference external" href="http://stackoverflo
 </td></tr></table>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/apache.html b/tag/apache.html
index aafa730..63c6fab 100644
--- a/tag/apache.html
+++ b/tag/apache.html
@@ -15,130 +15,71 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/zotero.html">Zotero</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: apache</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/zotero.html" class="title">Zotero</a></h2>
-  <span class="date">2014-12-09</span>
-      <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
-      <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
-      <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/zotero.html" class="title">Zotero</a></h2>
+    <span class="date">2014-12-09</span>
+        <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
+        <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
+        <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://www.zotero.org/">Zotero</a> is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as <a class="reference external" href="http://www.mendeley.com">Mendeley</a>, Zotero can
 upload the attachments and data to a private cloud via WebDav.</p>
-<p>If you use nginx as your web server, know that even though it provides ...</p>
+<p>If you use nginx as your web server, know that even though it provides …</p>
   </div>
-  <div class="readmore"><a href="/zotero.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="readmore"><a href="/zotero.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -151,9 +92,10 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
+  </div>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -161,7 +103,60 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/zotero.html">Zotero</a></dt>
+      <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
+      <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
+      <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
+      <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
+      <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/arch.html b/tag/arch.html
index 5c6084e..aaab42f 100644
--- a/tag/arch.html
+++ b/tag/arch.html
@@ -15,103 +15,50 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: arch</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
-  <span class="date">2016-02-03</span>
-      <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
-      <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
+    <span class="date">2016-02-03</span>
+        <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="black-screen-and-lightdm-doesn-t-unlock">
@@ -124,7 +71,8 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/arch-linux-fixes.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/arch-linux-fixes.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -132,7 +80,52 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/dotfiles.html b/tag/dotfiles.html
index f0cefba..f22dcb8 100644
--- a/tag/dotfiles.html
+++ b/tag/dotfiles.html
@@ -15,112 +15,59 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: dotfiles</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
-  <span class="date">2015-04-10</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-      <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
+    <span class="date">2015-04-10</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+        <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
   </div>
   <div class="excerpt">
     <p>Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.</p>
 <p>As part of moving to emacs, I starting using the incredibly useful <a class="reference external" href="https://github.com/defunkt/gist.el">gh.el</a>.
-When you first use it, the extension saves either ...</p>
+When you first use it, the extension saves either your …</p>
+  </div>
+  <div class="readmore"><a href="/sharing-dotfiles.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/sharing-dotfiles.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -128,7 +75,53 @@ When you first use it, the extension saves either ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+      <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/editor.html b/tag/editor.html
index ba4b07f..02372eb 100644
--- a/tag/editor.html
+++ b/tag/editor.html
@@ -15,107 +15,52 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: editor</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
-  <span class="date">2015-12-10</span>
-      <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
-      <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
-      <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
-      <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
+    <span class="date">2015-12-10</span>
+        <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
+        <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
+        <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
+        <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="show-plain-text-version">
@@ -125,7 +70,8 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/org-mode-tricks.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/org-mode-tricks.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -133,7 +79,54 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
+      <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
+      <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
+      <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
+      <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/emacs.html b/tag/emacs.html
index e6344e4..ca2d2f4 100644
--- a/tag/emacs.html
+++ b/tag/emacs.html
@@ -15,107 +15,52 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: emacs</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
-  <span class="date">2015-12-10</span>
-      <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
-      <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
-      <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
-      <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
+    <span class="date">2015-12-10</span>
+        <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
+        <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
+        <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
+        <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="show-plain-text-version">
@@ -125,7 +70,8 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/org-mode-tricks.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/org-mode-tricks.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -133,7 +79,54 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
+      <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
+      <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
+      <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
+      <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/git.html b/tag/git.html
index 51d78c5..c46eeab 100644
--- a/tag/git.html
+++ b/tag/git.html
@@ -15,124 +15,64 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-                <dt><a href="/remove-git-files-with-globbing.html">Remove git files with globbing</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                <dt><a href="/creating-my-web.html">Creating my web</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: git</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
-  <span class="date">2015-04-10</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-      <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
+    <span class="date">2015-04-10</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+        <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
   </div>
   <div class="excerpt">
     <p>Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.</p>
 <p>As part of moving to emacs, I starting using the incredibly useful <a class="reference external" href="https://github.com/defunkt/gist.el">gh.el</a>.
-When you first use it, the extension saves either ...</p>
+When you first use it, the extension saves either your …</p>
   </div>
-  <div class="readmore"><a href="/sharing-dotfiles.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="readmore"><a href="/sharing-dotfiles.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/remove-git-files-with-globbing.html" class="title">Remove git files with globbing</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>A simple trick. If you want to remove all the '.swp' files from a git
@@ -141,23 +81,27 @@ repository, just use:</p>
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/remove-git-files-with-globbing.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="readmore"><a href="/remove-git-files-with-globbing.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -165,7 +109,61 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+      <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
+      <dt><a href="/remove-git-files-with-globbing.html">Remove git files with globbing</a></dt>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+      <dt><a href="/creating-my-web.html">Creating my web</a></dt>
+      <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/github.html b/tag/github.html
index ae68a3f..34ad80c 100644
--- a/tag/github.html
+++ b/tag/github.html
@@ -15,152 +15,94 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-                <dt><a href="/publishing-on-pypi.html">Publishing on PyPi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/pypi.html">pypi</a></dd>
-                <dt><a href="/creating-my-web.html">Creating my web</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: github</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
-  <span class="date">2015-04-10</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
-      <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/sharing-dotfiles.html" class="title">Sharing dotfiles</a></h2>
+    <span class="date">2015-04-10</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+        <a class="tag" href="/tag/dotfiles.html"><span class="label">dotfiles</span></a>
   </div>
   <div class="excerpt">
     <p>Today's post is half a quick note, half public shaming. In other words, it is a reminder to be very careful with OAuth tokens and passwords.</p>
 <p>As part of moving to emacs, I starting using the incredibly useful <a class="reference external" href="https://github.com/defunkt/gist.el">gh.el</a>.
-When you first use it, the extension saves either ...</p>
+When you first use it, the extension saves either your …</p>
   </div>
-  <div class="readmore"><a href="/sharing-dotfiles.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
-  <span class="date">2014-09-27</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
+  <div class="readmore"><a href="/sharing-dotfiles.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
+    <span class="date">2014-09-27</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
   </div>
   <div class="excerpt">
     <p>Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
-to publish your package in less than 10 ...</p>
+to publish your package in less than 10 …</p>
   </div>
-  <div class="readmore"><a href="/publishing-on-pypi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="readmore"><a href="/publishing-on-pypi.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -168,7 +110,63 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+      <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
+      <dt><a href="/publishing-on-pypi.html">Publishing on PyPi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/pypi.html">pypi</a></dd>
+      <dt><a href="/creating-my-web.html">Creating my web</a></dt>
+      <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/gunicorn.html b/tag/gunicorn.html
index 57f8f07..56a03dc 100644
--- a/tag/gunicorn.html
+++ b/tag/gunicorn.html
@@ -15,109 +15,53 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: gunicorn</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -130,9 +74,10 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
+  </div>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -140,7 +85,55 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
+      <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
+      <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/heroku.html b/tag/heroku.html
index 4118a95..c257c01 100644
--- a/tag/heroku.html
+++ b/tag/heroku.html
@@ -15,105 +15,51 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/updating-eurolovemap.html">Updating EuroLoveMap</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/heroku.html">heroku</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: heroku</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
-  <span class="date">2014-03-27</span>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
+    <span class="date">2014-03-27</span>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
   </div>
   <div class="excerpt">
     <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
@@ -121,9 +67,10 @@ hackathon</a>
 we decided to build a prototype that would allow us to compare how
 different countries feel about several topics. We used the OpeNER
 pipeline to get the sentiment from a set of newspaper articles we
-gathered from media in several languages. Then we aggregated ...</p>
+gathered from media in several languages. Then we aggregated …</p>
+  </div>
+  <div class="readmore"><a href="/updating-eurolovemap.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/updating-eurolovemap.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -131,7 +78,53 @@ gathered from media in several languages. Then we aggregated ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/updating-eurolovemap.html">Updating EuroLoveMap</a></dt>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/heroku.html">heroku</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/iot.html b/tag/iot.html
new file mode 100644
index 0000000..1492bda
--- /dev/null
+++ b/tag/iot.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>balkian.com - iot</title>
+    <meta name="viewport" content="width=device-width">
+
+    <!-- syntax highlighting CSS -->
+    <link rel="stylesheet" href="/theme/css/solarized.css">
+    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
+    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
+
+    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
+
+    <!-- Custom CSS -->
+    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="container" class="container">
+      <div id="contentwrapper">
+        <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
+          <!--Body content-->
+<div class="pagination pag-top">
+  <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
+    <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+
+<h1>Entries tagged: iot</h1>
+<!-- This loops through the paginated posts -->
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/controlling-zigbee-devices-with-mqtt.html" class="title">Controlling Zigbee devices with MQTT</a></h2>
+    <span class="date">2019-01-06</span>
+        <a class="tag" href="/tag/mqtt.html"><span class="label">mqtt</span></a>
+        <a class="tag" href="/tag/iot.html"><span class="label">iot</span></a>
+        <a class="tag" href="/tag/zigbee.html"><span class="label">zigbee</span></a>
+  </div>
+  <div class="excerpt">
+    <p>This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.</p>
+<p>If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …</p>
+  </div>
+  <div class="readmore"><a href="/controlling-zigbee-devices-with-mqtt.html"> Read more...</a></div>
+  </div>
+
+<div class="pagination pag-bottom">
+  <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <span class="page_number ">Page 1 of 1</span>
+    <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+        </div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
+      </div>
+      <footer role="contentinfo">
+        <div class="contact">
+          <p>
+          J. Fernando Sánchez Rada | balkian
+          </p>
+        </div>
+        <ul id="social">
+          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
+          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
+          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
+          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
+          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
+          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
+        </ul>
+          <p>
+          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
+          </p>
+      </footer>
+    </div>
+
+    <script src="/theme/js/jquery-2.0.2.min.js"></script>
+<!-- Piwik -->
+    <script type="text/javascript">
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+    var u="//piwik.sinpapel.es/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 2]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+    })();
+    </script>
+    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+    <!-- End Piwik Code -->
+
+    <!--<script src="/js/bootstrap.min.js"></script>-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/tag/javascript.html b/tag/javascript.html
index 2a11666..87389f5 100644
--- a/tag/javascript.html
+++ b/tag/javascript.html
@@ -15,111 +15,51 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/updating-eurolovemap.html">Updating EuroLoveMap</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/heroku.html">heroku</a></dd>
-                <dt><a href="/creating-my-web.html">Creating my web</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: javascript</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
-  <span class="date">2014-03-27</span>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
+    <span class="date">2014-03-27</span>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
   </div>
   <div class="excerpt">
     <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
@@ -127,25 +67,29 @@ hackathon</a>
 we decided to build a prototype that would allow us to compare how
 different countries feel about several topics. We used the OpeNER
 pipeline to get the sentiment from a set of newspaper articles we
-gathered from media in several languages. Then we aggregated ...</p>
+gathered from media in several languages. Then we aggregated …</p>
   </div>
-  <div class="readmore"><a href="/updating-eurolovemap.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="readmore"><a href="/updating-eurolovemap.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -153,7 +97,59 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/updating-eurolovemap.html">Updating EuroLoveMap</a></dt>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/heroku.html">heroku</a></dd>
+      <dt><a href="/creating-my-web.html">Creating my web</a></dt>
+      <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/linux.html b/tag/linux.html
index 3924c8e..53318e5 100644
--- a/tag/linux.html
+++ b/tag/linux.html
@@ -15,103 +15,65 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: linux</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
-  <span class="date">2016-02-03</span>
-      <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
-      <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/pptp-connections.html" class="title">PPTP connections</a></h2>
+    <span class="date">2017-01-01</span>
+        <a class="tag" href="/tag/openwrt.html"><span class="label">openwrt</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+        <a class="tag" href="/tag/router.html"><span class="label">router</span></a>
+  </div>
+  <div class="excerpt">
+    <table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>opkg install kmod-nf-nathelper-extra
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/pptp-connections.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/arch-linux-fixes.html" class="title">Arch Linux Fixes</a></h2>
+    <span class="date">2016-02-03</span>
+        <a class="tag" href="/tag/arch.html"><span class="label">arch</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="black-screen-and-lightdm-doesn-t-unlock">
@@ -124,7 +86,8 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/arch-linux-fixes.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/arch-linux-fixes.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -132,7 +95,56 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/mqtt.html b/tag/mqtt.html
new file mode 100644
index 0000000..51265e3
--- /dev/null
+++ b/tag/mqtt.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>balkian.com - mqtt</title>
+    <meta name="viewport" content="width=device-width">
+
+    <!-- syntax highlighting CSS -->
+    <link rel="stylesheet" href="/theme/css/solarized.css">
+    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
+    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
+
+    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
+
+    <!-- Custom CSS -->
+    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="container" class="container">
+      <div id="contentwrapper">
+        <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
+          <!--Body content-->
+<div class="pagination pag-top">
+  <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
+    <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+
+<h1>Entries tagged: mqtt</h1>
+<!-- This loops through the paginated posts -->
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/controlling-zigbee-devices-with-mqtt.html" class="title">Controlling Zigbee devices with MQTT</a></h2>
+    <span class="date">2019-01-06</span>
+        <a class="tag" href="/tag/mqtt.html"><span class="label">mqtt</span></a>
+        <a class="tag" href="/tag/iot.html"><span class="label">iot</span></a>
+        <a class="tag" href="/tag/zigbee.html"><span class="label">zigbee</span></a>
+  </div>
+  <div class="excerpt">
+    <p>This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.</p>
+<p>If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …</p>
+  </div>
+  <div class="readmore"><a href="/controlling-zigbee-devices-with-mqtt.html"> Read more...</a></div>
+  </div>
+
+<div class="pagination pag-bottom">
+  <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <span class="page_number ">Page 1 of 1</span>
+    <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+        </div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
+      </div>
+      <footer role="contentinfo">
+        <div class="contact">
+          <p>
+          J. Fernando Sánchez Rada | balkian
+          </p>
+        </div>
+        <ul id="social">
+          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
+          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
+          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
+          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
+          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
+          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
+        </ul>
+          <p>
+          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
+          </p>
+      </footer>
+    </div>
+
+    <script src="/theme/js/jquery-2.0.2.min.js"></script>
+<!-- Piwik -->
+    <script type="text/javascript">
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+    var u="//piwik.sinpapel.es/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 2]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+    })();
+    </script>
+    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+    <!-- End Piwik Code -->
+
+    <!--<script src="/js/bootstrap.min.js"></script>-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/tag/nginx.html b/tag/nginx.html
index da68f5d..9654bda 100644
--- a/tag/nginx.html
+++ b/tag/nginx.html
@@ -15,116 +15,62 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/zotero.html">Zotero</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: nginx</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/zotero.html" class="title">Zotero</a></h2>
-  <span class="date">2014-12-09</span>
-      <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
-      <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
-      <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/zotero.html" class="title">Zotero</a></h2>
+    <span class="date">2014-12-09</span>
+        <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
+        <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
+        <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://www.zotero.org/">Zotero</a> is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as <a class="reference external" href="http://www.mendeley.com">Mendeley</a>, Zotero can
 upload the attachments and data to a private cloud via WebDav.</p>
-<p>If you use nginx as your web server, know that even though it provides ...</p>
+<p>If you use nginx as your web server, know that even though it provides …</p>
+  </div>
+  <div class="readmore"><a href="/zotero.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/zotero.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -132,7 +78,54 @@ upload the attachments and data to a private cloud via WebDav.</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/zotero.html">Zotero</a></dt>
+      <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
+      <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
+      <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/openwrt.html b/tag/openwrt.html
new file mode 100644
index 0000000..d56bf7f
--- /dev/null
+++ b/tag/openwrt.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>balkian.com - openwrt</title>
+    <meta name="viewport" content="width=device-width">
+
+    <!-- syntax highlighting CSS -->
+    <link rel="stylesheet" href="/theme/css/solarized.css">
+    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
+    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
+
+    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
+
+    <!-- Custom CSS -->
+    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="container" class="container">
+      <div id="contentwrapper">
+        <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
+          <!--Body content-->
+<div class="pagination pag-top">
+  <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
+    <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+
+<h1>Entries tagged: openwrt</h1>
+<!-- This loops through the paginated posts -->
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/pptp-connections.html" class="title">PPTP connections</a></h2>
+    <span class="date">2017-01-01</span>
+        <a class="tag" href="/tag/openwrt.html"><span class="label">openwrt</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+        <a class="tag" href="/tag/router.html"><span class="label">router</span></a>
+  </div>
+  <div class="excerpt">
+    <table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>opkg install kmod-nf-nathelper-extra
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/pptp-connections.html"> Read more...</a></div>
+  </div>
+
+<div class="pagination pag-bottom">
+  <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <span class="page_number ">Page 1 of 1</span>
+    <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+        </div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
+      </div>
+      <footer role="contentinfo">
+        <div class="contact">
+          <p>
+          J. Fernando Sánchez Rada | balkian
+          </p>
+        </div>
+        <ul id="social">
+          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
+          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
+          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
+          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
+          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
+          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
+        </ul>
+          <p>
+          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
+          </p>
+      </footer>
+    </div>
+
+    <script src="/theme/js/jquery-2.0.2.min.js"></script>
+<!-- Piwik -->
+    <script type="text/javascript">
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+    var u="//piwik.sinpapel.es/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 2]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+    })();
+    </script>
+    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+    <!-- End Piwik Code -->
+
+    <!--<script src="/js/bootstrap.min.js"></script>-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/tag/org.html b/tag/org.html
index 738cbd1..44d6ac5 100644
--- a/tag/org.html
+++ b/tag/org.html
@@ -15,107 +15,52 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: org</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
-  <span class="date">2015-12-10</span>
-      <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
-      <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
-      <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
-      <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
+    <span class="date">2015-12-10</span>
+        <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
+        <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
+        <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
+        <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="show-plain-text-version">
@@ -125,7 +70,8 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/org-mode-tricks.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/org-mode-tricks.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -133,7 +79,54 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
+      <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
+      <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
+      <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
+      <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/productivity.html b/tag/productivity.html
index d44e6a8..0bcebce 100644
--- a/tag/productivity.html
+++ b/tag/productivity.html
@@ -15,107 +15,52 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: productivity</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
-  <span class="date">2015-12-10</span>
-      <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
-      <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
-      <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
-      <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/org-mode-tricks.html" class="title">Org-mode tricks</a></h2>
+    <span class="date">2015-12-10</span>
+        <a class="tag" href="/tag/emacs.html"><span class="label">emacs</span></a>
+        <a class="tag" href="/tag/productivity.html"><span class="label">productivity</span></a>
+        <a class="tag" href="/tag/editor.html"><span class="label">editor</span></a>
+        <a class="tag" href="/tag/org.html"><span class="label">org</span></a>
   </div>
   <div class="excerpt">
     <div class="section" id="show-plain-text-version">
@@ -125,7 +70,8 @@
 </td></tr></table></div>
 
   </div>
-  <div class="readmore"><a href="/org-mode-tricks.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/org-mode-tricks.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -133,7 +79,54 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
+      <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
+      <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
+      <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
+      <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/proxy.html b/tag/proxy.html
index 830860a..43478cc 100644
--- a/tag/proxy.html
+++ b/tag/proxy.html
@@ -15,109 +15,53 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: proxy</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -130,9 +74,10 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
+  </div>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -140,7 +85,55 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
+      <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
+      <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/pypi.html b/tag/pypi.html
index 0a98d2d..95ef172 100644
--- a/tag/pypi.html
+++ b/tag/pypi.html
@@ -15,113 +15,60 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/publishing-on-pypi.html">Publishing on PyPi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/pypi.html">pypi</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: pypi</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
-  <span class="date">2014-09-27</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
+    <span class="date">2014-09-27</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
   </div>
   <div class="excerpt">
     <p>Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
-to publish your package in less than 10 ...</p>
+to publish your package in less than 10 …</p>
+  </div>
+  <div class="readmore"><a href="/publishing-on-pypi.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/publishing-on-pypi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -129,7 +76,53 @@ to publish your package in less than 10 ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/publishing-on-pypi.html">Publishing on PyPi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/pypi.html">pypi</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/python.html b/tag/python.html
index 3d7ba22..88a9365 100644
--- a/tag/python.html
+++ b/tag/python.html
@@ -15,115 +15,49 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
-                <dt><a href="/publishing-on-pypi.html">Publishing on PyPi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/pypi.html">pypi</a></dd>
-                <dt><a href="/updating-eurolovemap.html">Updating EuroLoveMap</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/heroku.html">heroku</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: python</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
-  <span class="date">2016-09-28</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/progress-bars-in-python.html" class="title">Progress bars in python</a></h2>
+    <span class="date">2016-09-28</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://github.com/noamraph/tqdm">tqdm</a> is a nice way to add progress bars in the command line or in a jupyter notebook.</p>
@@ -140,15 +74,17 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/progress-bars-in-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="readmore"><a href="/progress-bars-in-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -161,29 +97,33 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
-  <span class="date">2014-09-27</span>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/publishing-on-pypi.html" class="title">Publishing on PyPi</a></h2>
+    <span class="date">2014-09-27</span>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/pypi.html"><span class="label">pypi</span></a>
   </div>
   <div class="excerpt">
     <p>Developing a python module and publishing it on Github is cool, but most
 of the times you want others to download and use it easily. That is the
 role of PyPi, the python package repository. In this post I show you how
-to publish your package in less than 10 ...</p>
+to publish your package in less than 10 …</p>
   </div>
-  <div class="readmore"><a href="/publishing-on-pypi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
-  <div class="posthead">
-    <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
-  <span class="date">2014-03-27</span>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
+  <div class="readmore"><a href="/publishing-on-pypi.html"> Read more...</a></div>
+  </div>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/updating-eurolovemap.html" class="title">Updating EuroLoveMap</a></h2>
+    <span class="date">2014-03-27</span>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/heroku.html"><span class="label">heroku</span></a>
   </div>
   <div class="excerpt">
     <p>As part of the <a class="reference external" href="http://www.opener-project.org/2013/07/18/opener-hackathon-in-amsterdam/">OpeNER
@@ -191,9 +131,10 @@ hackathon</a>
 we decided to build a prototype that would allow us to compare how
 different countries feel about several topics. We used the OpeNER
 pipeline to get the sentiment from a set of newspaper articles we
-gathered from media in several languages. Then we aggregated ...</p>
+gathered from media in several languages. Then we aggregated …</p>
+  </div>
+  <div class="readmore"><a href="/updating-eurolovemap.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/updating-eurolovemap.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -201,7 +142,65 @@ gathered from media in several languages. Then we aggregated ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
+      <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
+      <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
+      <dt><a href="/publishing-on-pypi.html">Publishing on PyPi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/pypi.html">pypi</a></dd>
+      <dt><a href="/updating-eurolovemap.html">Updating EuroLoveMap</a></dt>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/heroku.html">heroku</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/router.html b/tag/router.html
new file mode 100644
index 0000000..658bf70
--- /dev/null
+++ b/tag/router.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>balkian.com - router</title>
+    <meta name="viewport" content="width=device-width">
+
+    <!-- syntax highlighting CSS -->
+    <link rel="stylesheet" href="/theme/css/solarized.css">
+    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
+    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
+
+    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
+
+    <!-- Custom CSS -->
+    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="container" class="container">
+      <div id="contentwrapper">
+        <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
+          <!--Body content-->
+<div class="pagination pag-top">
+  <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
+    <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+
+<h1>Entries tagged: router</h1>
+<!-- This loops through the paginated posts -->
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/pptp-connections.html" class="title">PPTP connections</a></h2>
+    <span class="date">2017-01-01</span>
+        <a class="tag" href="/tag/openwrt.html"><span class="label">openwrt</span></a>
+        <a class="tag" href="/tag/linux.html"><span class="label">linux</span></a>
+        <a class="tag" href="/tag/router.html"><span class="label">router</span></a>
+  </div>
+  <div class="excerpt">
+    <table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre>1</pre></div></td><td class="code"><div class="highlight"><pre><span></span>opkg install kmod-nf-nathelper-extra
+</pre></div>
+</td></tr></table>
+  </div>
+  <div class="readmore"><a href="/pptp-connections.html"> Read more...</a></div>
+  </div>
+
+<div class="pagination pag-bottom">
+  <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <span class="page_number ">Page 1 of 1</span>
+    <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+        </div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
+      </div>
+      <footer role="contentinfo">
+        <div class="contact">
+          <p>
+          J. Fernando Sánchez Rada | balkian
+          </p>
+        </div>
+        <ul id="social">
+          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
+          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
+          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
+          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
+          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
+          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
+        </ul>
+          <p>
+          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
+          </p>
+      </footer>
+    </div>
+
+    <script src="/theme/js/jquery-2.0.2.min.js"></script>
+<!-- Piwik -->
+    <script type="text/javascript">
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+    var u="//piwik.sinpapel.es/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 2]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+    })();
+    </script>
+    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+    <!-- End Piwik Code -->
+
+    <!--<script src="/js/bootstrap.min.js"></script>-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/tag/rpi.html b/tag/rpi.html
index ab34d10..9d6879a 100644
--- a/tag/rpi.html
+++ b/tag/rpi.html
@@ -15,101 +15,49 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: rpi</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
-  <span class="date">2017-01-07</span>
-      <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html" class="title">HDMI-VGA adapter issues with Raspberry Pi</a></h2>
+    <span class="date">2017-01-07</span>
+        <a class="tag" href="/tag/rpi.html"><span class="label">rpi</span></a>
   </div>
   <div class="excerpt">
     <p>Avoid HDMI flickering/intermittent blanking on RPI with a 1400x1050 VGA monitor.</p>
@@ -125,7 +73,8 @@
 </pre></div>
 </td></tr></table>
   </div>
-  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"><i class="fa fa-external-link"></i> Read more...</a></div>
+  <div class="readmore"><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html"> Read more...</a></div>
+  </div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -133,7 +82,51 @@
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/ruby.html b/tag/ruby.html
index dd356fb..97e50ee 100644
--- a/tag/ruby.html
+++ b/tag/ruby.html
@@ -15,117 +15,63 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/creating-my-web.html">Creating my web</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: ruby</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -133,7 +79,55 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/creating-my-web.html">Creating my web</a></dt>
+      <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/starters.html b/tag/starters.html
index 3114be3..5182d21 100644
--- a/tag/starters.html
+++ b/tag/starters.html
@@ -15,117 +15,63 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/creating-my-web.html">Creating my web</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: starters</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
-  <span class="date">2013-08-22</span>
-      <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
-      <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
-      <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
-      <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
-      <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/creating-my-web.html" class="title">Creating my web</a></h2>
+    <span class="date">2013-08-22</span>
+        <a class="tag" href="/tag/starters.html"><span class="label">starters</span></a>
+        <a class="tag" href="/tag/javascript.html"><span class="label">javascript</span></a>
+        <a class="tag" href="/tag/ruby.html"><span class="label">ruby</span></a>
+        <a class="tag" href="/tag/github.html"><span class="label">github</span></a>
+        <a class="tag" href="/tag/git.html"><span class="label">git</span></a>
   </div>
   <div class="excerpt">
     <p>Finally, I've decided to set up a decent personal page. I have settled
 for github-pages because I like the idea of keeping my site in a
 repository and having someone else host and deploy it for me. The site
-will be really simple, mostly static files. Thanks to Github ...</p>
+will be really simple, mostly static files. Thanks to Github,
+<a class="reference external" href="http://jekyllrb.com">Jekyll …</a></p>
+  </div>
+  <div class="readmore"><a href="/creating-my-web.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/creating-my-web.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -133,7 +79,55 @@ will be really simple, mostly static files. Thanks to Github ...</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/creating-my-web.html">Creating my web</a></dt>
+      <dd class="tag"><a class="label" href="/tag/starters.html">starters</a></dd>
+      <dd class="tag"><a class="label" href="/tag/javascript.html">javascript</a></dd>
+      <dd class="tag"><a class="label" href="/tag/ruby.html">ruby</a></dd>
+      <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
+      <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/uwsgi.html b/tag/uwsgi.html
index af06280..6b7e92e 100644
--- a/tag/uwsgi.html
+++ b/tag/uwsgi.html
@@ -15,109 +15,53 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: uwsgi</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
-  <span class="date">2014-10-09</span>
-      <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
-      <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
-      <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
-      <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/proxies-with-apache-and-python.html" class="title">Proxies with Apache and python</a></h2>
+    <span class="date">2014-10-09</span>
+        <a class="tag" href="/tag/python.html"><span class="label">python</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+        <a class="tag" href="/tag/proxy.html"><span class="label">proxy</span></a>
+        <a class="tag" href="/tag/gunicorn.html"><span class="label">gunicorn</span></a>
+        <a class="tag" href="/tag/uwsgi.html"><span class="label">uwsgi</span></a>
   </div>
   <div class="excerpt">
     <p>This is a quick note on proxying a local python application (e.g. flask)
@@ -130,9 +74,10 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
 3
 4
 5</pre></div></td><td class="code"><div class="highlight"><pre><span></span><span class="nt">&lt;Location</span> <span class="s">/myapp/</span><span class="nt">&gt;</span>
-    <span class="nb">ProxyPass</span> http://127.0.0 ...</pre></div></td></tr></table></div>
+    <span class="nb">ProxyPass</span> http://127.0.0 …</pre></div></td></tr></table></div>
+  </div>
+  <div class="readmore"><a href="/proxies-with-apache-and-python.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/proxies-with-apache-and-python.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -140,7 +85,55 @@ a WSGI application with the name <em>application</em>. Hence, wsgi:application.<
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/proxies-with-apache-and-python.html">Proxies with Apache and python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+      <dd class="tag"><a class="label" href="/tag/proxy.html">proxy</a></dd>
+      <dd class="tag"><a class="label" href="/tag/gunicorn.html">gunicorn</a></dd>
+      <dd class="tag"><a class="label" href="/tag/uwsgi.html">uwsgi</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/webdav.html b/tag/webdav.html
index ffa2e14..4171057 100644
--- a/tag/webdav.html
+++ b/tag/webdav.html
@@ -15,116 +15,62 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/zotero.html">Zotero</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: webdav</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/zotero.html" class="title">Zotero</a></h2>
-  <span class="date">2014-12-09</span>
-      <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
-      <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
-      <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/zotero.html" class="title">Zotero</a></h2>
+    <span class="date">2014-12-09</span>
+        <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
+        <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
+        <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://www.zotero.org/">Zotero</a> is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as <a class="reference external" href="http://www.mendeley.com">Mendeley</a>, Zotero can
 upload the attachments and data to a private cloud via WebDav.</p>
-<p>If you use nginx as your web server, know that even though it provides ...</p>
+<p>If you use nginx as your web server, know that even though it provides …</p>
+  </div>
+  <div class="readmore"><a href="/zotero.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/zotero.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -132,7 +78,54 @@ upload the attachments and data to a private cloud via WebDav.</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/zotero.html">Zotero</a></dt>
+      <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
+      <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
+      <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tag/zigbee.html b/tag/zigbee.html
new file mode 100644
index 0000000..15fbff4
--- /dev/null
+++ b/tag/zigbee.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>balkian.com - zigbee</title>
+    <meta name="viewport" content="width=device-width">
+
+    <!-- syntax highlighting CSS -->
+    <link rel="stylesheet" href="/theme/css/solarized.css">
+    <!--<link href="/css/bootstrap.css" rel="stylesheet">-->
+    <link rel="stylesheet" href="/theme/font-awesome/css/font-awesome.min.css">
+
+    <!--<link rel="stylesheet" href="/css/bootstrap-responsive.min.css">-->
+
+    <!-- Custom CSS -->
+    <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
+  </head>
+  <body>
+    <div id="container" class="container">
+      <div id="contentwrapper">
+        <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
+          <!--Body content-->
+<div class="pagination pag-top">
+  <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
+    <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+
+<h1>Entries tagged: zigbee</h1>
+<!-- This loops through the paginated posts -->
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/controlling-zigbee-devices-with-mqtt.html" class="title">Controlling Zigbee devices with MQTT</a></h2>
+    <span class="date">2019-01-06</span>
+        <a class="tag" href="/tag/mqtt.html"><span class="label">mqtt</span></a>
+        <a class="tag" href="/tag/iot.html"><span class="label">iot</span></a>
+        <a class="tag" href="/tag/zigbee.html"><span class="label">zigbee</span></a>
+  </div>
+  <div class="excerpt">
+    <p>This is a short tutorial on connecting a zigbee device (an Aqara cube) to an MQTT server, so you can control your zigbee devices from the network.</p>
+<p>If you're anything like me, you're probably a sucker for IoT devices.
+For a long time, I've been using WiFi-enabled lights, and Amazon …</p>
+  </div>
+  <div class="readmore"><a href="/controlling-zigbee-devices-with-mqtt.html"> Read more...</a></div>
+  </div>
+
+<div class="pagination pag-bottom">
+  <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
+  <span class="page_number ">Page 1 of 1</span>
+    <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
+</div>
+        </div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
+      </div>
+      <footer role="contentinfo">
+        <div class="contact">
+          <p>
+          J. Fernando Sánchez Rada | balkian
+          </p>
+        </div>
+        <ul id="social">
+          <li><a href="http://github.com/balkian"><i class="fa fa-github"></i></a></li>
+          <li><a href="http://bitbucket.com/balkian"><i class="fa fa-bitbucket"></i></a></li>
+          <li><a href="http://twitter.com/balkian"><i class="fa fa-twitter"></i></a></li>
+          <li><a href="https://plus.google.com/u/0/111897020957944410316"><i class="fa fa-google-plus"></i></a></li>
+          <li><a href="http://linkedin.com/in/jfsanchezrada"><i class="fa fa-linkedin"></i></a></li>
+          <li><a href="http://facebook.com/balkian"><i class="fa fa-facebook"></i></a></li>
+        </ul>
+          <p>
+          <i class="fa fa-creative-commons"></i> Creative Commons A-SA-NC
+          </p>
+      </footer>
+    </div>
+
+    <script src="/theme/js/jquery-2.0.2.min.js"></script>
+<!-- Piwik -->
+    <script type="text/javascript">
+    var _paq = _paq || [];
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+    var u="//piwik.sinpapel.es/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 2]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+    })();
+    </script>
+    <noscript><p><img src="//piwik.sinpapel.es/piwik.php?idsite=2" style="border:0;" alt="" /></p></noscript>
+    <!-- End Piwik Code -->
+
+    <!--<script src="/js/bootstrap.min.js"></script>-->
+  </body>
+</html>
\ No newline at end of file
diff --git a/tag/zotero.html b/tag/zotero.html
index 00c8df2..ab3c21b 100644
--- a/tag/zotero.html
+++ b/tag/zotero.html
@@ -15,116 +15,62 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/zotero.html">Zotero</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="pagination pag-top">
   <span class="previouspage" style="visibility:hidden;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
-  <span class="page_number ">Page 1 of 1</span>
+  <!-- <span class="page_number ">Page 1 of 1</span> -->
     <span class="nextpage" style="visibility:hidden;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
 
 <h1>Entries tagged: zotero</h1>
 <!-- This loops through the paginated posts -->
-  <div class="posthead">
-    <h2><a href="/zotero.html" class="title">Zotero</a></h2>
-  <span class="date">2014-12-09</span>
-      <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
-      <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
-      <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
-      <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
+  <div class="article-entry">
+    <div class="posthead">
+        <h2><a href="/zotero.html" class="title">Zotero</a></h2>
+    <span class="date">2014-12-09</span>
+        <a class="tag" href="/tag/zotero.html"><span class="label">zotero</span></a>
+        <a class="tag" href="/tag/webdav.html"><span class="label">webdav</span></a>
+        <a class="tag" href="/tag/nginx.html"><span class="label">nginx</span></a>
+        <a class="tag" href="/tag/apache.html"><span class="label">apache</span></a>
   </div>
   <div class="excerpt">
     <p><a class="reference external" href="https://www.zotero.org/">Zotero</a> is an Open Source tool that lets
 you organise your bibliography, syncing it with the cloud. Unlike other
 alternatives such as <a class="reference external" href="http://www.mendeley.com">Mendeley</a>, Zotero can
 upload the attachments and data to a private cloud via WebDav.</p>
-<p>If you use nginx as your web server, know that even though it provides ...</p>
+<p>If you use nginx as your web server, know that even though it provides …</p>
+  </div>
+  <div class="readmore"><a href="/zotero.html"> Read more...</a></div>
   </div>
-  <div class="readmore"><a href="/zotero.html"><i class="fa fa-external-link"></i> Read more...</a></div>
 
 <div class="pagination pag-bottom">
   <span class="previouspage" style="display:none;"><i class="icon-chevron-sign-left"></i> Newer Posts</span>
@@ -132,7 +78,54 @@ upload the attachments and data to a private cloud via WebDav.</p>
     <span class="nextpage" style="display:none;">Older Posts <i class="icon-chevron-sign-right"></i></span>
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/zotero.html">Zotero</a></dt>
+      <dd class="tag"><a class="label" href="/tag/zotero.html">zotero</a></dd>
+      <dd class="tag"><a class="label" href="/tag/webdav.html">webdav</a></dd>
+      <dd class="tag"><a class="label" href="/tag/nginx.html">nginx</a></dd>
+      <dd class="tag"><a class="label" href="/tag/apache.html">apache</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/tags.html b/tags.html
index 52cf07e..cbe3a84 100644
--- a/tags.html
+++ b/tags.html
@@ -16,129 +16,124 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li  class="active" >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li  class="active" >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <h2>Post tags</h2>
 <a class="tag" href="/tag/python.html"><span style="font-size: 200.0%;" class="label label-default">python (4)</span></a>
-<a class="tag" href="/tag/git.html"><span style="font-size: 150.0%;" class="label label-default">git (3)</span></a>
 <a class="tag" href="/tag/github.html"><span style="font-size: 150.0%;" class="label label-default">github (3)</span></a>
-<a class="tag" href="/tag/javascript.html"><span style="font-size: 100.0%;" class="label label-default">javascript (2)</span></a>
+<a class="tag" href="/tag/git.html"><span style="font-size: 150.0%;" class="label label-default">git (3)</span></a>
+<a class="tag" href="/tag/linux.html"><span style="font-size: 100.0%;" class="label label-default">linux (2)</span></a>
 <a class="tag" href="/tag/apache.html"><span style="font-size: 100.0%;" class="label label-default">apache (2)</span></a>
-<a class="tag" href="/tag/ruby.html"><span style="font-size: 50.0%;" class="label label-default">ruby (1)</span></a>
-<a class="tag" href="/tag/editor.html"><span style="font-size: 50.0%;" class="label label-default">editor (1)</span></a>
-<a class="tag" href="/tag/nginx.html"><span style="font-size: 50.0%;" class="label label-default">nginx (1)</span></a>
-<a class="tag" href="/tag/heroku.html"><span style="font-size: 50.0%;" class="label label-default">heroku (1)</span></a>
-<a class="tag" href="/tag/proxy.html"><span style="font-size: 50.0%;" class="label label-default">proxy (1)</span></a>
-<a class="tag" href="/tag/starters.html"><span style="font-size: 50.0%;" class="label label-default">starters (1)</span></a>
-<a class="tag" href="/tag/arch.html"><span style="font-size: 50.0%;" class="label label-default">arch (1)</span></a>
-<a class="tag" href="/tag/org.html"><span style="font-size: 50.0%;" class="label label-default">org (1)</span></a>
+<a class="tag" href="/tag/javascript.html"><span style="font-size: 100.0%;" class="label label-default">javascript (2)</span></a>
+<a class="tag" href="/tag/mqtt.html"><span style="font-size: 50.0%;" class="label label-default">mqtt (1)</span></a>
+<a class="tag" href="/tag/iot.html"><span style="font-size: 50.0%;" class="label label-default">iot (1)</span></a>
+<a class="tag" href="/tag/zigbee.html"><span style="font-size: 50.0%;" class="label label-default">zigbee (1)</span></a>
 <a class="tag" href="/tag/rpi.html"><span style="font-size: 50.0%;" class="label label-default">rpi (1)</span></a>
-<a class="tag" href="/tag/uwsgi.html"><span style="font-size: 50.0%;" class="label label-default">uwsgi (1)</span></a>
-<a class="tag" href="/tag/gunicorn.html"><span style="font-size: 50.0%;" class="label label-default">gunicorn (1)</span></a>
+<a class="tag" href="/tag/openwrt.html"><span style="font-size: 50.0%;" class="label label-default">openwrt (1)</span></a>
+<a class="tag" href="/tag/router.html"><span style="font-size: 50.0%;" class="label label-default">router (1)</span></a>
+<a class="tag" href="/tag/arch.html"><span style="font-size: 50.0%;" class="label label-default">arch (1)</span></a>
 <a class="tag" href="/tag/emacs.html"><span style="font-size: 50.0%;" class="label label-default">emacs (1)</span></a>
-<a class="tag" href="/tag/pypi.html"><span style="font-size: 50.0%;" class="label label-default">pypi (1)</span></a>
-<a class="tag" href="/tag/linux.html"><span style="font-size: 50.0%;" class="label label-default">linux (1)</span></a>
 <a class="tag" href="/tag/productivity.html"><span style="font-size: 50.0%;" class="label label-default">productivity (1)</span></a>
+<a class="tag" href="/tag/editor.html"><span style="font-size: 50.0%;" class="label label-default">editor (1)</span></a>
+<a class="tag" href="/tag/org.html"><span style="font-size: 50.0%;" class="label label-default">org (1)</span></a>
 <a class="tag" href="/tag/dotfiles.html"><span style="font-size: 50.0%;" class="label label-default">dotfiles (1)</span></a>
 <a class="tag" href="/tag/zotero.html"><span style="font-size: 50.0%;" class="label label-default">zotero (1)</span></a>
 <a class="tag" href="/tag/webdav.html"><span style="font-size: 50.0%;" class="label label-default">webdav (1)</span></a>
+<a class="tag" href="/tag/nginx.html"><span style="font-size: 50.0%;" class="label label-default">nginx (1)</span></a>
+<a class="tag" href="/tag/proxy.html"><span style="font-size: 50.0%;" class="label label-default">proxy (1)</span></a>
+<a class="tag" href="/tag/gunicorn.html"><span style="font-size: 50.0%;" class="label label-default">gunicorn (1)</span></a>
+<a class="tag" href="/tag/uwsgi.html"><span style="font-size: 50.0%;" class="label label-default">uwsgi (1)</span></a>
+<a class="tag" href="/tag/pypi.html"><span style="font-size: 50.0%;" class="label label-default">pypi (1)</span></a>
+<a class="tag" href="/tag/heroku.html"><span style="font-size: 50.0%;" class="label label-default">heroku (1)</span></a>
+<a class="tag" href="/tag/starters.html"><span style="font-size: 50.0%;" class="label label-default">starters (1)</span></a>
+<a class="tag" href="/tag/ruby.html"><span style="font-size: 50.0%;" class="label label-default">ruby (1)</span></a>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/theme/css/main-desktop.css b/theme/css/main-desktop.css
old mode 100644
new mode 100755
index b1802e6..ec20a90
--- a/theme/css/main-desktop.css
+++ b/theme/css/main-desktop.css
@@ -8,19 +8,18 @@
   margin: 0 auto;
 }
 
-#contentwrapper {
-  width: 1200px;
-}
+/* #contentwrapper { */
+/*   width: 1200px; */
+/*   position:relative; */
+/* } */
 
 
-#content {
-  width: 840px;
-  padding: 10px 30px;
-  float: right;
-  overflow: display;
-  margin: 0;
-  border-bottom: dashed 1px #DDD;
-}
+/* #content { */
+/*   padding: 10px 30px; */
+/*   overflow: display; */
+/*   margin: 0; */
+/*   border-bottom: dashed 1px #DDD; */
+/* } */
 
 #content:after {
     content: ".";
@@ -37,9 +36,8 @@
   width: 10em;
   text-align: center;
   border-radius: 0px 0px 0px 15px;
+  border: solid #428bca;
   padding: 0.5em;
-  background-color: #428bca;
-  color: white;
   font-weight: bold;
 }
 
@@ -75,10 +73,6 @@ header {
   padding-left: 300px;
 }
 
-div.navbar {
-  background-color: black;
-}
-
 .navbar ul {
   list-style-type:none;
   margin:0;
@@ -87,7 +81,6 @@ div.navbar {
 
 .navbar li {
   display:inline;
-  color: white;
   text-align: center;
 }  
 
@@ -95,7 +88,6 @@ div.navbar {
   background-color: #F30;
   color: white;
   text-shadow: 0.1em 0.1em 0.1em black;
-  border-top: 1px solid #555;
   border-bottom: 1px solid #555;
 }
 
@@ -104,8 +96,6 @@ div.navbar {
   display: inline;
   text-decoration: none;
   font-weight: bold;
-  color: #CCC;
-  border-right: 1px solid #555;
   padding: 0.5em 1em;
 }
 .navbar li:first-child a {
@@ -116,7 +106,6 @@ div.navbar {
   color: #000;
   background-color: #fff;
   text-shadow: 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
-  border-top: 1px solid #555;
   border-bottom: 1px solid #555;
   z-index: 100;
 }
diff --git a/theme/css/main-medium.css b/theme/css/main-medium.css
index 62dd28a..f5f5126 100644
--- a/theme/css/main-medium.css
+++ b/theme/css/main-medium.css
@@ -1,35 +1,34 @@
 
-#contentwrapper {
-  position: relative;
-  background-color: rgba(255, 255, 255, 0.5);
-  overflow: display;
-  border: 1px solid #CCC;
-  display: inline-block;
+/* #contentwrapper { */
+/*   background-color: rgba(255, 255, 255, 0.5); */
+/*   overflow: display; */
+/*   border: 1px solid #CCC; */
+/*   display: inline-block; */
+/* } */
+
+/* #sidebar { */
+/*   width: 20%; */
+/*   text-align: right; */
+/*   border-right: dashed 1px #DDD; */
+/*   -webkit-box-sizing: border-box; /\* Safari/Chrome, other WebKit *\/ */
+/*   -moz-box-sizing: border-box;    /\* Firefox, other Gecko *\/ */
+/*   box-sizing: border-box;         /\* Opera/IE 8+ *\/ */
+/* } */
+
+
+/* #content { */
+/*   padding: 10px 10px; */
+/*   margin: 0; */
+/*   border-bottom: dashed 1px #DDD; */
+/*   -webkit-box-sizing: border-box; /\* Safari/Chrome, other WebKit *\/ */
+/*   -moz-box-sizing: border-box;    /\* Firefox, other Gecko *\/ */
+/*   box-sizing: border-box;         /\* Opera/IE 8+ *\/ */
+/* } */
+
+#content .full {
+    width: 100%;
 }
 
-#sidebar {
-  position: relative;
-  float: left;
-  width: 20%;
-  text-align: right;
-  border-right: dashed 1px #DDD;
-  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
-  box-sizing: border-box;         /* Opera/IE 8+ */
-}
-
-
-#content {
-  position: relative;
-  padding: 10px 10px;
-  width: 80%;
-  float: right;
-  margin: 0;
-  border-bottom: dashed 1px #DDD;
-  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
-  box-sizing: border-box;         /* Opera/IE 8+ */
-}
 
 #content:after {
     content: ".";
@@ -83,10 +82,6 @@ header {
   padding-left: 20%;;
 }
 
-div.navbar {
-  background-color: black;
-}
-
 .navbar ul {
   list-style-type:none;
   margin:0;
@@ -103,8 +98,6 @@ div.navbar {
   background-color: #F30;
   color: white;
   text-shadow: 0.1em 0.1em 0.1em black;
-  border-top: 1px solid #555;
-  border-bottom: 1px solid #555;
 }
 
 .navbar li a {
@@ -116,16 +109,12 @@ div.navbar {
   border-right: 1px solid #555;
   padding: 0.5em 1em;
 }
-.navbar li:first-child a {
-  border-left: 1px double #ccc;
-}
+
 .navbar li a:hover {
   position: relative;
   color: #000;
   background-color: #fff;
   text-shadow: 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
-  border-top: 1px solid #555;
-  border-bottom: 1px solid #555;
   z-index: 10;
 }
 
diff --git a/theme/css/main-xs.css b/theme/css/main-xs.css
index f3b331b..8de2d27 100644
--- a/theme/css/main-xs.css
+++ b/theme/css/main-xs.css
@@ -64,8 +64,6 @@ div.navbar {
   background-color: #F30;
   color: white;
   text-shadow: 0.1em 0.1em 0.1em black;
-  border-top: 1px solid #555;
-  border-bottom: 1px solid #555;
 }
 
 .navbar li a {
@@ -74,20 +72,14 @@ div.navbar {
   text-decoration: none;
   font-weight: bold;
   color: #CCC;
-  border-right: 1px solid #555;
   padding: 0.5em 1em;
   display: block;
 }
-.navbar li:first-child a {
-  border-left: 1px double #ccc;
-}
 .navbar li a:hover {
   position: relative;
   color: #000;
   background-color: #fff;
   text-shadow: 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
-  border-top: 1px solid #555;
-  border-bottom: 1px solid #555;
   z-index: 100;
 }
 
@@ -128,4 +120,4 @@ a {
   background-color: white;
   border: dashed 1px #AAA;
   text-align: center;
-}
\ No newline at end of file
+}
diff --git a/theme/css/main.css b/theme/css/main.css
old mode 100644
new mode 100755
index 735f32c..7e83ac4
--- a/theme/css/main.css
+++ b/theme/css/main.css
@@ -15,22 +15,246 @@ body {
   min-height: 100%;
   position:relative;
   margin: 0 auto;
+  background-color: white;
 }
 
-
-
-#sidebar {
+#contentwrapper {
   position: relative;
-  width: 300px;
-  float: left;
-  padding: 20px;
-  text-align: right;
-  border-right: dashed 1px #DDD;
-  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
-  box-sizing: border-box;         /* Opera/IE 8+ */
+  background-color: rgba(255, 255, 255, 0.5);
+  overflow: display;
+  border: 1px solid #CCC;
+  padding-bottom: 14em;
 }
 
+
+#contentwrapper,
+#content,
+#sidebar { 
+    //change the box model for simplicity
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+#contentwrapper {
+    font-size: 1em;
+    padding: 1.5em;
+    width: 100%;
+}
+
+#content,
+#sidebar {
+    position: relative;
+    display: inline-block;
+    vertical-align: top;
+    width: 100%;
+    padding-bottom: 2em;
+}
+
+#content p {
+    font-size: 18px;
+}
+
+@media (max-width: 700px) {
+    #sidebar {
+        display: none;
+    }
+}
+@media (min-width: 700px) {
+
+    #contentwrapper{
+        padding-bottom: 10em;
+        margin-top: 50px
+    }
+    #content {
+        width: 70%;
+        margin: 0;
+    }
+
+    footer {
+        height: 10em;
+        bottom: -0em;
+        position: absolute;
+    }
+
+    #sidebar {
+        width: 28%;
+        text-align: right;
+        padding-left: 50px;
+        position: relative;
+        
+    }
+
+    #badge{
+        position: relative;
+        margin: 0px auto 10px;
+        width: 80%;
+        height: 180px;
+        padding: 0;
+        /* margin-top: -2em; */
+        -webkit-transform: rotate(-4deg);
+        -moz-transform: rotate(-4deg);
+        transform: rotate(-4deg);
+        transition: 0.2s;
+        transition-delay: 0.4s;
+        z-index: 1000;
+    }
+
+    #badge * {
+        width: 100%;
+    }
+
+    /* entire container, keeps perspective */
+
+    .flip-container {
+    perspective: 1000;
+    -webkit-perspective: 1000;
+    }
+
+    #badge:hover {
+    -webkit-transform: translate(5px, 20px) rotate(0.5deg) scale(1.1);
+    -moz-transform: translate(5px, 20px) rotate(0.5deg) scale(1.1);
+    transform: translate(5px, 20px) rotate(0.5deg) scale(1.1);
+    transition-delay: 0s;
+    }
+
+    /* flip the pane when hovered */
+    .flip-container:hover .flipper, .flip-container.hover .flipper {
+    -webkit-transform: rotateY(180deg);
+    -moz-transform: rotateY(180deg);
+    transform: rotateY(180deg);
+    }
+
+    /* .flip-container, .front, .back { */
+    /* width: 100%; */
+    /* } */
+
+    /* flip speed goes here */
+    .flipper {
+    transition: 0.8s;
+    transform-style: preserve-3d;
+    -webkit-transform-style: preserve-3d;
+    -moz-transform-style: preserve-3d;
+
+    position: relative;
+    }
+
+    /* hide back of pane during swap */
+    .front, .back {
+    backface-visibility: hidden;
+    -webkit-backface-visibility: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 1%;
+    padding-bottom: 10%;
+    background-color: black;
+    box-shadow: -5px 5px 5px #555;
+    -webkit-box-shadow: -5px 5px 15px #555;
+    -moz-box-shadow: -5px 5px 15px #555;
+    }
+
+    /* front pane, placed above back */
+    .front {
+    z-index: 3;
+    }
+
+    /* back, initially hidden pane */
+    .back {
+    transform: rotateY(180deg);
+    -webkit-transform: rotateY(180deg);
+    z-index: 4;
+    }
+
+    .sticky:after {
+    content: "";
+    height: 20px;
+    width: 80px;
+    background: rgba(255,255,255,0.5);
+    position: absolute;
+    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
+        -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
+            box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
+    top: 0;
+    right: 8px;
+    margin: -8px -40px 0 0;
+    z-index: 1000;
+    -webkit-transform:rotate(43deg);
+    -moz-transform:rotate(43deg);
+    backface-visibility: hidden;
+    -moz-backface-visibility: hidden;
+    -webkit-backface-visibility: hidden;
+    }
+
+    .sticky:hover:after {
+    content: "";
+    visibility: hidden;
+    }
+
+    .date {
+        position: absolute;
+        right: 5px;
+        width: 10em;
+        text-align: center;
+        border-radius: 0px 0px 0px 15px;
+        padding: 0.5em;
+        background-color: #428bca;
+        color: white;
+        font-weight: bold;
+    }
+
+    h1 + .date {
+        margin-top: -3.5em;
+    }
+
+    h2 + .date {
+        margin-top: -2.5em;
+    }
+
+    .posthead {
+        margin-bottom: 1.5em;
+    }
+
+    .posthead h2, h1 {
+        margin-bottom: 0.5em;
+    }
+
+    .article-entry {
+        /* border-left: 5px solid blue; */
+        padding: 10px;
+        margin: 5px;
+    }
+
+}
+
+@media (min-width: 1200px) {
+    #contentwrapper {
+    width: 1200px;
+    position:relative;
+    }
+
+    #container {
+        width: 1200px;
+        margin: 0 auto;
+    }
+    #badge{
+        height: 270px;
+    }
+
+
+}
+/* #sidebar { */
+/*   position: relative; */
+/*   width: 300px; */
+/*   float: left; */
+/*   padding: 20px; */
+/*   text-align: right; */
+/*   border-right: dashed 1px #DDD; */
+/*   -webkit-box-sizing: border-box; /\* Safari/Chrome, other WebKit *\/ */
+/*   -moz-box-sizing: border-box;    /\* Firefox, other Gecko *\/ */
+/*   box-sizing: border-box;         /\* Opera/IE 8+ *\/ */
+/* } */
+
 .icons {
     text-align: center;
     color: #333;
@@ -73,125 +297,14 @@ body {
 .explanation {
     display:none;
 }
-#badge{
-  position: relative;
-  margin: 0px auto 10px;
-  width: 80%;
-  height: 180px;
-  padding: 0;
-  margin-top: -2em;
-  -webkit-transform: rotate(-4deg);
-  -moz-transform: rotate(-4deg);
-  transform: rotate(-4deg);
-  transition: 0.2s;
-  transition-delay: 0.4s;
-}
-
-/* entire container, keeps perspective */
-
-.flip-container {
-  perspective: 1000;
-  -webkit-perspective: 1000;
-}
-
-#badge:hover {
-  -webkit-transform: translate(5px, 20px) rotate(0.5deg) scale(1.1);
-  -moz-transform: translate(5px, 20px) rotate(0.5deg) scale(1.1);
-  transform: translate(5px, 20px) rotate(0.5deg) scale(1.1);
-  transition-delay: 0s;
-}
-
-/* flip the pane when hovered */
-.flip-container:hover .flipper, .flip-container.hover .flipper {
-  -webkit-transform: rotateY(180deg);
-  -moz-transform: rotateY(180deg);
-  transform: rotateY(180deg);
-}
-
-.flip-container, .front, .back {
-  width: 100%;
-}
-
-/* flip speed goes here */
-.flipper {
-  transition: 0.8s;
-  transform-style: preserve-3d;
-  -webkit-transform-style: preserve-3d;
-  -moz-transform-style: preserve-3d;
-
-  position: relative;
-}
-
-/* hide back of pane during swap */
-.front, .back {
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-  position: absolute;
-  top: 0;
-  left: 0;
-  padding: 1%;
-  padding-bottom: 10%;
-  background-color: black;
-  box-shadow: -5px 5px 5px #555;
-  -webkit-box-shadow: -5px 5px 15px #555;
-  -moz-box-shadow: -5px 5px 15px #555;
-}
-
-/* front pane, placed above back */
-.front {
-  z-index: 3;
-}
-
-/* back, initially hidden pane */
-.back {
-  transform: rotateY(180deg);
-  -webkit-transform: rotateY(180deg);
-  z-index: 4;
-}
-
-.sticky:after {
-  content: "";
-  height: 20px;
-  width: 80px;
-  background: rgba(255,255,255,0.5);
-  position: absolute;
-  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-     -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-          box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-  top: 0;
-  right: 8px;
-  margin: -8px -40px 0 0;
-  z-index: 1000;
-  -webkit-transform:rotate(43deg);
-  -moz-transform:rotate(43deg);
-  backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-}
-
-.sticky:hover:after {
-  content: "";
-  visibility: hidden;
-}
-
-#contentwrapper {
-  position: relative;
-  background-color: rgba(255, 255, 255, 0.5);
-  overflow: display;
-  border: 1px solid #CCC;
-  padding-bottom: 10.5em;
-}
 
 a {
-  color: #069;
+  color: #111;
   text-decoration: none;
 }
 
 footer {
     font-family: Comfortaa;
-    height: 10em;
-    bottom: -0em;
-    position: absolute;
     background-color: #000;
     color: white;
     text-align: center;
@@ -293,7 +406,7 @@ footer a:hover {
 }
 
 .pag-bottom {
-  bottom: -10px;
+  /* bottom: -10px; */
   /*margin: 0 auto;*/
   /*border-radius: 15px 15px 0 0;*/
   /*border: dashed 1px #AAA;*/
@@ -339,12 +452,12 @@ footer a:hover {
   display: block;
   overflow: auto;
   position: relative;
-  background-color: #EEE;
+  background-color: #FEFEFE;
   margin: 0 auto;
   width: 80%;
   padding: 0;
-  border: dashed 1px #AAA;
-  border-radius: 5px 0px 5px 5px;
+  border: solid 1px #CCC;
+  /* border-radius: 5px 0px 5px 5px; */
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
@@ -371,8 +484,6 @@ footer a:hover {
 
 #navbar {
   position: relative;
-  padding: 0.5em;
-  padding-left: 300px;
 }
 
 .pagination {
@@ -388,13 +499,13 @@ footer a:hover {
 }
 
 .pag-top{
-  margin: -9px auto;
+  margin: 0px auto;
   margin-bottom: 0;
   border-top-width: 0;
 }
 
 .pag-bottom {
-  bottom: -10px;
+  bottom: 0px;
   margin: 0 auto;
   border-bottom-width: 0;
 }
@@ -409,17 +520,21 @@ footer a:hover {
 
 .clear { clear: both; }
 
-.post img {
+.post {
   display: block;
   margin-left: auto;
-  margin-right: auto
+  margin-right: auto;
 }
 
+#content img {
+    max-width: 100%;
+}
+
+
 #headline {
   position: relative;
   margin: 0em;
   font-size: 4em;
-  padding-left: 300px;
   padding-top: 5px;
   font-family: comfortaa;
 }
@@ -472,6 +587,7 @@ a:hover {
   transform-origin: 95% 50%;
   -moz-transform-origin: 95% 50%;
   -webkit-transform-origin: 95% 50%;
+  background-color: #ffd700; */
 }
 
 .tag {
@@ -481,6 +597,7 @@ a:hover {
 .tag * {
   display: inline-block;
   color: black;
+  background-color: #ffd700; */
 }
 
 .hll {
@@ -491,7 +608,6 @@ a:hover {
   font-family: comfortaa;
   border-radius: 10px 0px 0px 10px;
   padding: 5px;
-  background-color: #ffd700;
   color: black;
   font-size: 10px;
   padding-left: 10px;
@@ -504,18 +620,172 @@ a:hover {
 }
 
 .readmore {
-    background: #EAEAEA;
+    /* background: #EAEAEA; */
     padding: 0.5em;
-    color: white;
-    border-radius: 0.5em;
+    /* color: white; */
+    border-radius: 0.5em 0.5em 0em 0em;
+    /* border-bottom: 1px solid; */
     margin: 1em auto;
     display: inline-block;
 }
 
-.readmore:hover {
-    background: #DADADA;
+.readmore:hover a {
+  border-bottom: 1px solid;
+
 }
 
 .readmore a {
     color: black;
-}
\ No newline at end of file
+}
+
+#content:after {
+    content: ".";
+    display: block;
+    clear: both;
+    visibility: hidden;
+    line-height: 0;
+    height: 0;
+}
+
+
+#headline {
+  padding-left: 20%;;
+}
+
+a {
+  /* color: #069; */
+  text-decoration: none;
+}
+
+.previouspost {
+  float: left;
+}
+
+
+.about {
+  position: relative;
+  margin: 0 auto;
+  text-align: center;
+  margin-top: 50px;
+  clear: both;
+}
+
+#about li, .about li {
+  line-height:1.5em;
+  border-bottom:1px solid #DDD;
+  float:left;
+  display:inline;
+  width: 33.333%;
+}
+
+@-webkit-keyframes toright {
+  from { 
+    padding-left: 0px;
+    opacity: 0;
+  }
+  to { 
+    padding-left: 150px;
+    opacity: 1;
+  }
+}
+
+@keyframes toright {
+  from { 
+    padding-left: 0px;
+    opacity: 0;
+  }
+  to { 
+    padding-left: 150px;
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes appear{
+  to { 
+    opacity: 1;
+  }
+  from { 
+    opacity: 0;
+  }
+}
+
+@keyframes appear{
+  to { 
+    opacity: 1;
+  }
+  from { 
+    opacity: 0;
+  }
+}
+
+#subheadline {
+  -webkit-animation-name:             toright; 
+  -webkit-animation-duration:         4s; 
+  -webkit-animation-iteration-count:  1;
+  -webkit-animation-timing-function: linear;
+  -webkit-animation-fill-mode: forwards;
+  animation-name:             toright; 
+  animation-duration:         4s; 
+  animation-iteration-count:  1;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+}
+
+.disappear {
+  -webkit-animation-name:             appear; 
+  -webkit-animation-duration:         4s; 
+  -webkit-animation-timing-function: linear;
+  -webkit-animation-iteration-count:  1;
+  -webkit-animation-fill-mode: forwards;
+  animation-name:             appear; 
+  animation-duration:         4s; 
+  animation-iteration-count:  1;
+  animation-timing-function: linear;
+  animation-fill-mode: forwards;
+}
+
+.navbar {
+  font-size: 1.2em;
+  margin: 0; 
+  padding: 0; 
+  list-style-type: none; 
+  list-style-image: none;
+
+}
+
+.navbar li {
+  text-align: center;
+  display: inline-block;
+  margin: 0;
+  padding: 0.5em;
+}  
+
+.navbar li:hover {
+  border-bottom: solid 2px black;
+}
+
+
+.navbar li {
+  margin: 0;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.navbar li:hover {
+  position: relative;
+  color: #000;
+  background-color: #fff;
+  text-shadow: 2px 2px #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff;
+}
+
+.navbar li.active {
+    border-bottom: solid 2px #C00;
+}
+
+.navbar a:hover {
+  color: #c00;
+}
+
+.previouspost {
+  float: left;
+}
diff --git a/theme/font-awesome-old/font/fontawesome-webfont.eot b/theme/font-awesome-old/font/fontawesome-webfont.eot
old mode 100644
new mode 100755
diff --git a/theme/font-awesome-old/font/fontawesome-webfont.svg b/theme/font-awesome-old/font/fontawesome-webfont.svg
old mode 100644
new mode 100755
diff --git a/theme/font-awesome-old/font/fontawesome-webfont.ttf b/theme/font-awesome-old/font/fontawesome-webfont.ttf
old mode 100644
new mode 100755
diff --git a/theme/font-awesome-old/font/fontawesome-webfont.woff b/theme/font-awesome-old/font/fontawesome-webfont.woff
old mode 100644
new mode 100755
diff --git a/updating-eurolovemap.html b/updating-eurolovemap.html
index 9b6b0f9..0dc3e2f 100644
--- a/updating-eurolovemap.html
+++ b/updating-eurolovemap.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="remove-git-files-with-globbing.html">Remove git files with globbing</a></span>
@@ -237,7 +170,64 @@ the <a class="reference external" href="http://slipsum.com/">Samuel L. Jackson I
 
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">
diff --git a/zotero.html b/zotero.html
index 2df04b9..7b99d89 100644
--- a/zotero.html
+++ b/zotero.html
@@ -16,103 +16,36 @@
 
     <!-- Custom CSS -->
     <link rel="stylesheet" media="only screen" href="/theme/css/main.css">
-    <link rel="stylesheet" media="only screen and (min-width: 0px) and (max-width: 599px)" href="/theme/css/main-xs.css">
-    <link rel="stylesheet" media="only screen and (min-width: 600px) and (max-width: 1199px)" href="/theme/css/main-medium.css">
-    <link rel="stylesheet" media="only screen and (min-width: 1200px)" href="/theme/css/main-desktop.css">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300|Comfortaa' rel='stylesheet' type='text/css'>
   </head>
   <body>
     <div id="container" class="container">
-      <header id="header">
-        <div id="navbar" class="navbar navbar-inverse navbar-static-bottom">
-          <div class="container">
-            <div class="navbar-header">
-              <ul class="nav navbar-nav">
-                <li >
-                  <a href="/"><i class="fa fa-home fa-large"></i></a>
-                </li>
-                <li  >
-                  <a href="/category/cheats.html">Cheats</a>
-                </li>
-                <li  class="active"
- >
-                  <a href="/category/misc.html">Misc</a>
-                </li>
-                <li >
-                  <a href="/tags.html">Tags</a>
-                </li>
-                 <li  >
-                  <a href="/pages/projects.html">Projects</a>
-                </li>
-                <li>
-                  <a href="//jfernando.es" target="_blank">CV</a>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </header>
       <div id="contentwrapper">
-        <div id="sidebar" >
-          <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
-              <div class="flipper sticky">
-                <div class="front">
-                  <!-- front content -->
-                  <img id="avatar" width=100% src="/theme/img/me.png">
-                </div>
-                <div class="back">
-                  <!-- back content -->
-                  <img id="picture" width=100% src="/theme/img/me-bat.png">
-                </div>
-              </div>
-          </div>
-
-          <div id="about" style="clear:both;">
-            <!-- <h1 class="title">Interests</h1> -->
-            <div class="icons">
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
-              <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
-            </div>
-          </div>
-          
-          <div class="entries">
-            <h2 class="title">Latest entries</h2>
-            <dl>
-                <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
-                <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
-                <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
-                <dt><a href="/org-mode-tricks.html">Org-mode tricks</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/emacs.html">emacs</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/productivity.html">productivity</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/editor.html">editor</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/org.html">org</a></dd>
-                <dt><a href="/sharing-dotfiles.html">Sharing dotfiles</a></dt>
-                  <dd class="tag"><a class="label" href="/tag/github.html">github</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/git.html">git</a></dd>
-                  <dd class="tag"><a class="label" href="/tag/dotfiles.html">dotfiles</a></dd>
-            </dl>
-          </div>
-
-          <!--Sidebar content-->
-        </div>
         <div id="content">
+      <header id="header">
+        <ul class="navbar" id="navbar">
+          <a href="/">
+          <li >
+            <i class="fa fa-home fa-large"></i>
+          </li></a>
+          <a href="/category/cheats.html"><li  >
+            Cheats
+          </li></a>
+          <a href="/category/misc.html"><li  class="active"
+ >
+            Misc
+          </li></a>
+          <a href="/tags.html"><li >
+            Tags
+          </li></a>
+           <a href="/pages/projects.html"><li  >
+            Projects
+          </li></a>
+          <a href="//jfernando.es" target="_blank"><li>
+            CV
+          </li></a>
+        </ul>
+      </header>
           <!--Body content-->
 <div class="postnav">
   <span class="previouspost"><i class="fa fa-chevron-left"></i> <a href="proxies-with-apache-and-python.html">Proxies with Apache and python</a></span>
@@ -232,7 +165,64 @@ client</li>
 
 </div>
         </div>
-        <div class="clear"></div>
+<div id="sidebar" >
+  <div id="badge" class="flip-container" ontouchstart="this.classList.toggle('hover');">
+    <div class="flipper sticky">
+      <div class="front">
+        <!-- front content -->
+        <img id="avatar" src="/theme/img/me.png">
+      </div>
+      <div class="back">
+        <!-- back content -->
+        <img id="picture" src="/theme/img/me-bat.png">
+      </div>
+    </div>
+  </div>
+
+  
+  <div class="entries">
+    <h2 class="title">Latest entries</h2>
+    <dl>
+      <dt><a href="/controlling-zigbee-devices-with-mqtt.html">Controlling Zigbee devices with MQTT</a></dt>
+      <dd class="tag"><a class="label" href="/tag/mqtt.html">mqtt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/iot.html">iot</a></dd>
+      <dd class="tag"><a class="label" href="/tag/zigbee.html">zigbee</a></dd>
+      <dt><a href="/hdmi-vga-adapter-issues-with-raspberry-pi.html">HDMI-VGA adapter issues with Raspberry Pi</a></dt>
+      <dd class="tag"><a class="label" href="/tag/rpi.html">rpi</a></dd>
+      <dt><a href="/pptp-connections.html">PPTP connections</a></dt>
+      <dd class="tag"><a class="label" href="/tag/openwrt.html">openwrt</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+      <dd class="tag"><a class="label" href="/tag/router.html">router</a></dd>
+      <dt><a href="/progress-bars-in-python.html">Progress bars in python</a></dt>
+      <dd class="tag"><a class="label" href="/tag/python.html">python</a></dd>
+      <dt><a href="/arch-linux-fixes.html">Arch Linux Fixes</a></dt>
+      <dd class="tag"><a class="label" href="/tag/arch.html">arch</a></dd>
+      <dd class="tag"><a class="label" href="/tag/linux.html">linux</a></dd>
+    </dl>
+  </div>
+  <div class="about" style="clear:both;">
+    <!-- <h2 class="title">About me</h2> -->
+    <div class="icons">
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa-stack-2x" ></i><i class="fa fa-stack-1x fa-linux"></i></span><span class="explanation">Linux lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-android"></i></span><span class="explanation">Android dev</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-github-alt"></i> </span><span class="explanation">GitHub user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-stack-exchange"></i> </span><span class="explanation">StackExchange fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-music"></i> </span><span class="explanation">Music lover</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-film"></i> </span><span class="explanation">Movie fan</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-comments"></i> </span><span class="explanation">Always on IM</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-laptop"></i> </span><span class="explanation">Always on a PC</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-pencil"></i> </span><span class="explanation">Occassional writter</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-moon-o"></i> </span><span class="explanation">Night owl</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-terminal"></i></span>      <span class="explanation">CLI user</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-flag"></i></span>      <span class="explanation">Linguist wannabe</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-code"></i> </span>           <span class="explanation">Love to code</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-book"></i></span>      <span class="explanation">Keen reader</span></span>
+      <span class="coolicon"><span class="fa fa-stack"> <i class="fa fa-square-o fa fa-stack-2x" ></i><i class="fa fa-quote-right"></i></span>      <span class="explanation">Quotes on demand</span></span>
+    </div>
+  </div>
+
+  <!--Sidebar content-->
+</div>        <div class="clear"></div>
       </div>
       <footer role="contentinfo">
         <div class="contact">