diff --git a/src/posts/0018-makefile-as-static-site-builder-follow-up/index.org b/src/drafts/0018-makefile-as-static-site-builder-follow-up/index.org
similarity index 100%
rename from src/posts/0018-makefile-as-static-site-builder-follow-up/index.org
rename to src/drafts/0018-makefile-as-static-site-builder-follow-up/index.org
diff --git a/templates/index.html b/templates/index.html
index e16066b..0548273 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,7 +16,7 @@
     <div class="main">
         <div id="logo">
           <a href="/">
-            <svg viewBox="0 0 64 64">
+            <svg width="3em" viewBox="0 0 64 64">
               <circle cx="32" cy="32" r="30" stroke="#a3aec2" stroke-width="2" fill="#2E3440"/>
               <circle cx="32" cy="32" r="12" stroke="#e62729" stroke-width="2" fill="#d84100"/>
               <circle cx="32" cy="32" r="6" stroke-width="0" fill="#c18600"/>
@@ -24,13 +24,100 @@
             </svg>
           </a>
         </div>
+
+          <nav>
+            <a href="/index.html">Home</a> |
+            <a href="/slides.html">Slides</a> |
+            <a href="/about-me.html">About</a>
+            <span class="details"> (<a href="https://gitea.esy.fun/yogsototh">code</a>
+              <a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+              <a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)</span>
+          </nav>
       <div id="content">
 $if(toc)$<div id="toc">$table-of-contents$</div>$endif$
 $body$
 
 <h3>Archives from my previous dead blog</h3>
 
