<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>$title$</title>
    <meta name="author" content="$author$">
    <meta name="description" content="$description$">
    <meta name="keywords" content="$keywords$">
    <link rel="stylesheet" href="/css/y.css"/>
    <link rel="alternate" type="application/rss+xml" href="/rss.xml" />
    <link rel="icon" href="/favicon.ico">
    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#d84100">
    <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#2E3440">
    $header-includes$
  </head>
  <body>
    <div class="main">
        <div id="logo">
          <a href="/">
            <svg width="5em" viewBox="0 0 64 64">
              <circle cx="32" cy="32" r="30" stroke="#a3aec2" stroke-width="1" fill="#2E3440"></circle>
              <circle cx="32" cy="32" r="12" stroke="#800" stroke-width="1" fill="#c20"></circle>
              <circle cx="32" cy="32" r="5" stroke-width="1" stroke="#f60" fill="#fa0"></circle>
              <ellipse cx="32" cy="14" rx="14" ry="8" stroke-width="0" fill="#FFF"></ellipse>
            </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>

      </div>
      <div id="postamble" class="status">
        <div class="content">
          <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> |
            <a href="#logo">↑ Top ↑</a>
          </nav>
        </div>
      </div>
    </div>
  </body>
</html>