-<ul><li><span class="pubDate">2016-10-01</span><a href="/Scratch/en/blog/Helping-avoid-Haskell-Success/">Tips in avoiding Haskell Success at all cost</a></li><li><span class="pubDate">2016-05-06</span><a href="/Scratch/en/blog/Haskell-Tutorials--a-tutorial/">Haskell Tutorials, a tutorial</a></li><li><span class="pubDate">2014-12-07</span><a href="/Scratch/en/blog/Vim-as-IDE/">Vim as IDE</a></li><li><span class="pubDate">2014-08-16</span><a href="/Scratch/en/blog/Safer-Haskell-Install/">Safer Haskell Install</a></li><li><span class="pubDate">2013-11-14</span><a href="/Scratch/en/blog/Holy-Haskell-Starter/">Holy Haskell Project Starter</a></li><li><span class="pubDate">2013-10-09</span><a href="/Scratch/en/blog/Parsec-Presentation/">Parsec Presentation</a></li><li><span class="pubDate">2013-08-06</span><a href="/Scratch/en/blog/Rational-Web-Framework-Choice/">Rational Web Framework Choice</a></li><li><span class="pubDate">2013-03-16</span><a href="/Scratch/en/blog/Hakyll-setup/">Hakyll setup</a></li><li><span class="pubDate">2013-03-14</span><a href="/Scratch/en/blog/Social-link-the-right-way/">Social link the right way</a></li><li><span class="pubDate">2012-12-12</span><a href="/Scratch/en/blog/Category-Theory-Presentation/">Category Theory Presentation</a></li><li><span class="pubDate">2012-06-15</span><a href="/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/">Haskell Progressive Example</a></li><li><span class="pubDate">2012-02-08</span><a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard</a></li><li><span class="pubDate">2012-02-02</span><a href="/Scratch/en/blog/Typography-and-the-Web/">Typography and the Web</a></li><li><span class="pubDate">2012-01-15</span><a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming</a></li><li><span class="pubDate">2011-10-20</span><a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages.</a></li><li><span class="pubDate">2011-10-04</span><a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas</a></li><li><span class="pubDate">2011-09-28</span><a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh</a></li><li><span class="pubDate">2011-09-28</span><a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience</a></li><li><span class="pubDate">2011-08-25</span><a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively</a></li><li><span class="pubDate">2011-08-17</span><a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff</a></li><li><span class="pubDate">2011-07-10</span><a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot</a></li><li><span class="pubDate">2011-05-18</span><a href="/Scratch/en/blog/Password-Management/">40 character's passwords</a></li><li><span class="pubDate">2011-04-20</span><a href="/Scratch/en/blog/2011-04-20-Now-hosted-on-github/">Now hosted on github</a></li><li><span class="pubDate">2011-01-03</span><a href="/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/">Why I won't use CoffeeScript (sadly)</a></li><li><span class="pubDate">2011-01-01</span><a href="/Scratch/en/blog/2011-01-03-Happy-New-Year/">Happy New Year</a></li><li><span class="pubDate">2010-10-26</span><a href="/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/">LaTeX like macro for markdown</a></li><li><span class="pubDate">2010-10-14</span><a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/">Fun with wav</a></li><li><span class="pubDate">2010-10-10</span><a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps</a></li><li><span class="pubDate">2010-10-06</span><a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints</a></li><li><span class="pubDate">2010-09-02</span><a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes</a></li><li><span class="pubDate">2010-09-02</span><a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone</a></li><li><span class="pubDate">2010-08-31</span><a href="/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">send mail from command line with attached file</a></li><li><span class="pubDate">2010-08-23</span><a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/">Now hosted by heroku</a></li><li><span class="pubDate">2010-08-11</span><a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1)</a></li><li><span class="pubDate">2010-07-31</span><a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays</a></li><li><span class="pubDate">2010-07-07</span><a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome</a></li><li><span class="pubDate">2010-07-05</span><a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery</a></li><li><span class="pubDate">2010-06-19</span><a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way</a></li><li><span class="pubDate">2010-06-17</span><a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics</a></li><li><span class="pubDate">2010-06-17</span><a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics</a></li><li><span class="pubDate">2010-06-15</span><a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine</a></li><li><span class="pubDate">2010-06-14</span><a href="/Scratch/en/blog/2010-06-14-multi-language-choices/">multi language choices</a></li><li><span class="pubDate">2010-05-24</span><a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism</a></li><li><span class="pubDate">2010-05-19</span><a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML?</a></li><li><span class="pubDate">2010-05-17</span><a href="/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/">I live again!</a></li><li><span class="pubDate">2010-03-23</span><a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git</a></li><li><span class="pubDate">2010-03-22</span><a href="/Scratch/en/blog/2010-03-22-Git-Tips/">Git Tips</a></li><li><span class="pubDate">2010-02-23</span><a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution</a></li><li><span class="pubDate">2010-02-18</span><a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword</a></li><li><span class="pubDate">2010-02-16</span><a href="/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/">Pragmatic Regular Expression Exclude (2)</a></li><li><span class="pubDate">2010-02-15</span><a href="/Scratch/en/blog/2010-02-15-All-but-something-regexp/">Pragmatic Regular Expression Exclude</a></li><li><span class="pubDate">2010-01-12</span><a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu</a></li><li><span class="pubDate">2010-01-04</span><a href="/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Change default shell on Mac OS X</a></li><li><span class="pubDate">2009-12-14</span><a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr</a></li><li><span class="pubDate">2009-12-06</span><a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter</a></li><li><span class="pubDate">2009-11-12</span><a href="/Scratch/en/blog/2009-11-12-Git-for-n00b/">Git for n00b</a></li><li><span class="pubDate">2009-10-30</span><a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE</a></li><li><span class="pubDate">2009-10-28</span><a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2)</a></li><li><span class="pubDate">2009-10-26</span><a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself</a></li><li><span class="pubDate">2009-10-23</span><a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line</a></li><li><span class="pubDate">2009-10-22</span><a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism</a></li><li><span class="pubDate">2009-10-13</span><a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage</a></li><li><span class="pubDate">2009-10-03</span><a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style</a></li><li><span class="pubDate">2009-09-28</span><a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched)</a></li><li><span class="pubDate">2009-09-23</span><a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud</a></li><li><span class="pubDate">2009-09-22</span><a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part</a></li><li><span class="pubDate">2009-09-17</span><a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously</a></li><li><span class="pubDate">2009-09-11</span><a href="/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/">Why I didn't keep whos.amung.us</a></li><li><span class="pubDate">2009-09-11</span><a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe</a></li><li><span class="pubDate">2009-09-07</span><a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard</a></li><li><span class="pubDate">2009-09-06</span><a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard&copy;</a></li><li><span class="pubDate">2009-08-18</span><a href="/Scratch/en/blog/06_How_I_use_git/">Git for self</a></li><li><span class="pubDate">2009-08-17</span><a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation</a></li><li><span class="pubDate">2009-08-15</span><a href="/Scratch/en/blog/04_drm/">DRM are EVIL</a></li><li><span class="pubDate">2009-08-04</span><a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway'</a></li><li><span class="pubDate">2009-07-22</span><a href="/Scratch/en/blog/02_ackgrep/">Better than Grep</a></li><li><span class="pubDate">2008-10-10</span><a href="/Scratch/en/blog/01_nanoc/">Nanoc</a></li></ul>
+<ul>
+  <li><span class="pubDate">2016-10-01</span> <a href="/Scratch/en/blog/Helping-avoid-Haskell-Success/">Tips in avoiding Haskell Success at all cost</a></li>
+  <li><span class="pubDate">2016-05-06</span> <a href="/Scratch/en/blog/Haskell-Tutorials--a-tutorial/">Haskell Tutorials, a tutorial</a></li>
+  <li><span class="pubDate">2014-12-07</span> <a href="/Scratch/en/blog/Vim-as-IDE/">Vim as IDE</a></li>
+  <li><span class="pubDate">2014-08-16</span> <a href="/Scratch/en/blog/Safer-Haskell-Install/">Safer Haskell Install</a></li>
+  <li><span class="pubDate">2013-11-14</span> <a href="/Scratch/en/blog/Holy-Haskell-Starter/">Holy Haskell Project Starter</a></li>
+  <li><span class="pubDate">2013-10-09</span> <a href="/Scratch/en/blog/Parsec-Presentation/">Parsec Presentation</a></li>
+  <li><span class="pubDate">2013-08-06</span> <a href="/Scratch/en/blog/Rational-Web-Framework-Choice/">Rational Web Framework Choice</a></li>
+  <li><span class="pubDate">2013-03-16</span> <a href="/Scratch/en/blog/Hakyll-setup/">Hakyll setup</a></li>
+  <li><span class="pubDate">2013-03-14</span> <a href="/Scratch/en/blog/Social-link-the-right-way/">Social link the right way</a></li>
+  <li><span class="pubDate">2012-12-12</span> <a href="/Scratch/en/blog/Category-Theory-Presentation/">Category Theory Presentation</a></li>
+  <li><span class="pubDate">2012-06-15</span> <a href="/Scratch/en/blog/Haskell-OpenGL-Mandelbrot/">Haskell Progressive Example</a></li>
+  <li><span class="pubDate">2012-02-08</span> <a href="/Scratch/en/blog/Haskell-the-Hard-Way/">Learn Haskell Fast and Hard</a></li>
+  <li><span class="pubDate">2012-02-02</span> <a href="/Scratch/en/blog/Typography-and-the-Web/">Typography and the Web</a></li>
+  <li><span class="pubDate">2012-01-15</span> <a href="/Scratch/en/blog/Yesod-tutorial-for-newbies/">Haskell web programming</a></li>
+  <li><span class="pubDate">2011-10-20</span> <a href="/Scratch/en/blog/SVG-and-m4-fractals/">Increase the power of deficient languages.</a></li>
+  <li><span class="pubDate">2011-10-04</span> <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas</a></li>
+  <li><span class="pubDate">2011-09-28</span> <a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh</a></li>
+  <li><span class="pubDate">2011-09-28</span> <a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience</a></li>
+  <li><span class="pubDate">2011-08-25</span> <a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively</a></li>
+  <li><span class="pubDate">2011-08-17</span> <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff</a></li>
+  <li><span class="pubDate">2011-07-10</span> <a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot</a></li>
+  <li><span class="pubDate">2011-05-18</span> <a href="/Scratch/en/blog/Password-Management/">40 character's passwords</a></li>
+  <li><span class="pubDate">2011-04-20</span> <a href="/Scratch/en/blog/2011-04-20-Now-hosted-on-github/">Now hosted on github</a></li>
+  <li><span class="pubDate">2011-01-03</span> <a href="/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/">Why I won't use CoffeeScript (sadly)</a></li>
+  <li><span class="pubDate">2011-01-01</span> <a href="/Scratch/en/blog/2011-01-03-Happy-New-Year/">Happy New Year</a></li>
+  <li><span class="pubDate">2010-10-26</span> <a href="/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/">LaTeX like macro for markdown</a></li>
+  <li><span class="pubDate">2010-10-14</span> <a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/">Fun with wav</a></li>
+  <li><span class="pubDate">2010-10-10</span> <a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps</a></li>
+  <li><span class="pubDate">2010-10-06</span> <a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints</a></li>
+  <li><span class="pubDate">2010-09-02</span> <a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes</a></li>
+  <li><span class="pubDate">2010-09-02</span> <a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone</a></li>
+  <li><span class="pubDate">2010-08-31</span> <a href="/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">send mail from command line with attached file</a></li>
+  <li><span class="pubDate">2010-08-23</span> <a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/">Now hosted by heroku</a></li>
+  <li><span class="pubDate">2010-08-11</span> <a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1)</a></li>
+  <li><span class="pubDate">2010-07-31</span> <a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays</a></li>
+  <li><span class="pubDate">2010-07-07</span> <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome</a></li>
+  <li><span class="pubDate">2010-07-05</span> <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery</a></li>
+  <li><span class="pubDate">2010-06-19</span> <a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way</a></li>
+  <li><span class="pubDate">2010-06-17</span> <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics</a></li>
+  <li><span class="pubDate">2010-06-17</span> <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics</a></li>
+  <li><span class="pubDate">2010-06-15</span> <a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine</a></li>
+  <li><span class="pubDate">2010-06-14</span> <a href="/Scratch/en/blog/2010-06-14-multi-language-choices/">multi language choices</a></li>
+  <li><span class="pubDate">2010-05-24</span> <a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism</a></li>
+  <li><span class="pubDate">2010-05-19</span> <a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML?</a></li>
+  <li><span class="pubDate">2010-05-17</span> <a href="/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/">I live again!</a></li>
+  <li><span class="pubDate">2010-03-23</span> <a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git</a></li>
+  <li><span class="pubDate">2010-03-22</span> <a href="/Scratch/en/blog/2010-03-22-Git-Tips/">Git Tips</a></li>
+  <li><span class="pubDate">2010-02-23</span> <a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution</a></li>
+  <li><span class="pubDate">2010-02-18</span> <a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword</a></li>
+  <li><span class="pubDate">2010-02-16</span> <a href="/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/">Pragmatic Regular Expression Exclude (2)</a></li>
+  <li><span class="pubDate">2010-02-15</span> <a href="/Scratch/en/blog/2010-02-15-All-but-something-regexp/">Pragmatic Regular Expression Exclude</a></li>
+  <li><span class="pubDate">2010-01-12</span> <a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu</a></li>
+  <li><span class="pubDate">2010-01-04</span> <a href="/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Change default shell on Mac OS X</a></li>
+  <li><span class="pubDate">2009-12-14</span> <a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr</a></li>
+  <li><span class="pubDate">2009-12-06</span> <a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter</a></li>
+  <li><span class="pubDate">2009-11-12</span> <a href="/Scratch/en/blog/2009-11-12-Git-for-n00b/">Git for n00b</a></li>
+  <li><span class="pubDate">2009-10-30</span> <a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE</a></li>
+  <li><span class="pubDate">2009-10-28</span> <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2)</a></li>
+  <li><span class="pubDate">2009-10-26</span> <a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself</a></li>
+  <li><span class="pubDate">2009-10-23</span> <a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line</a></li>
+  <li><span class="pubDate">2009-10-22</span> <a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism</a></li>
+  <li><span class="pubDate">2009-10-13</span> <a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage</a></li>
+  <li><span class="pubDate">2009-10-03</span> <a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style</a></li>
+  <li><span class="pubDate">2009-09-28</span> <a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched)</a></li>
+  <li><span class="pubDate">2009-09-23</span> <a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud</a></li>
+  <li><span class="pubDate">2009-09-22</span> <a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part</a></li>
+  <li><span class="pubDate">2009-09-17</span> <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously</a></li>
+  <li><span class="pubDate">2009-09-11</span> <a href="/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/">Why I didn't keep whos.amung.us</a></li>
+  <li><span class="pubDate">2009-09-11</span> <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe</a></li>
+  <li><span class="pubDate">2009-09-07</span> <a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard</a></li>
+  <li><span class="pubDate">2009-09-06</span> <a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard&copy;</a></li>
+  <li><span class="pubDate">2009-08-18</span> <a href="/Scratch/en/blog/06_How_I_use_git/">Git for self</a></li>
+  <li><span class="pubDate">2009-08-17</span> <a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation</a></li>
+  <li><span class="pubDate">2009-08-15</span> <a href="/Scratch/en/blog/04_drm/">DRM are EVIL</a></li>
+  <li><span class="pubDate">2009-08-04</span> <a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway'</a></li>
+  <li><span class="pubDate">2009-07-22</span> <a href="/Scratch/en/blog/02_ackgrep/">Better than Grep</a></li>
+  <li><span class="pubDate">2008-10-10</span> <a href="/Scratch/en/blog/01_nanoc/">Nanoc</a></li>
+</ul>
 
       </div>
       <div id="postamble" class="status">
diff --git a/templates/post.html b/templates/post.html
index 1553d63..5643039 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -16,7 +16,7 @@
     <div class="main">
         <div id="logo">
           <a href="/">
-            <svg viewBox="0 0 64 64">
+            <svg width="3em" viewBox="0 0 64 64">
               <circle cx="32" cy="32" r="30" stroke="#a3aec2" stroke-width="2" fill="#2E3440"/>
               <circle cx="32" cy="32" r="12" stroke="#e62729" stroke-width="2" fill="#d84100"/>
               <circle cx="32" cy="32" r="6" stroke-width="0" fill="#c18600"/>