diff --git a/content/css/main.css b/content/css/main.css
index 1c4974872..687534a51 100644
--- a/content/css/main.css
+++ b/content/css/main.css
@@ -139,6 +139,7 @@ pre
   border-radius: 3px
   padding: 1em
   line-height: 1.2em
+  font-size: .9em
 
 p
   margin-bottom: 1.2em
@@ -788,3 +789,11 @@ ul.bloglist, .archive ul
 
 .pala
   font-family: Palatino
+
+.article .corps 
+  p, ul li, ol li
+    a:after
+      content: "☆"
+      vertical-align: super
+      font-size: .5em
+      color: ($mainTextColor/3) + 2*($mainBackgroundColor/3)
diff --git a/content/html/en/blog/Yesod-excellent-ideas.md b/content/html/en/blog/Yesod-excellent-ideas.md
index 8fb57e2cc..2a3625b26 100644
--- a/content/html/en/blog/Yesod-excellent-ideas.md
+++ b/content/html/en/blog/Yesod-excellent-ideas.md
@@ -41,14 +41,17 @@ Safe types are the chains around all strings you'll use.
 Yesod does its best to handle cross scripting issues. Both between the client and the server and between the server and your DB.
 Here is an example:
 
-<code class="html"> 
-<a href=@[AnotherPageR]>Go to the other page
+<code class="html"><a href=@[AnotherPageR]>Go to the other page
 </code>
 
 As `AnotherPageR` is of type URL and it could not contains something nefarious.
 It will be an URL safe. Not something like:
 
-    falselink"><script> bad_code(); </script><a href="pipo
+<code class="html">
+falselink"><script> bad_code(); </script><a href="pipo
+</code>
+
+Type safety is not magic, but it will help a lot resolving these issues.
 
 ## Widgets
 
@@ -132,7 +135,8 @@ and make the test inside the handler
 
 From a very subjective point of vue and from what I heard, Haskell is a node.js done as it should be.
 
-1. _Speed_. This is just astounding.
+
+1. _Speed_. This is just astounding. Look at [this](http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks) and then to [this](http://www.yesodweb.com/blog/2011/02/warp-speed-ahead).
 2. _Haskell_. This is certainly hard to learn but it is just incredibly awesome. If you want to make you a favor. Just learn Haskell. It will be difficult, far more than you can imagine. It is very different from all other languages I used.
 3. _Good ideas, excellent community_. I follow yesod from some month now and the speed at which the project progress is incredible.
 
diff --git a/content/html/fr/blog/Yesod-excellent-ideas.md b/content/html/fr/blog/Yesod-excellent-ideas.md
index 0b08ddd72..2b09e46fe 100644
--- a/content/html/fr/blog/Yesod-excellent-ideas.md
+++ b/content/html/fr/blog/Yesod-excellent-ideas.md
@@ -42,12 +42,15 @@ Les "types saufs" sont le [tonyglandil du web](https://www.youtube.com/watch?v=1
 
 Yesod fait de son mieux pour typer les objets manipulés et ainsi il fera ce qu'il faut pour ne pas mettre du script dans une URL par exemple.
 
-<code class="html"> 
-<a href=@[AnotherPageR]>Go to the other page
+<code class="html"><a href=@[AnotherPageR]>Go to the other page
 </code>
 
 
-    falselink"><script> bad_code(); </script><a href="pipo
+<code class="html">
+falselink"><script> bad_code(); </script><a href="pipo
+</code>
+
+Les types saufs ne sont pas magiques, mais ils aident beaucoup à résoudre ces problèmes.
 
 ## Les widgets
 
@@ -132,7 +135,8 @@ et faire le test "est-ce que date = 2003 ?" dans le «handler».
 D'un point de vu très subjectif et de ce que j'ai lu. 
 Haskell est un node.js fait en beaucoup mieux.
 
-1. _La vitesse_. Simplement incroyable, je ne pense pas qu'il existe quelque chose de plus rapide aujourd'hui.
+
+1. _La vitesse_. Simplement incroyable, je ne pense pas qu'il existe quelque chose de plus rapide aujourd'hui. Regardez d'abord cet [article](http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks) puis [celui-ci](http://www.yesodweb.com/blog/2011/02/warp-speed-ahead).
 2. _Haskell_. C'est certainement le langage de programmation le plus difficile à apprendre que j'ai jamais rencontré. Mais aussi l'un des plus incroyables. Si vous voulez rencontrer tout un tas de notions que vous n'avez jamais croisée avant et faire exploser votre cerveau avec de nouvelles idées, alors apprenez Haskell.
 3. _Bonnes idées et communauté excellente_. Cela fait quelques mois que je suis la progression de yesod. Et la vitesse à laquelle ça s'est fait est simplement incroyable. De plus les développeur sont intelligents et super sympa.
 
diff --git a/layouts/article.html b/layouts/article.html
index 79a31839d..e318974f9 100644
--- a/layouts/article.html
+++ b/layouts/article.html
@@ -34,7 +34,7 @@
         -->
         <title><%= @item[:title] %></title>
     </head>
-    <body lang="<%= language %>">
+    <body lang="<%= language %>" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
             // ]]>
diff --git a/multi/blog/Yesod-excellent-ideas.md b/multi/blog/Yesod-excellent-ideas.md
index 46db6411f..bd4d4c863 100644
--- a/multi/blog/Yesod-excellent-ideas.md
+++ b/multi/blog/Yesod-excellent-ideas.md
@@ -56,8 +56,7 @@ en: Yesod does its best to handle cross scripting issues. Both between the clien
 en: Here is an example:
 fr: Yesod fait de son mieux pour typer les objets manipulés et ainsi il fera ce qu'il faut pour ne pas mettre du script dans une URL par exemple.
 
-<code class="html"> 
-<a href=@[AnotherPageR]>Go to the other page
+<code class="html"><a href=@[AnotherPageR]>Go to the other page
 </code>
 
 en: As `AnotherPageR` is of type URL and it could not contains something nefarious.
@@ -188,10 +187,11 @@ en: From a very subjective point of vue and from what I heard, Haskell is a node
 fr: D'un point de vu très subjectif et de ce que j'ai lu. 
 fr: Haskell est un node.js fait en beaucoup mieux.
 
-en: 1. _Speed_. This is just astounding. Look at ["this"](http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks) and then to ["this"](http://www.yesodweb.com/blog/2011/02/warp-speed-ahead).
+
+en: 1. _Speed_. This is just astounding. Look at [this](http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks) and then to [this](http://www.yesodweb.com/blog/2011/02/warp-speed-ahead).
 en: 2. _Haskell_. This is certainly hard to learn but it is just incredibly awesome. If you want to make you a favor. Just learn Haskell. It will be difficult, far more than you can imagine. It is very different from all other languages I used.
 en: 3. _Good ideas, excellent community_. I follow yesod from some month now and the speed at which the project progress is incredible.
-fr: 1. _La vitesse_. Simplement incroyable, je ne pense pas qu'il existe quelque chose de plus rapide aujourd'hui. Regardez d'abord cet ["article"](http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks) puis ["celui-ci"](http://www.yesodweb.com/blog/2011/02/warp-speed-ahead).
+fr: 1. _La vitesse_. Simplement incroyable, je ne pense pas qu'il existe quelque chose de plus rapide aujourd'hui. Regardez d'abord cet [article](http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks) puis [celui-ci](http://www.yesodweb.com/blog/2011/02/warp-speed-ahead).
 fr: 2. _Haskell_. C'est certainement le langage de programmation le plus difficile à apprendre que j'ai jamais rencontré. Mais aussi l'un des plus incroyables. Si vous voulez rencontrer tout un tas de notions que vous n'avez jamais croisée avant et faire exploser votre cerveau avec de nouvelles idées, alors apprenez Haskell.
 fr: 3. _Bonnes idées et communauté excellente_. Cela fait quelques mois que je suis la progression de yesod. Et la vitesse à laquelle ça s'est fait est simplement incroyable. De plus les développeur sont intelligents et super sympa.
 
diff --git a/output/Scratch/assets/css/main.css b/output/Scratch/assets/css/main.css
index c4ca95568..a07995033 100644
--- a/output/Scratch/assets/css/main.css
+++ b/output/Scratch/assets/css/main.css
@@ -1 +1 @@
-*{transition-property:all;transition-duration:.5s;-moz-transition-property:all;-moz-transition-duration:.5s;-webkit-transition-property:all;-webkit-transition-duration:.5s;-o-transition-property:all;-o-transition-duration:.5s}table.description tr td{border:1px solid#eee}.assombris20{background-color:#eee}body{color:#333;background-color:#fafafa}#content{color:#333;background-color:#fafafa}a:hover{text-shadow:0 0 2px#faa}a,a:link,a:visited,a:active,a:hover{text-decoration:none;outline:none}a,a:link,a:visited,a:active{color:#333}a:hover{color:#a53}hr{color:#eee;border-top:1px solid#eee;border-bottom:none;border-left:none;border-right:none}ul{list-style:square}ol,ul{padding-left:0}ol li,ul li{margin:.5em 0}ol li ul,ol li ol,ul li ol,ul li ul{margin:.5em 1.5em;list-style:circle}body,h1,h2,h3,h4,#entete,.tag{font-family:Georgia,Palatino,"Century Schoolbook L","Times New Roman",Times,serif;line-height:1.4em}pre{background-color:#333;color:#fafafa;box-shadow:0 0 1em black inset;border-radius:3px;padding:1em;line-height:1.2em}p{margin-bottom:1.2em}blockquote{font-style:italic;padding:.5em 1em;color:#555;background-color:#f2f2f2;border:1px solid#ccc}blockquote a:hover{color:#a53}blockquote strong,blockquote b,blockquote i,blockquote em{font-weight:400;font-style:normal;color:#333}abbr,acronym{font-variant:small-caps;text-decoration:none;border-bottom-width:0}#titre{letter-spacing:-0.06em;border-bottom:4px double#ccc;border-top:4px double#ccc}#liens .active,#sousliens{color:#333;border:#ccc solid 1px;border-radius:5px;box-shadow:0 0 2px#ccc inset;background-color:#eee}#liens .active a,#sousliens a{color:#666}#liens .active a:hover,#sousliens a:hover{color:#a53}#liens .active a:hover strong,#liens .active a:hover b,#liens .active a:hover i,#liens .active a:hover em,#liens .active a:hover .nicer,#sousliens a:hover strong,#sousliens a:hover b,#sousliens a:hover i,#sousliens a:hover em,#sousliens a:hover .nicer{color:#fb9}#liens .active hr,#sousliens hr{color:#666;border-top:1px solid#666}#liens .active strong,#liens .active b,#liens .active i,#liens .active em,#sousliens strong,#sousliens b,#sousliens i,#sousliens em{color:#333}#liens a{border:1px solid#eee;background:rgba(0,0,0,0.05);box-shadow:0 0 2px white,0 0 3px#ccc inset;border:1px solid rgba(0,0,0,0.1);border-radius:3px}#liens a:hover{background:rgba(0,0,0,0.1);box-shadow:0 0 6px#555 inset}#liens .active{text-shadow:0 0 2px rgba(0,0,0,0.5);background-color:#f7f7f7;border:1px solid #e9e9e9;box-shadow:0 0 3px #c7c7c7 inset;border-radius:3px;border-top:none}#lastmod{font-size:.8em}.nojsbutton{font-size:2.5em}#clickcomment,#choixlang > a,#choixrss > a,.return > a{display:block;width:25%;cursor:pointer;margin:1em 0;padding:1em;font-size:16px;line-height:1.4em;border-radius:1.5em;border:2px solid #fafafa;color:#ccc}#clickcomment:hover,#choixlang > a:hover,#choixrss > a:hover,.return > a:hover{color:#e25f2f;text-shadow:0 0 2px#faa;background:#ececec;box-shadow:0 -1px 8px#ccc inset}#clickcomment:active,#choixlang > a:active,#choixrss > a:active,.return > a:active{color:#e25f2f;text-shadow:0 0 2px#faa;background:#eee;box-shadow:0 -1px 8px#aaa inset}.return > a,#choixrss > a{float:right}#choix .return > a,#choix #choixrss > a{margin-top:0}.small{font-size:.8em}.sc{font-variant:small-caps}.impact,.darkimpact{font-size:2em;margin:0 auto 1em auto;line-height:1.3em}h1 > .date{font-size:.6em;color:#333}.date{font-size:.8em;color:#fafafa;border:1px solid#333;text-align:center;width:4.1em;line-height:1.5em;display:inline-block;vertical-align:middle;margin-right:1em}.date .day,.date .month,.date .year{display:block}.date .day{color:#333;background-color:#fafafa;float:left;width:1.7em}.date .month{float:right;width:2.3em;background-color:#333;color:#fafafa}.date .year{line-height:3ex;clear:both;color:#333;border:#ccc solid 1px;border-radius:5px;box-shadow:0 0 2px#ccc inset;background-color:#eee}.date .year a{color:#666}.date .year a:hover{color:#a53}.date .year a:hover strong,.date .year a:hover b,.date .year a:hover i,.date .year a:hover em,.date .year a:hover .nicer{color:#fb9}.date .year hr{color:#666;border-top:1px solid#666}.date .year strong,.date .year b,.date .year i,.date .year em{color:#333}body{text-align:center;font-size:1em}body > #entete{position:absolute;left:0;top:.5em;width:100%;min-width:50em;z-index:8000;padding-bottom:1em;margin-bottom:3em}#titre h2{width:80%;margin-left:auto;margin-right:auto;text-align:center;color:#ccc}#titre{text-align:center;width:100%}#titre h1,#titre h2{padding-left:1em;padding-right:1em}#bottom{clear:right;margin-right:0;padding:1.5em;line-height:1.5em;color:#ccc;margin-top:2em;text-align:center}#bottom a{color:#ccc}#bottom a:hover{color:#a53}#sousliens{padding:1em 0;line-height:2em}#sousliens ul{list-style:none;margin-left:4em}ul.horizontal li{display:inline;font-size:.9em}ul.horizontal{margin-top:0;margin-bottom:0}#entete{padding-top:.1em;border-top:1px solid#ccc;border-bottom:1px solid#ccc}#liens{width:100%;padding:0;clear:both;margin-top:.5em}#liens ul{width:100%;clear:both;padding:0;margin:0}#liens ul li{display:inline-block;height:4em;margin-left:.2em;margin-right:.2em;width:23%}#liens ul li a,#liens ul li span{width:100%;display:block;line-height:4em}.clear{clear:both}#content{line-height:4em;margin-left:auto;margin-right:auto;margin-top:0;position:relative;clear:both;width:52em}.encadre,.black,.red,.intro,.resume,.shadow{padding:2em;margin-top:2em;margin-bottom:2em}.encadre,.black,.red,.shadow{color:#333;border:#ccc solid 1px;border-radius:5px;box-shadow:0 0 2px#ccc inset;background-color:#eee}.encadre a,.black a,.red a,.shadow a{color:#666}.encadre a:hover,.black a:hover,.red a:hover,.shadow a:hover{color:#a53}.encadre a:hover strong,.encadre a:hover b,.encadre a:hover i,.encadre a:hover em,.encadre a:hover .nicer,.black a:hover strong,.black a:hover b,.black a:hover i,.black a:hover em,.black a:hover .nicer,.red a:hover strong,.red a:hover b,.red a:hover i,.red a:hover em,.red a:hover .nicer,.shadow a:hover strong,.shadow a:hover b,.shadow a:hover i,.shadow a:hover em,.shadow a:hover .nicer{color:#fb9}.encadre hr,.black hr,.red hr,.shadow hr{color:#666;border-top:1px solid#666}.encadre strong,.encadre b,.encadre i,.encadre em,.black strong,.black b,.black i,.black em,.red strong,.red b,.red i,.red em,.shadow strong,.shadow b,.shadow i,.shadow em{color:#333}.intro,.resume{font-size:.9em;font-style:italic;padding:.5em 1em;color:#555}.intro a:hover,.resume a:hover{color:#a53}.intro strong,.intro b,.intro i,.intro em,.resume strong,.resume b,.resume i,.resume em{font-weight:400;font-style:normal;color:#333}#afterheader > h1{width:100%;padding-top:1.5em;text-align:left}#afterheader{padding-left:0;padding-right:0}#sousliens{margin-top:3em;margin-bottom:3em;font-size:1.2em;letter-spacing:1px;text-align:left;clear:both}.twilight{line-height:1.1em}.corps{font-family:Georgia,Palatino,"Century Schoolbook L","Times New Roman",Times,serif;font-size:1.25em;line-height:1.6em;text-align:justify;text-align:left;padding:3em 3em;margin:0;border-bottom:1px#ccc solid;clear:both}.corps img{max-width:30em;border:1px solid#ccc;background-color:#fafafa;padding:.5em;box-shadow:0 10px 15px#ccc;border-radius:3px}img.clean{border:none}#address{clear:both}.definitionCell{width:5em;vertical-align:top;font-weight:700;text-align:center}.valueCell{text-align:right}.smallblock{float:left;width:50%;font-size:1em;font-weight:700}.largeblock{float:right;width:70%;font-size:1em}#blackpage,#nojsredirect{top:0;left:0;width:100%;height:100%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:fixed;text-align:center}#blackpage{color:#666;padding-top:10em;background-color:#eee;z-index:9000;cursor:wait}#blackpage img{background:none;border:none}#blackpage a{cursor:pointer}#nojsredirect{z-index:9001}.nojsbutton{width:50%;padding:1em;border:solid 3px white;margin-left:auto;margin-right:auto;margin-top:2em;z-index:9002}.file{font-size:.8em;text-align:right;padding-right:1em;margin-right:.1;margin-bottom:0}.flush{clear:both}table.description{border-spacing:5px;border-collapse:separate;margin-right:auto;margin-left:auto}table.description tr td{padding-left:.5em;padding-right:.5em;padding-top:.5ex;padding-bottom:.5ex;vertical-align:middle;margin-right:5px}ul.long li{margin-bottom:1em}img{display:block;margin-left:auto;margin-right:auto;background:none;border:none}img.left{float:left;max-width:30%;margin-right:1em}img.inside{display:inline;vertical-align:middle}pre overflow{y:hidden;x:auto}.withfile pre{margin-top:0;overflow:hidden}.navigationprev,.navigationnext{padding:0;margin-left:.2em;margin-right:.2em;margin-bottom:0;margin-top:3em;width:45%}.navigation .navigationprev,.navigation .navigationnext{width:30%;margin-top:0}.navigation{height:4em;border-bottom:#ccc solid 1px}.presarticleleft,.presarticleright{font-size:1em}.navigationprev{float:left;text-align:left}.navigationnext{float:right;text-align:right}.impact,.darkimpact{text-align:left;width:66%;padding-left:.25em;padding-right:.25em}table.impact{text-align:left}table.impact tr td{padding-left:.25em;padding-right:.25em}#liens{font-size:1.2em}#iemessage{font-size:1.2em}.tag{display:inline;cursor:pointer;margin-left:.5em;margin-right:.5em}.list{margin-top:3em}#menuMessage{font-size:1.2em;line-height:1.5em;width:100%;text-align:center}#next_before_articles{clear:both;width:100%;font-size:1.2em;padding-top:1em;padding-bottom:1em}#previous_articles,#next_articles{color:#888;font-style:italic;font-size:.8em}#previous_articles{float:left;margin-left:1em;width:45%;text-align:left}.previous_article,.next_article{margin-top:1em}#next_articles{float:right;width:45%;margin-right:1em;text-align:right}#rss{font-size:1.2em;text-align:center;display:block;width:100%;float:right;padding:1em .1em}.corps .return a{color:#eee;padding:.1em;line-height:1.5em;font-size:1.5em;height:1.5em;float:left;font-size:2em;margin-top:-0.5em;margin-left:-2em;width:1.5em}a.return{color:#eee;padding:.1em;line-height:1.5em;font-size:1.5em;height:1.5em;font-size:2em;width:1.5em;display:block}a.return:hover{color:#888}.corps .return a:hover{color:#a53}.footnotes{font-size:.8em}.fontnotes ol{margin-left:0}.typeset img{display:inline;border:none;margin:0;padding:0}strong,b,i,em{font-weight:400;color:#888}strong a,b a,i a,em a{color:#333}strong a:hover,b a:hover,i a:hover,em a:hover{color:#a53}.corps p strong,.corps p b,.corps p i,.corps p em{color:#555}a:hover strong,a:hover b,a:hover i,a:hover em{color:#e25f2f}a:hover .nicer{color:#fb9}.nicer{color:#ccc;font-family:"Lucida Grande",Tahoma}.block{width:31%;text-align:left;line-height:1em;margin-left:1%;margin-right:1%;font-size:.8em}.block a{color:#333}.block a:hover{color:#a53}.block h3{margin:0;font-size:1.3em}.block p{line-height:1.2em}.left{float:left}.right{float:right}.corps p a,.corps ul a{color:#555}.corps p a:hover,.corps ul a:hover{color:#a53}ul.bloglist,.archive ul{list-style-type:none;margin:0}ul.bloglist li,.archive ul li{margin-bottom:1em}.button{cursor:pointer;text-align:center}#tagcloud{font-size:.8em;background:#eee;box-shadow:0 0 6px#ccc;border-radius:3px;line-height:2.5em;padding:2em}
\ No newline at end of file
+*{transition-property:all;transition-duration:.5s;-moz-transition-property:all;-moz-transition-duration:.5s;-webkit-transition-property:all;-webkit-transition-duration:.5s;-o-transition-property:all;-o-transition-duration:.5s}table.description tr td{border:1px solid#eee}.assombris20{background-color:#eee}body{color:#333;background-color:#fafafa}a:hover{text-shadow:0 0 2px#faa}a,a:link,a:visited,a:active,a:hover{text-decoration:none;outline:none}a,a:link,a:visited,a:active{color:#333}a:hover{color:#a53}hr{color:#eee;border-top:1px solid#eee;border-bottom:none;border-left:none;border-right:none}ul{list-style:square}ol,ul{padding-left:0}ol li,ul li{margin:.5em 0}ol li ul,ol li ol,ul li ol,ul li ul{margin:.5em 1.5em;list-style:circle}body,h1,h2,h3,h4,#entete,.tag{font-family:Georgia,Palatino,"Century Schoolbook L","Times New Roman",Times,serif;line-height:1.4em}pre{background-color:#333;color:#fafafa;box-shadow:0 0 1em black inset;border-radius:3px;padding:1em;line-height:1.2em;font-size:.9em}p{margin-bottom:1.2em}blockquote{font-style:italic;padding:.5em 1em;color:#555;background-color:#f2f2f2;border:1px solid#ccc}blockquote a:hover{color:#a53}blockquote strong,blockquote b,blockquote i,blockquote em{font-weight:400;font-style:normal;color:#333}abbr,acronym{font-variant:small-caps;text-decoration:none;border-bottom-width:0}#titre{letter-spacing:-0.06em;border-bottom:4px double#ccc;border-top:4px double#ccc}#liens .active,#sousliens{color:#333;border:#ccc solid 1px;border-radius:5px;box-shadow:0 0 2px#ccc inset;background-color:#eee}#liens .active a,#sousliens a{color:#666}#liens .active a:hover,#sousliens a:hover{color:#a53}#liens .active a:hover strong,#liens .active a:hover b,#liens .active a:hover i,#liens .active a:hover em,#liens .active a:hover .nicer,#sousliens a:hover strong,#sousliens a:hover b,#sousliens a:hover i,#sousliens a:hover em,#sousliens a:hover .nicer{color:#fb9}#liens .active hr,#sousliens hr{color:#666;border-top:1px solid#666}#liens .active strong,#liens .active b,#liens .active i,#liens .active em,#sousliens strong,#sousliens b,#sousliens i,#sousliens em{color:#333}#liens a{border:1px solid#eee;background:rgba(0,0,0,0.05);box-shadow:0 0 2px white,0 0 3px#ccc inset;border:1px solid rgba(0,0,0,0.1);border-radius:3px}#liens a:hover{background:rgba(0,0,0,0.1);box-shadow:0 0 6px#555 inset}#liens .active{text-shadow:0 0 2px rgba(0,0,0,0.5);background-color:#f7f7f7;border:1px solid #e9e9e9;box-shadow:0 0 3px #c7c7c7 inset;border-radius:3px;border-top:none}#lastmod{font-size:.8em}.nojsbutton{font-size:2.5em}#clickcomment,#choixlang > a,#choixrss > a,.return > a{display:block;width:25%;cursor:pointer;margin:1em 0;padding:1em;font-size:16px;line-height:1.4em;border-radius:1.5em;border:2px solid #fafafa;color:#ccc}#clickcomment:hover,#choixlang > a:hover,#choixrss > a:hover,.return > a:hover{color:#e25f2f;text-shadow:0 0 2px#faa;background:#ececec;box-shadow:0 -1px 8px#ccc inset}#clickcomment:active,#choixlang > a:active,#choixrss > a:active,.return > a:active{color:#e25f2f;text-shadow:0 0 2px#faa;background:#eee;box-shadow:0 -1px 8px#aaa inset}.return > a,#choixrss > a{float:right}#choix .return > a,#choix #choixrss > a{margin-top:0}.small{font-size:.8em}.sc{font-variant:small-caps}.impact,.darkimpact{font-size:2em;margin:0 auto 1em auto;line-height:1.3em}h1 > .date{font-size:.6em;color:#333}.date{font-size:.8em;color:#fafafa;border:1px solid#333;text-align:center;width:4.1em;line-height:1.5em;display:inline-block;vertical-align:middle;margin-right:1em}.date .day,.date .month,.date .year{display:block}.date .day{color:#333;background-color:#fafafa;float:left;width:1.7em}.date .month{float:right;width:2.3em;background-color:#333;color:#fafafa}.date .year{line-height:3ex;clear:both;color:#333;border:#ccc solid 1px;border-radius:5px;box-shadow:0 0 2px#ccc inset;background-color:#eee}.date .year a{color:#666}.date .year a:hover{color:#a53}.date .year a:hover strong,.date .year a:hover b,.date .year a:hover i,.date .year a:hover em,.date .year a:hover .nicer{color:#fb9}.date .year hr{color:#666;border-top:1px solid#666}.date .year strong,.date .year b,.date .year i,.date .year em{color:#333}body{text-align:center;font-size:1em}body > #entete{position:absolute;left:0;top:.5em;width:100%;min-width:50em;z-index:8000;padding-bottom:1em;margin-bottom:3em}#titre h2{width:80%;margin-left:auto;margin-right:auto;text-align:center;color:#ccc}#titre{text-align:center;width:100%}#titre h1,#titre h2{padding-left:1em;padding-right:1em}#bottom{clear:right;margin-right:0;padding:1.5em;line-height:1.5em;color:#ccc;margin-top:2em;text-align:center}#bottom a{color:#ccc}#bottom a:hover{color:#a53}#sousliens{padding:1em 0;line-height:2em}#sousliens ul{list-style:none;margin-left:4em}ul.horizontal li{display:inline;font-size:.9em}ul.horizontal{margin-top:0;margin-bottom:0}#entete{padding-top:.1em;border-top:1px solid#ccc;border-bottom:1px solid#ccc}#liens{width:100%;padding:0;clear:both;margin-top:.5em}#liens ul{width:100%;clear:both;padding:0;margin:0}#liens ul li{display:inline-block;height:4em;margin-left:.2em;margin-right:.2em;width:23%}#liens ul li a,#liens ul li span{width:100%;display:block;line-height:4em}.clear{clear:both}#content{line-height:4em;margin-left:auto;margin-right:auto;margin-top:0;position:relative;clear:both;width:52em}.encadre,.black,.red,.intro,.resume,.shadow{padding:2em;margin-top:2em;margin-bottom:2em}.encadre,.black,.red,.shadow{color:#333;border:#ccc solid 1px;border-radius:5px;box-shadow:0 0 2px#ccc inset;background-color:#eee}.encadre a,.black a,.red a,.shadow a{color:#666}.encadre a:hover,.black a:hover,.red a:hover,.shadow a:hover{color:#a53}.encadre a:hover strong,.encadre a:hover b,.encadre a:hover i,.encadre a:hover em,.encadre a:hover .nicer,.black a:hover strong,.black a:hover b,.black a:hover i,.black a:hover em,.black a:hover .nicer,.red a:hover strong,.red a:hover b,.red a:hover i,.red a:hover em,.red a:hover .nicer,.shadow a:hover strong,.shadow a:hover b,.shadow a:hover i,.shadow a:hover em,.shadow a:hover .nicer{color:#fb9}.encadre hr,.black hr,.red hr,.shadow hr{color:#666;border-top:1px solid#666}.encadre strong,.encadre b,.encadre i,.encadre em,.black strong,.black b,.black i,.black em,.red strong,.red b,.red i,.red em,.shadow strong,.shadow b,.shadow i,.shadow em{color:#333}.intro,.resume{font-size:.9em;font-style:italic;padding:.5em 1em;color:#555}.intro a:hover,.resume a:hover{color:#a53}.intro strong,.intro b,.intro i,.intro em,.resume strong,.resume b,.resume i,.resume em{font-weight:400;font-style:normal;color:#333}#afterheader > h1{width:100%;padding-top:1.5em;text-align:left}#afterheader{padding-left:0;padding-right:0}#sousliens{margin-top:3em;margin-bottom:3em;font-size:1.2em;letter-spacing:1px;text-align:left;clear:both}.twilight{line-height:1.1em}.corps{font-family:Georgia,Palatino,"Century Schoolbook L","Times New Roman",Times,serif;font-size:1.25em;line-height:1.6em;text-align:justify;text-align:left;padding:3em 3em;margin:0;border-bottom:1px#ccc solid;clear:both}.corps img{max-width:30em;border:1px solid#ccc;background-color:#fafafa;padding:.5em;box-shadow:0 10px 15px#ccc;border-radius:3px}img.clean{border:none}#address{clear:both}.definitionCell{width:5em;vertical-align:top;font-weight:700;text-align:center}.valueCell{text-align:right}.smallblock{float:left;width:50%;font-size:1em;font-weight:700}.largeblock{float:right;width:70%;font-size:1em}#blackpage,#nojsredirect{top:0;left:0;width:100%;height:100%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:fixed;text-align:center}#blackpage{color:#666;padding-top:10em;background-color:#eee;z-index:9000;cursor:wait}#blackpage img{background:none;border:none}#blackpage a{cursor:pointer}#nojsredirect{z-index:9001}.nojsbutton{width:50%;padding:1em;border:solid 3px white;margin-left:auto;margin-right:auto;margin-top:2em;z-index:9002}.file{font-size:.8em;text-align:right;padding-right:1em;margin-right:.1;margin-bottom:0}.flush{clear:both}table.description{border-spacing:5px;border-collapse:separate;margin-right:auto;margin-left:auto}table.description tr td{padding-left:.5em;padding-right:.5em;padding-top:.5ex;padding-bottom:.5ex;vertical-align:middle;margin-right:5px}ul.long li{margin-bottom:1em}img{display:block;margin-left:auto;margin-right:auto;background:none;border:none}img.left{float:left;max-width:30%;margin-right:1em}img.inside{display:inline;vertical-align:middle}pre overflow{y:hidden;x:auto}.withfile pre{margin-top:0;overflow:hidden}.navigationprev,.navigationnext{padding:0;margin-left:.2em;margin-right:.2em;margin-bottom:0;margin-top:3em;width:45%}.navigation .navigationprev,.navigation .navigationnext{width:30%;margin-top:0}.navigation{height:4em;border-bottom:#ccc solid 1px}.presarticleleft,.presarticleright{font-size:1em}.navigationprev{float:left;text-align:left}.navigationnext{float:right;text-align:right}.impact,.darkimpact{text-align:left;width:66%;padding-left:.25em;padding-right:.25em}table.impact{text-align:left}table.impact tr td{padding-left:.25em;padding-right:.25em}#liens{font-size:1.2em}#iemessage{font-size:1.2em}.tag{display:inline;cursor:pointer;margin-left:.5em;margin-right:.5em}.list{margin-top:3em}#menuMessage{font-size:1.2em;line-height:1.5em;width:100%;text-align:center}#next_before_articles{clear:both;width:100%;font-size:1.2em;padding-top:1em;padding-bottom:1em}#previous_articles,#next_articles{color:#888;font-style:italic;font-size:.8em}#previous_articles{float:left;margin-left:1em;width:45%;text-align:left}.previous_article,.next_article{margin-top:1em}#next_articles{float:right;width:45%;margin-right:1em;text-align:right}#rss{font-size:1.2em;text-align:center;display:block;width:100%;float:right;padding:1em .1em}.corps .return a{color:#eee;padding:.1em;line-height:1.5em;font-size:1.5em;height:1.5em;float:left;font-size:2em;margin-top:-0.5em;margin-left:-2em;width:1.5em}a.return{color:#eee;padding:.1em;line-height:1.5em;font-size:1.5em;height:1.5em;font-size:2em;width:1.5em;display:block}a.return:hover{color:#888}.corps .return a:hover{color:#a53}.footnotes{font-size:.8em}.fontnotes ol{margin-left:0}.typeset img{display:inline;border:none;margin:0;padding:0}strong,b,i,em{font-weight:400;color:#888}strong a,b a,i a,em a{color:#333}strong a:hover,b a:hover,i a:hover,em a:hover{color:#a53}.corps p strong,.corps p b,.corps p i,.corps p em{color:#555}a:hover strong,a:hover b,a:hover i,a:hover em{color:#e25f2f}a:hover .nicer{color:#fb9}.nicer{color:#ccc;font-family:"Lucida Grande",Tahoma}.block{width:31%;text-align:left;line-height:1em;margin-left:1%;margin-right:1%;font-size:.8em}.block a{color:#333}.block a:hover{color:#a53}.block h3{margin:0;font-size:1.3em}.block p{line-height:1.2em}.left{float:left}.right{float:right}.corps p a,.corps ul a{color:#555}.corps p a:hover,.corps ul a:hover{color:#a53}ul.bloglist,.archive ul{list-style-type:none;margin:0}ul.bloglist li,.archive ul li{margin-bottom:1em}.button{cursor:pointer;text-align:center}#tagcloud{font-size:.8em;background:#eee;box-shadow:0 0 6px#ccc;border-radius:3px;line-height:2.5em;padding:2em}.pala{font-family:Palatino}.article .corps p a:after,.article .corps ul li a:after,.article .corps ol li a:after{content:"☆";vertical-align:super;font-size:.5em;color:#b7b7b7}
\ No newline at end of file
diff --git a/output/Scratch/en/blog/01_nanoc/index.html b/output/Scratch/en/blog/01_nanoc/index.html
index 55a92d065..483bbaa4b 100644
--- a/output/Scratch/en/blog/01_nanoc/index.html
+++ b/output/Scratch/en/blog/01_nanoc/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Nanoc</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/02_ackgrep/index.html b/output/Scratch/en/blog/02_ackgrep/index.html
index 8916124ea..62ef90c7e 100644
--- a/output/Scratch/en/blog/02_ackgrep/index.html
+++ b/output/Scratch/en/blog/02_ackgrep/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Better than Grep</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/03_losthighway/03_losthighway_1/index.html b/output/Scratch/en/blog/03_losthighway/03_losthighway_1/index.html
index 3b03e7161..e948b0122 100644
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_1/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_1/index.html
@@ -26,7 +26,7 @@
         -->
         <title>A try to demystify 'Lost Highway'</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/03_losthighway/03_losthighway_2/index.html b/output/Scratch/en/blog/03_losthighway/03_losthighway_2/index.html
index 97c62a3d6..31e9bef6d 100644
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_2/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_2/index.html
@@ -26,7 +26,7 @@
         -->
         <title>A try to demystify 'Lost Highway'</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/03_losthighway/03_losthighway_3/index.html b/output/Scratch/en/blog/03_losthighway/03_losthighway_3/index.html
index 6ba1660de..24d7d7d0a 100644
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_3/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_3/index.html
@@ -26,7 +26,7 @@
         -->
         <title>A try to demystify 'Lost Highway'</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/03_losthighway/03_losthighway_4/index.html b/output/Scratch/en/blog/03_losthighway/03_losthighway_4/index.html
index 430eef8c9..37983759b 100644
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_4/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_4/index.html
@@ -26,7 +26,7 @@
         -->
         <title>A try to demystify 'Lost Highway'</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/03_losthighway/index.html b/output/Scratch/en/blog/03_losthighway/index.html
index 653a356e4..259073606 100644
--- a/output/Scratch/en/blog/03_losthighway/index.html
+++ b/output/Scratch/en/blog/03_losthighway/index.html
@@ -28,7 +28,7 @@
         -->
         <title>A try to demystify 'Lost Highway'</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/04_drm/index.html b/output/Scratch/en/blog/04_drm/index.html
index dd53521e6..6d4d0085f 100644
--- a/output/Scratch/en/blog/04_drm/index.html
+++ b/output/Scratch/en/blog/04_drm/index.html
@@ -28,7 +28,7 @@
         -->
         <title>DRM are EVIL</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/05_git_create_remote_branch/index.html b/output/Scratch/en/blog/05_git_create_remote_branch/index.html
index 6e5550f9b..a3accd9de 100644
--- a/output/Scratch/en/blog/05_git_create_remote_branch/index.html
+++ b/output/Scratch/en/blog/05_git_create_remote_branch/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git remote branch creation</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/06_How_I_use_git/index.html b/output/Scratch/en/blog/06_How_I_use_git/index.html
index c895d2d16..80126def4 100644
--- a/output/Scratch/en/blog/06_How_I_use_git/index.html
+++ b/output/Scratch/en/blog/06_How_I_use_git/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git for self</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html b/output/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
index 09c6b8733..d3a7b76f0 100644
--- a/output/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
+++ b/output/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Screensaver compilation option for Snow Leopard<sub>&copy;</sub></title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html b/output/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
index 1bf2e29f3..8eba026b4 100644
--- a/output/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
+++ b/output/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
@@ -28,7 +28,7 @@
         -->
         <title>ssh to Listen 443 on Snow Leopard</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/index.html b/output/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
index 84bcdec28..7a5304577 100644
--- a/output/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
+++ b/output/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Why I didn't keep whos.amung.us</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html b/output/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
index 5e05451d5..2eac4159a 100644
--- a/output/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
+++ b/output/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Synchronize Custom WebSite with mobileMe</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/11_Load_Disqus_Asynchronously/index.html b/output/Scratch/en/blog/11_Load_Disqus_Asynchronously/index.html
index 9f8dfd90f..087debe3c 100644
--- a/output/Scratch/en/blog/11_Load_Disqus_Asynchronously/index.html
+++ b/output/Scratch/en/blog/11_Load_Disqus_Asynchronously/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Load Disqus Asynchronously</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html b/output/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
index abc65a9dd..f8a111196 100644
--- a/output/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
+++ b/output/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Disqus versus Intense Debate (Why I switched)</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/index.html b/output/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/index.html
index 2ddf93bdb..8d335ba88 100644
--- a/output/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/index.html
+++ b/output/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/index.html
@@ -28,7 +28,7 @@
         -->
         <title>jQuery Tag Cloud</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-09-replace-all-except-some-part/index.html b/output/Scratch/en/blog/2009-09-replace-all-except-some-part/index.html
index 5499fd00b..c9219a076 100644
--- a/output/Scratch/en/blog/2009-09-replace-all-except-some-part/index.html
+++ b/output/Scratch/en/blog/2009-09-replace-all-except-some-part/index.html
@@ -28,7 +28,7 @@
         -->
         <title>replace all except some part</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html b/output/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
index acb543e80..d5c0168df 100644
--- a/output/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
+++ b/output/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
@@ -28,7 +28,7 @@
         -->
         <title>custom website synchronisation with mobileme (2)</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/index.html b/output/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/index.html
index 613633fdb..e5e49affd 100644
--- a/output/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/index.html
+++ b/output/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/index.html
@@ -28,7 +28,7 @@
         -->
         <title>How to handle evil IE</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-10-Focus-vs-Minimalism/index.html b/output/Scratch/en/blog/2009-10-Focus-vs-Minimalism/index.html
index e98991378..13a6e7d34 100644
--- a/output/Scratch/en/blog/2009-10-Focus-vs-Minimalism/index.html
+++ b/output/Scratch/en/blog/2009-10-Focus-vs-Minimalism/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Focus &gt; Minimalism</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/index.html b/output/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/index.html
index 189c5ecf1..a4d1d82fc 100644
--- a/output/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/index.html
+++ b/output/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/index.html
@@ -28,7 +28,7 @@
         -->
         <title>How to preload your site with style</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html b/output/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
index 6aad0d990..68facab87 100644
--- a/output/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
+++ b/output/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Menu waiting to hide himself</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-10-launch-daemon-from-command-line/index.html b/output/Scratch/en/blog/2009-10-launch-daemon-from-command-line/index.html
index 7a6f6f361..4e2ba2bbc 100644
--- a/output/Scratch/en/blog/2009-10-launch-daemon-from-command-line/index.html
+++ b/output/Scratch/en/blog/2009-10-launch-daemon-from-command-line/index.html
@@ -28,7 +28,7 @@
         -->
         <title>launch daemon from command line</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-10-untaught-git-usage/index.html b/output/Scratch/en/blog/2009-10-untaught-git-usage/index.html
index 923799cd6..1e097d14a 100644
--- a/output/Scratch/en/blog/2009-10-untaught-git-usage/index.html
+++ b/output/Scratch/en/blog/2009-10-untaught-git-usage/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Untaught Git usage</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
index 47bd45978..53a68afd8 100644
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git for n00b</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
index 7bd31f6eb..e4fd7ae7b 100644
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git for n00b</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
index adb83d914..aa3278b6a 100644
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git for n00b</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/index.html b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/index.html
index 4532e20dc..0706c3f28 100644
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git for n00b</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
index 2456c8ede..9d3264681 100644
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git for n00b</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/index.html b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/index.html
index b8e7bf1ea..e5ead6475 100644
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git for n00b</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-12-06-iphone-call-filter/index.html b/output/Scratch/en/blog/2009-12-06-iphone-call-filter/index.html
index 8dd6cbee8..814521a03 100644
--- a/output/Scratch/en/blog/2009-12-06-iphone-call-filter/index.html
+++ b/output/Scratch/en/blog/2009-12-06-iphone-call-filter/index.html
@@ -28,7 +28,7 @@
         -->
         <title>iphone call filter</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2009-12-14-Git-vs--Bzr/index.html b/output/Scratch/en/blog/2009-12-14-Git-vs--Bzr/index.html
index b3e37b71a..acaf01220 100644
--- a/output/Scratch/en/blog/2009-12-14-Git-vs--Bzr/index.html
+++ b/output/Scratch/en/blog/2009-12-14-Git-vs--Bzr/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git vs. Bzr</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html b/output/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
index 67f3a987b..9d9151588 100644
--- a/output/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
+++ b/output/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Change default shell on Mac OS X</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html b/output/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
index 9da0ee484..e5eb82df4 100644
--- a/output/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
+++ b/output/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
@@ -28,7 +28,7 @@
         -->
         <title>antialias font in Firefox under Ubuntu</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-02-15-All-but-something-regexp/index.html b/output/Scratch/en/blog/2010-02-15-All-but-something-regexp/index.html
index 8a0acfbf2..61155dbbf 100644
--- a/output/Scratch/en/blog/2010-02-15-All-but-something-regexp/index.html
+++ b/output/Scratch/en/blog/2010-02-15-All-but-something-regexp/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Pragmatic Regular Expression Exclude</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/index.html b/output/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/index.html
index c59593393..08d4378b8 100644
--- a/output/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/index.html
+++ b/output/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Pragmatic Regular Expression Exclude (2)</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/index.html b/output/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/index.html
index 08cbfbffb..035cac57b 100644
--- a/output/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/index.html
+++ b/output/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/index.html
@@ -28,7 +28,7 @@
         -->
         <title>split a file by keyword</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html b/output/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
index bd9baa93b..e56b7bbe9 100644
--- a/output/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
+++ b/output/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
@@ -28,7 +28,7 @@
         -->
         <title>When regexp is not the best solution</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-03-22-Git-Tips/index.html b/output/Scratch/en/blog/2010-03-22-Git-Tips/index.html
index 94492d4f0..07379627c 100644
--- a/output/Scratch/en/blog/2010-03-22-Git-Tips/index.html
+++ b/output/Scratch/en/blog/2010-03-22-Git-Tips/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git Tips</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-03-23-Encapsulate-git/index.html b/output/Scratch/en/blog/2010-03-23-Encapsulate-git/index.html
index 1270667fd..52233c018 100644
--- a/output/Scratch/en/blog/2010-03-23-Encapsulate-git/index.html
+++ b/output/Scratch/en/blog/2010-03-23-Encapsulate-git/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Encapsulate git</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/index.html b/output/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/index.html
index cb6de1a49..a004bdc24 100644
--- a/output/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/index.html
+++ b/output/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/index.html
@@ -28,7 +28,7 @@
         -->
         <title>I live again!</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html b/output/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
index 2d3b475bb..808cd695b 100644
--- a/output/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
+++ b/output/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
@@ -28,7 +28,7 @@
         -->
         <title>How to repair a cutted XML?</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html b/output/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
index 75222d7e4..95d9e206d 100644
--- a/output/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
+++ b/output/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Trees; Pragmatism and Formalism</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-06-14-multi-language-choices/index.html b/output/Scratch/en/blog/2010-06-14-multi-language-choices/index.html
index ef11f34ca..74d424849 100644
--- a/output/Scratch/en/blog/2010-06-14-multi-language-choices/index.html
+++ b/output/Scratch/en/blog/2010-06-14-multi-language-choices/index.html
@@ -28,7 +28,7 @@
         -->
         <title>multi language choices</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-06-15-Get-my-blog-engine/index.html b/output/Scratch/en/blog/2010-06-15-Get-my-blog-engine/index.html
index 7400646f6..cb28b6463 100644
--- a/output/Scratch/en/blog/2010-06-15-Get-my-blog-engine/index.html
+++ b/output/Scratch/en/blog/2010-06-15-Get-my-blog-engine/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Get my blog engine</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/index.html b/output/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/index.html
index 9843d9155..736752e01 100644
--- a/output/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/index.html
+++ b/output/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Hide Yourself to your Analytics</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/index.html b/output/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/index.html
index 294b6d3be..7726b27f0 100644
--- a/output/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/index.html
+++ b/output/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Track Events with Google Analytics</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html b/output/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
index ab4195793..6ab85f179 100644
--- a/output/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
+++ b/output/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
@@ -28,7 +28,7 @@
         -->
         <title>jQuery popup the easy way</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/index.html b/output/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
index 98a1731b2..0886c91ae 100644
--- a/output/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
+++ b/output/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Cappuccino vs jQuery</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html b/output/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
index c17a6e135..eaae5ada8 100644
--- a/output/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
+++ b/output/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Do not use CSS gradient with Chrome</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-07-09-Indecidabilities/index.html b/output/Scratch/en/blog/2010-07-09-Indecidabilities/index.html
index f7b1194ea..c33657b80 100644
--- a/output/Scratch/en/blog/2010-07-09-Indecidabilities/index.html
+++ b/output/Scratch/en/blog/2010-07-09-Indecidabilities/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Undecidabilities (part 1)</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-07-31-New-style-after-holidays/index.html b/output/Scratch/en/blog/2010-07-31-New-style-after-holidays/index.html
index 7d330a69e..27f291ad1 100644
--- a/output/Scratch/en/blog/2010-07-31-New-style-after-holidays/index.html
+++ b/output/Scratch/en/blog/2010-07-31-New-style-after-holidays/index.html
@@ -28,7 +28,7 @@
         -->
         <title>New style after holidays</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/index.html b/output/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/index.html
index 48f11741f..dc0729d88 100644
--- a/output/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/index.html
+++ b/output/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Now hosted by heroku</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html b/output/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
index 2fef03dcc..304f16956 100644
--- a/output/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
+++ b/output/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
@@ -28,7 +28,7 @@
         -->
         <title>send mail from command line with attached file</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html b/output/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
index 41066a612..74b29522a 100644
--- a/output/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
+++ b/output/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Use git to calculate trusted mtimes</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html b/output/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
index 541b237cd..75fde2d0b 100644
--- a/output/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
+++ b/output/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
@@ -28,7 +28,7 @@
         -->
         <title>base64 and sha1 on iPhone</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/index.html b/output/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/index.html
index 5b7dfc578..a46e0575c 100644
--- a/output/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/index.html
+++ b/output/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/index.html
@@ -28,7 +28,7 @@
         -->
         <title>New Blog Design Constraints</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html b/output/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html
index 8094d25d3..61208a4f8 100644
--- a/output/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html
+++ b/output/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Secure eMail on Mac in few steps</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-10-14-Fun-with-wav/index.html b/output/Scratch/en/blog/2010-10-14-Fun-with-wav/index.html
index 6de8cb337..fb92bb5c5 100644
--- a/output/Scratch/en/blog/2010-10-14-Fun-with-wav/index.html
+++ b/output/Scratch/en/blog/2010-10-14-Fun-with-wav/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Fun with wav</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html b/output/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html
index 6df13b5cf..093bfca09 100644
--- a/output/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html
+++ b/output/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html
@@ -26,7 +26,7 @@
         -->
         <title>LaTeX like macro for markdown</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2011-01-03-Happy-New-Year/index.html b/output/Scratch/en/blog/2011-01-03-Happy-New-Year/index.html
index 9077075e7..d87501295 100644
--- a/output/Scratch/en/blog/2011-01-03-Happy-New-Year/index.html
+++ b/output/Scratch/en/blog/2011-01-03-Happy-New-Year/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Happy New Year</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html b/output/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html
index f9f46879e..978693ff8 100644
--- a/output/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html
+++ b/output/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Why I won't use CoffeeScript (sadly)</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/2011-04-20-Now-hosted-on-github/index.html b/output/Scratch/en/blog/2011-04-20-Now-hosted-on-github/index.html
index a104b1916..ab98c23d7 100644
--- a/output/Scratch/en/blog/2011-04-20-Now-hosted-on-github/index.html
+++ b/output/Scratch/en/blog/2011-04-20-Now-hosted-on-github/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Now hosted on github</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/A-more-convenient-diff/index.html b/output/Scratch/en/blog/A-more-convenient-diff/index.html
index 0b46dbf05..f58adf945 100644
--- a/output/Scratch/en/blog/A-more-convenient-diff/index.html
+++ b/output/Scratch/en/blog/A-more-convenient-diff/index.html
@@ -28,7 +28,7 @@
         -->
         <title>A more convenient diff</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/Haskell-Mandelbrot/index.html b/output/Scratch/en/blog/Haskell-Mandelbrot/index.html
index 765361f6a..bfd7446dd 100644
--- a/output/Scratch/en/blog/Haskell-Mandelbrot/index.html
+++ b/output/Scratch/en/blog/Haskell-Mandelbrot/index.html
@@ -26,7 +26,7 @@
         -->
         <title>ASCII Haskell Mandelbrot</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/Higher-order-function-in-zsh/index.html b/output/Scratch/en/blog/Higher-order-function-in-zsh/index.html
index 1a027287e..76fdf23fd 100644
--- a/output/Scratch/en/blog/Higher-order-function-in-zsh/index.html
+++ b/output/Scratch/en/blog/Higher-order-function-in-zsh/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Higher order function in zsh</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
@@ -292,6 +292,10 @@ function filter {
                     <div id="next_articles">
                         next entries
                         
+                        <div class="next_article">
+                            <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
                         
                         
                         
diff --git a/output/Scratch/en/blog/Learn-Vim-Progressively/index.html b/output/Scratch/en/blog/Learn-Vim-Progressively/index.html
index cc5511fe1..7de5c1b18 100644
--- a/output/Scratch/en/blog/Learn-Vim-Progressively/index.html
+++ b/output/Scratch/en/blog/Learn-Vim-Progressively/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Learn Vim Progressively</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
@@ -528,10 +528,18 @@ $(document).ready(function() {
                         previous entries
                         
                         <div class="previous_article">
-                            <a href="/Scratch/en/blog/Password-Management/"><span class="nicer">«</span>&nbsp;40 character's passwords</a>
+                            <a href="/Scratch/en/blog/A-more-convenient-diff/"><span class="nicer">«</span>&nbsp;A more convenient diff</a>
                         </div>
                         
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/en/blog/Haskell-Mandelbrot/"><span class="nicer">«</span>&nbsp;ASCII Haskell Mandelbrot</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/Scratch/en/blog/Password-Management/"><span class="nicer">«</span>&nbsp;40 character's passwords</a>
+                        </div>
                         
                         
                     </div>
@@ -544,10 +552,14 @@ $(document).ready(function() {
                         
                         
                         <div class="next_article">
-                            <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
+                            <a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh&nbsp;<span class="nicer">»</span></a>
                         </div>
                         
                         
+                        <div class="next_article">
+                            <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
                         
                     </div>
                     <div class="flush"></div>
diff --git a/output/Scratch/en/blog/Password-Management/index.html b/output/Scratch/en/blog/Password-Management/index.html
index 916115a5e..9a13c4e81 100644
--- a/output/Scratch/en/blog/Password-Management/index.html
+++ b/output/Scratch/en/blog/Password-Management/index.html
@@ -26,7 +26,7 @@
         -->
         <title>40 character's passwords</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
@@ -240,28 +240,40 @@ Further more using shorter password make it even harder for an attaquer to retri
                     <div id="previous_articles">
                         previous entries
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/en/blog/2011-04-20-Now-hosted-on-github/"><span class="nicer">«</span>&nbsp;Now hosted on github</a>
+                        </div>
                         
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/"><span class="nicer">«</span>&nbsp;Why I won't use CoffeeScript (sadly)</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/Scratch/en/blog/2011-01-03-Happy-New-Year/"><span class="nicer">«</span>&nbsp;Happy New Year</a>
+                        </div>
+                        
                         
                     </div>
                     <div id="next_articles">
                         next entries
                         
+                        <div class="next_article">
+                            <a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
                         <div class="next_article">
                             <a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively&nbsp;<span class="nicer">»</span></a>
                         </div>
                         
                         
-                        <div class="next_article">
-                            <a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience&nbsp;<span class="nicer">»</span></a>
-                        </div>
-                        
-                        
-                        <div class="next_article">
-                            <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
-                        </div>
-                        
-                        
                     </div>
                     <div class="flush"></div>
                 </div>
diff --git a/output/Scratch/en/blog/Yesod-excellent-ideas/index.html b/output/Scratch/en/blog/Yesod-excellent-ideas/index.html
index fb4f98a59..2b01163f5 100644
--- a/output/Scratch/en/blog/Yesod-excellent-ideas/index.html
+++ b/output/Scratch/en/blog/Yesod-excellent-ideas/index.html
@@ -12,7 +12,7 @@
         <link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
         <link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomen"/>
         
-        <link rel="alternate" lang="fr" xml:lang="fr" title="Yesod excellent ideas" type="text/html" hreflang="fr" href="/Scratch/fr/blog/Yesod-excellent-ideas/" /> 
+        <link rel="alternate" lang="fr" xml:lang="fr" title="Les idées de yesod" type="text/html" hreflang="fr" href="/Scratch/fr/blog/Yesod-excellent-ideas/" /> 
         <link rel="alternate" lang="en" xml:lang="en" title="Yesod excellent ideas" type="text/html" hreflang="en" href="/Scratch/en/blog/Yesod-excellent-ideas/" /> 
         <script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
         <script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
@@ -26,7 +26,7 @@
         -->
         <title>Yesod excellent ideas</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
@@ -64,7 +64,7 @@
 
 <p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span></p>
 
-<p>I follows the yesod web framework for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&rsquo;t saw in other frameworks.</p>
+<p>I follows the <a href="http://www.yesodweb.com">yesod web framework</a> for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&rsquo;t saw in other frameworks.</p>
 
 
 </div>
@@ -86,25 +86,30 @@ Newton<span class="Keyword">&lt;</span>script<span class="Keyword">&gt;</span><s
 </pre>
 
 <p>You must transform each <code>&lt;</code> into <code>&amp;lt;</code>.
-Without this transformation alert will appear each time you try to display this user name.</p>
+Without this transformation alert will appear each time you try to display this user name.
+Safe types are the chains around all strings you&rsquo;ll use.</p>
 
-<p>yesod does its best to handle cross scripting issues. Both between the client and the server and between the server and your DB.
+<p>Yesod does its best to handle cross scripting issues. Both between the client and the server and between the server and your DB.
 Here is an example:</p>
 
-<pre class="twilight"> 
-<span class="MetaTagInline"><span class="MetaTagInline">&lt;</span><span class="MetaTagInline">a</span> <span class="MetaTagInline">href</span>=@[<span class="MetaTagInline">AnotherPageR</span>]<span class="MetaTagInline">&gt;</span></span>Go to the other page
+<pre class="twilight"><span class="MetaTagInline"><span class="MetaTagInline">&lt;</span><span class="MetaTagInline">a</span> <span class="MetaTagInline">href</span>=@[<span class="MetaTagInline">AnotherPageR</span>]<span class="MetaTagInline">&gt;</span></span>Go to the other page
 </pre>
 
 <p>As <code>AnotherPageR</code> is of type URL and it could not contains something nefarious.
 It will be an URL safe. Not something like:</p>
 
-<pre><code>falselink"&gt;&lt;script&gt; bad_code(); &lt;/script&gt;&lt;a href="pipo
-</code></pre>
+<pre class="twilight">
+falselink&quot;&gt;<span class="EmbeddedSource"><span class="EmbeddedSource">&lt;</span><span class="MetaTagInline">script</span><span class="EmbeddedSource">&gt;</span> bad_code<span class="EmbeddedSource">(</span><span class="EmbeddedSource">)</span><span class="EmbeddedSource">;</span> <span class="EmbeddedSource">&lt;/</span><span class="MetaTagInline">script</span><span class="EmbeddedSource">&gt;</span></span><span class="MetaTagInline"><span class="MetaTagInline">&lt;</span><span class="MetaTagInline">a</span> <span class="MetaTagInline">href</span>=<span class="String"><span class="String">&quot;</span>pipo</span></span>
+</pre>
+
+<p>Type safety is not magic, but it will help a lot resolving these issues.</p>
 
 <h2 id="widgets">Widgets</h2>
 
 <p>Yesod widget are different from just JavaScript widget.
-In yesod widget are <em>more</em> in the server side. Even if you can use yesod widget to manage JavaScript widgets.
+In yesod widget are a set of small parts of a web application.
+A bit of CSS, a bit of HTML and a bit of JS for example.
+If you want to use many widgets in a same page yesod do the work.
 Some examples of widgets are:</p>
 
 <ul>
@@ -119,7 +124,7 @@ Some examples of widgets are:</p>
 <ul>
   <li>a bit of HTML, </li>
   <li>a bit of CSS and </li>
-  <li>a bit of Javascript.</li>
+  <li>a bit of javascript.</li>
 </ul>
 
 <p>Some in the header, some in the body.</p>
@@ -134,15 +139,18 @@ htmlbody = ...
 
 <p>The real syntax is:</p>
 
-<p>toWidgetHeader cassiusFile &ldquo;button.cassius&rdquo;
-toWidgetHeader juliusFile &ldquo;button.julius&rdquo;
-toWidget hamletFile &ldquo;buttonTemplate.hamlet&rdquo;</p>
+<pre class="twilight">
+toWidgetHeader cassiusFile <span class="String"><span class="String">&quot;</span>button.cassius<span class="String">&quot;</span></span>
+toWidgetHeader juliusFile <span class="String"><span class="String">&quot;</span>button.julius<span class="String">&quot;</span></span>
+toWidget       hamletFile <span class="String"><span class="String">&quot;</span>buttonTemplate.hamlet<span class="String">&quot;</span></span>
+</pre>
 
-<p>Note the awesome Shakespearean inspired name convention. Just for these name you should use yesod.</p>
+<p>Note the awesome Shakespearean inspired name convention.
+Another good reason to use yesod.</p>
 
 <ul>
-  <li>Cassius <em>&amp;</em> Lucius of CSS (a lot similar to SASS and SCSS)</li>
-  <li>Julius for JavaScript</li>
+  <li>Cassius <em>&amp;</em> Lucius of CSS (a lot similar to SASS and SCSS),</li>
+  <li>Julius for JavaScript (not a CoffeeScript is somewhere in the source of yesod),</li>
   <li>Hamlet for HTML (similar to haml)</li>
 </ul>
 
@@ -154,11 +162,11 @@ myBigWidget =  menuWidget &gt;&gt; contentWidget &gt;&gt; footerWidget
 
 <p>Furthermore, if you use say 10 widgets each with a bit of CSS, yesod will create a unique and compressed CSS file. Except if you expressed a need to change the header by using different CSS. </p>
 
-<p>This is just awesome.</p>
+<p>This is just awesome!</p>
 
 <h2 id="optimized-routing">Optimized routing</h2>
 
-<p>In standard routing system you have for each entry a couple: regexp &rarr; handler</p>
+<p>In standard routing system you have for each entry a couple: regexp → handler</p>
 
 <p>The only way to discover the right rules is to match each regexp to the current URL. Then you can see behaviour such as, if you change the order of the rules you can lose or win time.</p>
 
@@ -180,29 +188,24 @@ Of course two routes must not interfere.</p>
 
 <p>and make the test inside the handler</p>
 
-<p>Why you should use yesod. Just saying from a very subjective point of vue, from what I heard, Haskell is a node.js done as it should be.</p>
+<h2 id="why-yesod">Why yesod?</h2>
+
+<p>From a very subjective point of vue and from what I heard, Haskell is a node.js done as it should be.</p>
 
 <ol>
-  <li>Speed. This is just astounding.</li>
-  <li>Haskell. This is certainly hard to learn but it is just incredibly awesome. If you want to make you a favor. Just learn Haskell. It will be difficult, far more than you can imagine. It is very different from all other languages I used.</li>
-  <li>Good ideas, excellent community. I follow yesod from some month now and the speed at which the project progress is incredible.</li>
+  <li><em>Speed</em>. This is just astounding. Look at <a href="http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks">this</a> and then to <a href="http://www.yesodweb.com/blog/2011/02/warp-speed-ahead">this</a>.</li>
+  <li><em>Haskell</em>. This is certainly hard to learn but it is just incredibly awesome. If you want to make you a favor. Just learn Haskell. It will be difficult, far more than you can imagine. It is very different from all other languages I used.</li>
+  <li><em>Good ideas, excellent community</em>. I follow yesod from some month now and the speed at which the project progress is incredible.</li>
 </ol>
 
 <p>If you are a haskeller, I believe you shouldn&rsquo;t fear the special syntax imposed by the standard yesod way of doing things.
 Just try it more than the firsts basic tutorials. </p>
 
-<p>One more thing, if you are a designer, please, help the yesodweb.com website to improve. 
-I am not a designer, but I&rsquo;m interrested in web design and if I cannot necessarily make stunning design I detect <em>errors</em> in design. 
-I pushed some fixes for their website some time ago but it would be better to provide them new colors, etc&hellip;
-But I also don&rsquo;t want to hurt any sensibility.
-The work of Michael Snoyman and Greg Weber is just stunning.</p>
-
-<p>Until here I believe it goes in the right direction. Even if I believe the real future is by generating HTML pages from the client (using javascript) and server limited to serve JSON (or XML, or any object representation system).</p>
+<p>Until here I believe it goes in the right direction. 
+Even if I believe the real future is by generating HTML pages from the client (using javascript) and server limited to serve JSON (or XML, or any object representation system).</p>
 
 <p>I cannot stress too much about how I believe Yesod is good.</p>
 
-<p>One of the most important point is the responsiveness of the community. It is very active. It is Greg which the first had given a way to <a href="http://www.yesodweb.com/blog/2011/07/haskell-on-heroku">deploy Haskell code to Heroku</a>.</p>
-
                 </div>
             
                 
@@ -253,6 +256,11 @@ The work of Michael Snoyman and Greg Weber is just stunning.</p>
                     <div id="previous_articles">
                         previous entries
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/en/blog/Higher-order-function-in-zsh/"><span class="nicer">«</span>&nbsp;Higher order function in zsh</a>
+                        </div>
+                        
+                        
                         <div class="previous_article">
                             <a href="/Scratch/en/blog/programming-language-experience/"><span class="nicer">«</span>&nbsp;Programming Language Experience</a>
                         </div>
@@ -263,11 +271,6 @@ The work of Michael Snoyman and Greg Weber is just stunning.</p>
                         </div>
                         
                         
-                        <div class="previous_article">
-                            <a href="/Scratch/en/blog/Password-Management/"><span class="nicer">«</span>&nbsp;40 character's passwords</a>
-                        </div>
-                        
-                        
                     </div>
                     <div id="next_articles">
                         next entries
@@ -287,7 +290,7 @@ The work of Michael Snoyman and Greg Weber is just stunning.</p>
                 </div>
                 <div id="lastmod">
                     Created: 10/04/2011
-                    Modified: 10/04/2011 
+                    Modified: 10/18/2011 
                 </div>
                 <div>
                     Entirely done with
diff --git a/output/Scratch/en/blog/feed/feed.xml b/output/Scratch/en/blog/feed/feed.xml
index d78b67615..963ab2da4 100644
--- a/output/Scratch/en/blog/feed/feed.xml
+++ b/output/Scratch/en/blog/feed/feed.xml
@@ -14,6 +14,10 @@
     <title type="html">Yesod excellent ideas</title>
     <published>2011-10-04T08:18:59Z</published>
     <updated>2011-10-04T08:18:59Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/en/blog/Yesod-excellent-ideas/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/Yesod-excellent-ideas/main.png" /&gt;&lt;/p&gt;
 
@@ -23,7 +27,7 @@
 
 &lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt;&lt;/p&gt;
 
-&lt;p&gt;I follows the yesod web framework for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&amp;rsquo;t saw in other frameworks.&lt;/p&gt;
+&lt;p&gt;I follows the &lt;a href="http://www.yesodweb.com"&gt;yesod web framework&lt;/a&gt; for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&amp;rsquo;t saw in other frameworks.&lt;/p&gt;
 
 
 &lt;/div&gt;
@@ -35,13 +39,52 @@
 
 &lt;p&gt;&lt;img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /&gt;&lt;/p&gt;
 
-&lt;p&gt;When you create a web application, a lot of time is spent dea...&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;</content>
+&lt;p&gt;When you create a web a...&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-09-28:/Scratch/en/blog/Higher-order-function-in-zsh/</id>
+    <title type="html">Higher order function in zsh</title>
+    <published>2011-09-28T13:15:23Z</published>
+    <updated>2011-09-28T13:15:23Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/Higher-order-function-in-zsh/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/Higher-order-function-in-zsh/main.jpg" /&gt;&lt;/p&gt;
+
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt; some simple implementation of higher order function for zsh.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;Why is it important to have these functions?
+Simply because, the more I programmed with zsh the more I tended to work using functional programming style.&lt;/p&gt;
+
+&lt;p&gt;The minimal to have better code are the functions &lt;code&gt;map&lt;/code&gt;, &lt;code&gt;filter&lt;/code&gt; and &lt;code&gt;fold&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;Let&amp;rsquo;s compare.
+First a program which convert all gif to png in many different directories of different projects.&lt;/p&gt;
+
+&lt;p&gt;Before &#8658;&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt; for each directory in...&lt;/span&gt;&lt;/pre&gt;&lt;/p&gt;</content>
   </entry>
   <entry>
     <id>tag:yannesposito.com,2011-09-28:/Scratch/en/blog/programming-language-experience/</id>
     <title type="html">Programming Language Experience</title>
     <published>2011-09-28T10:21:41Z</published>
     <updated>2011-09-28T10:21:41Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/en/blog/programming-language-experience/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/programming-language-experience/dragon.jpg" /&gt;&lt;/p&gt;
 
@@ -70,6 +113,10 @@ It is not even good to learn programming...&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;</conte
     <title type="html">Learn Vim Progressively</title>
     <published>2011-08-25T17:28:20Z</published>
     <updated>2011-08-25T17:28:20Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="&#220;ber leet use vim!" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" /&gt;&lt;/p&gt;
 
@@ -98,12 +145,60 @@ Hard to learn, but incredible to use.&lt;/p&gt;
 &lt;ol&gt;
   &lt;li&gt;Survive&lt;/li&gt;
  ...&lt;/ol&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-08-17:/Scratch/en/blog/A-more-convenient-diff/</id>
+    <title type="html">A more convenient diff</title>
+    <published>2011-08-17T09:33:30Z</published>
+    <updated>2011-08-17T09:33:30Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/A-more-convenient-diff/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Diff is a very useful tool. But it is not so easy to read for us, simple mortal.&lt;/p&gt;
+
+&lt;p&gt;This is why, when you use &lt;code&gt;git&lt;/code&gt; it will use a better formatting and colorize it.&lt;/p&gt;
+
+&lt;p&gt;Here is the script I use when I want to use human readable &lt;code&gt;diff&lt;/code&gt; &#224; la git.  &lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/A-more-convenient-diff/code/ydiff"&gt; &amp;#x27A5; ydiff &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt;!/usr/bin/env zsh&lt;/span&gt;
+
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt; Load colors helpers&lt;/span&gt;
+autoload -U colors &lt;span class="Keyword"&gt;&amp;amp;&amp;amp;&lt;/span&gt; colors
+
+function colorize_diff {
+    &lt;span class="Keyword"&gt;while&lt;/span&gt; read line&lt;span class="Keyword"&gt;;&lt;/span&gt; &lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-07-10:/Scratch/en/blog/Haskell-Mandelbrot/</id>
+    <title type="html">ASCII Haskell Mandelbrot</title>
+    <published>2011-07-10T10:41:26Z</published>
+    <updated>2011-07-10T10:41:26Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/Haskell-Mandelbrot/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Here is the obfuscated code:&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/Haskell-Mandelbrot/code/animandel.hs"&gt; &amp;#x27A5; animandel.hs &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+a=27;b=79;c=&lt;span class="Constant"&gt;C&lt;/span&gt;(-2.0,-1.0);d=&lt;span class="Constant"&gt;C&lt;/span&gt;(1.0,1.0);e=&lt;span class="Constant"&gt;C&lt;/span&gt;(-2.501,-1.003)
+&lt;span class="Keyword"&gt;newtype&lt;/span&gt; &lt;span class="Constant"&gt;C&lt;/span&gt; = &lt;span class="Constant"&gt;C&lt;/span&gt; (&lt;span class="Constant"&gt;Double&lt;/span&gt;,&lt;span class="Constant"&gt;Double&lt;/span&gt;) &lt;span class="Keyword"&gt;deriving&lt;/span&gt; (&lt;span class="Constant"&gt;Show&lt;/span&gt;,&lt;span class="Constant"&gt;Eq&lt;/span&gt;)
+&lt;span class="Keyword"&gt;instance&lt;/span&gt; &lt;span class="Constant"&gt;Num&lt;/span&gt; &lt;span class="Constant"&gt;C&lt;/span&gt; &lt;span class="Keyword"&gt;where&lt;/span&gt; &lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
   </entry>
   <entry>
     <id>tag:yannesposito.com,2011-05-18:/Scratch/en/blog/Password-Management/</id>
     <title type="html">40 character's passwords</title>
     <published>2011-05-18T11:14:28Z</published>
     <updated>2011-05-18T11:14:28Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/en/blog/Password-Management/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/Password-Management/main.png" /&gt;&lt;/p&gt;
 
@@ -128,4 +223,865 @@ It is both safe and easy to use everyday.&lt;/p&gt;
 
 &lt;p&gt;If you just want to &lt;em&gt;use&lt;/em&gt; the tools without searching to understand why it is safe, just jump at the &lt;/p&gt;&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;</content>
   </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-04-20:/Scratch/en/blog/2011-04-20-Now-hosted-on-github/</id>
+    <title type="html">Now hosted on github</title>
+    <published>2011-04-20T15:22:15Z</published>
+    <updated>2011-04-20T15:22:15Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2011-04-20-Now-hosted-on-github/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/2011-04-20-Now-hosted-on-github/main.png" /&gt;&lt;/p&gt;
+
+&lt;p&gt;I am now hosted on github.&lt;/p&gt;
+&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-01-03:/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/</id>
+    <title type="html">Why I won't use CoffeeScript (sadly)</title>
+    <published>2011-01-03T08:37:26Z</published>
+    <updated>2011-01-03T08:37:26Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/main.png" /&gt;&lt;/p&gt;
+
+
+&lt;div class="encadre"&gt;
+
+
+&lt;p&gt;&lt;em&gt;Update&lt;/em&gt;: I might change my mind now. Why?
+I just discovered a &lt;a href="https://github.com/rstacruz/js2coffee"&gt;js2coffee converter&lt;/a&gt;. Furthermore Denis Knauf told me about a &lt;code&gt;CoffeeScript.eval&lt;/code&gt; function. 
+And as Denis said: &amp;ldquo;it is time to use Coffeescript as a javascript with Ruby-like syntax not a Ruby-like programming language&amp;rdquo;.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt; I would have loved to program client side using a Ruby-like syntax. But in the end, CoffeScript raised more disavantages than advantages.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;Recently I read &lt;/p&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-01-01:/Scratch/en/blog/2011-01-03-Happy-New-Year/</id>
+    <title type="html">Happy New Year</title>
+    <published>2011-01-01T06:55:54Z</published>
+    <updated>2011-01-01T06:55:54Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2011-01-03-Happy-New-Year/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Happy New Year!&lt;/p&gt;
+
+&lt;p&gt;I was busy during the last months. 
+But I will revive a bit this blog.&lt;/p&gt;
+
+&lt;p&gt;I made a project to write book in markdown syntax and generating HTML and high quality PDF. I am not finished with this.&lt;/p&gt;
+
+&lt;p&gt;I had written an efficient &lt;em&gt;&amp;amp;&lt;/em&gt; simplistic MVC javascript framework.&lt;/p&gt;
+
+&lt;p&gt;Best wishes for &lt;em&gt;2011&lt;/em&gt;!&lt;/p&gt;
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-26:/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/</id>
+    <title type="html">LaTeX like macro for markdown</title>
+    <published>2010-10-26T12:30:58Z</published>
+    <updated>2010-10-26T12:30:58Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt; I made a simple macro system for my blog. Now I juste have to write %&lt;span /&gt;latex and it show as &lt;span style="text-transform: uppercase"&gt;L&lt;sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em"&gt;a&lt;/sup&gt;T&lt;sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em"&gt;e&lt;/sub&gt;X&lt;/span&gt;.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;I added a macro system for my blog system.
+When we are used to &lt;span style="text-transform: uppercase"&gt;L&lt;sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em"&gt;a&lt;/sup&gt;T&lt;sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em"&gt;e&lt;/sub&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-14:/Scratch/en/blog/2010-10-14-Fun-with-wav/</id>
+    <title type="html">Fun with wav</title>
+    <published>2010-10-14T09:04:58Z</published>
+    <updated>2010-10-14T09:04:58Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-10-14-Fun-with-wav/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt; Played to process a &lt;code&gt;wav&lt;/code&gt; file. &lt;code&gt;C&lt;/code&gt; was easier and cleaner than Ruby.&lt;/p&gt;
+
+&lt;p&gt;edit: I wanted this program to work only on one specific machine (a x86 on a 32 bit Ubuntu). Therefore I didn&amp;rsquo;t had any portability consideration. This is only a &lt;em&gt;hack&lt;/em&gt;.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;I had to compute the sum of the absolute values of data of a &lt;code&gt;.wav&lt;/code&gt; file.
+For efficiency (and fun) reasons, I had chosen &lt;code&gt;C&lt;/code&gt; language.&lt;/p&gt;
+
+&lt;p&gt;I didn&amp;rsquo;t programmed in &lt;code&gt;C&lt;/code&gt; for a long time.
+From my memory it was a pain to read and write to files.
+But in the end I was really impressed by the code I get. 
+It was really clean.
+This is even more impressive know...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-10:/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/</id>
+    <title type="html">Secure eMail on Mac in few steps</title>
+    <published>2010-10-10T16:39:00Z</published>
+    <updated>2010-10-10T16:39:00Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/main.png" class="clean" /&gt;&lt;/p&gt;
+
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt; &lt;em&gt;on Mac&lt;/em&gt;&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;Get a certificate signed by a CA: &lt;a href="http://www.instantssl.com/ssl-certificate-products/free-email-certificate.html"&gt;click here for a free one&lt;/a&gt;,&lt;/li&gt;
+  &lt;li&gt;open the file,&lt;/li&gt;
+  &lt;li&gt;delete securely the file,&lt;/li&gt;
+  &lt;li&gt;use Mail instead of online gmail.&lt;/li&gt;
+  &lt;li&gt;???&lt;/li&gt;
+  &lt;li&gt;Profit&lt;/li&gt;
+&lt;/ul&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;I&amp;rsquo;ve (re)discovered how to become S/MIME compliant. 
+I am now suprised how easy it was. 
+Some years ago it was far more difficult.
+Now I&amp;rsquo;m able to sign and encrypt my emails.&lt;/p&gt;
+
+&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-06:/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/</id>
+    <title type="html">New Blog Design Constraints</title>
+    <published>2010-10-06T09:33:03Z</published>
+    <updated>2010-10-06T09:33:03Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/" rel="alternate"/>
+    <content type="html">&lt;p&gt;I changed the design of my blog.
+Now it should be far cleaner.
+I believe I use no CSS3 feature and far less javascript.
+Of course before my website was perfectly browsable without javascript. 
+Unfortunately some CSS3 feature are not mature enough on some browser.
+For more details you can read my older &lt;a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator"&gt;blog entry&lt;/a&gt;.
+But the major problem came from, &lt;code&gt;font-shadow&lt;/code&gt; and gradients.
+Then my new design obey to the following rules:&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;no CSS element begining by &amp;lsquo;-moz&amp;rsquo; or &amp;lsquo;-webkit&amp;rsquo;, etc&amp;hellip;,&lt;/li&gt;
+  &lt;li&gt;no text shadow,&lt;/li&gt;
+  &lt;li&gt;clean (I mean delete) most javascript.&lt;/li&gt;
+&lt;/ul&gt;
+
+&lt;p&gt;I hope the new design please you.&lt;/p&gt;
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-09-02:/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</id>
+    <title type="html">Use git to calculate trusted mtimes</title>
+    <published>2010-09-02T13:54:10Z</published>
+    <updated>2010-09-02T13:54:10Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/" rel="alternate"/>
+    <content type="html">&lt;p&gt;You can remark at the bottom of each page I provide a last modification date.
+This label was first calculated using the &lt;code&gt;mtime&lt;/code&gt; of the file on the file system.
+But many times I modify this date just to force some recompilation. 
+Therefore the date wasn&amp;rsquo;t a date of &lt;em&gt;real&lt;/em&gt; modification.&lt;/p&gt;
+
+&lt;p&gt;I use &lt;a href="http://git-scm.org"&gt;git&lt;/a&gt; to version my website.
+And fortunately I can know the last date of &lt;em&gt;real&lt;/em&gt; change of a file.
+This is how I do this with &lt;a href="http://nanoc.stoneship.org"&gt;nanoc&lt;/a&gt;:&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/code/gitmtime.rb"&gt; &amp;#x27A5; gitmtime.rb &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+&lt;span class="Keyword"&gt;def&lt;/span&gt; &lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-09-02:/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/</id>
+    <title type="html">base64 and sha1 on iPhone</title>
+    <published>2010-09-01T22:02:17Z</published>
+    <updated>2010-09-01T22:02:17Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Lets be straight:
+here are two functions to add to your code to have &lt;code&gt;base64&lt;/code&gt; and &lt;code&gt;hexadecimal&lt;/code&gt; version of the &lt;code&gt;sha1&lt;/code&gt; hash of an NSString.&lt;/p&gt;
+
+&lt;p&gt;To use it, simply copy the code in your class and use as this:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+&lt;span class="CCCPreprocessorLine"&gt;#&lt;span class="CCCPreprocessorDirective"&gt;import&lt;/span&gt; &lt;span class="String"&gt;&lt;span class="String"&gt;&amp;lt;&lt;/span&gt;CommonCrypto/CommonDigest.h&lt;span class="String"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
+...
+&lt;span class="Support"&gt;NSString&lt;/span&gt; *b64_hash = [&lt;span class="Variable"&gt;self&lt;/span&gt; &lt;span class="SupportFunction"&gt;b64_sha1&lt;span class="SupportFunction"&gt;:&lt;/span&gt;&lt;/span&gt;&lt;span class="String"&gt;&lt;span class="String"&gt;@&amp;quot;&lt;/span&gt;some NSString to be sha1'ed&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;];
+...
+&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-08-31:/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</id>
+    <title type="html">send mail from command line with attached file</title>
+    <published>2010-08-31T08:16:04Z</published>
+    <updated>2010-08-31T08:16:04Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/" rel="alternate"/>
+    <content type="html">&lt;p&gt;I had to send a mail using only command line. 
+I was surprised it isn&amp;rsquo;t straightforward at all.
+I didn&amp;rsquo;t had &lt;code&gt;pine&lt;/code&gt; nor &lt;code&gt;mutt&lt;/code&gt; or anything like that.
+Just &lt;code&gt;mail&lt;/code&gt; and &lt;code&gt;mailx&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;What Internet say (via google) is&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+uuencode fic.jpg fic.jpg &lt;span class="Keyword"&gt;|&lt;/span&gt; mail -s &lt;span class="String"&gt;&lt;span class="String"&gt;'&lt;/span&gt;Subject&lt;span class="String"&gt;'&lt;/span&gt;&lt;/span&gt;
+&lt;/pre&gt;
+
+&lt;p&gt;I tried it.
+And it works almost each times.
+But for my file, it didn&amp;rsquo;t worked.
+I compressed it to &lt;code&gt;.gz&lt;/code&gt;, &lt;code&gt;.bz2&lt;/code&gt; and &lt;code&gt;.zip&lt;/code&gt;.
+Using &lt;code&gt;.bz2&lt;/code&gt; format it worked nicely, but not with other formats.
+Instead of having an attached file I saw this in my email.&lt;/p&gt;
+
+&lt;pre&gt;
+begin 664 fic....&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-08-23:/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/</id>
+    <title type="html">Now hosted by heroku</title>
+    <published>2010-08-23T13:05:13Z</published>
+    <updated>2010-08-23T13:05:13Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/" rel="alternate"/>
+    <content type="html">&lt;h1 class="first" id="now-on-herokuhttpherokucom"&gt;Now on &lt;a href="http://heroku.com"&gt;Heroku&lt;/a&gt;&lt;/h1&gt;
+
+&lt;p&gt;I now changed my hosting to &lt;a href="http://heroku.com"&gt;Heroku&lt;/a&gt;. 
+I believe it will be far more reliable.&lt;/p&gt;
+
+&lt;p&gt;But as you should know my website is completely static.
+I use &lt;a href="http://nanoc.stoneship.org/"&gt;nanoc&lt;/a&gt; to generate it.
+But here is the conf to make it work on heroku.&lt;/p&gt;
+
+&lt;p&gt;The root of my files is &lt;code&gt;/output&lt;/code&gt;. You only need to create a &lt;code&gt;config.ru&lt;/code&gt;&lt;sup id="fnref:1"&gt;&lt;a href="#fn:1" rel="footnote"&gt;1&lt;/a&gt;&lt;/sup&gt; file:&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/code/config.ru"&gt; &amp;#x27A5; config.ru &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+&lt;span class="Keyword"&gt;require&lt;/span&gt; &lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-08-11:/Scratch/en/blog/2010-07-09-Indecidabilities/</id>
+    <title type="html">Undecidabilities (part 1)</title>
+    <published>2010-08-11T08:04:31Z</published>
+    <updated>2010-08-11T08:04:31Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-07-09-Indecidabilities/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;: &lt;/span&gt; I pretend to create a world to give examples of different meanings behind the word &lt;em&gt;undecidability&lt;/em&gt;:&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;Undecidability due to measure errors, &lt;/li&gt;
+  &lt;li&gt;Big errors resulting from small initial measure error,&lt;/li&gt;
+  &lt;li&gt;Fractal undecidability&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;Logic Undecidability.&lt;/li&gt;
+&lt;/ul&gt;
+
+
+&lt;/div&gt;
+
+
+
+&lt;/div&gt;
+
+&lt;div class="corps"&gt;
+
+
+&lt;h1 class="first" id="the-undecidabilities"&gt;The Undecidabilities&lt;/h1&gt;
+
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;If a demiurge made our world, he certainly had a great sense of humor.
+After this read, you should be convinced.
+I&amp;rsquo;ll pretend to be him.
+I&amp;rsquo;ll create a simplified world.
+A world that obey to simple mathematical rules.
+And I&amp;rsquo;ll...&lt;/p&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-07-31:/Scratch/en/blog/2010-07-31-New-style-after-holidays/</id>
+    <title type="html">New style after holidays</title>
+    <published>2010-07-31T21:59:10Z</published>
+    <updated>2010-07-31T21:59:10Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-07-31-New-style-after-holidays/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Before my holidays many visitors tell me my website was too long to scroll.
+This is why I completely changed my website design.
+Now all should scroll smoothly on all platforms.
+I was inspired by Readability and iBooks&lt;small&gt;&amp;copy;&lt;/small&gt; (the iPhone&lt;small&gt;&amp;copy;&lt;/small&gt; application).&lt;/p&gt;
+
+&lt;p&gt;Tell me what you think of this new design.&lt;/p&gt;
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-07-07:/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/</id>
+    <title type="html">Do not use CSS gradient with Chrome</title>
+    <published>2010-07-07T13:43:43Z</published>
+    <updated>2010-07-07T13:43:43Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Some &lt;a href="http://reddit.com"&gt;Reddit&lt;/a&gt; users reported my website was really long to load and to scroll.
+They thinks it was because of the &amp;lsquo;1px shadow&amp;rsquo; I apply on all the text.
+I was a bit surprised, because I make some test into a really &lt;em&gt;slow&lt;/em&gt; virtual machine. And all have always worked fine. In fact, what slow down so much are by order of importance:&lt;/p&gt;
+
+&lt;ol&gt;
+  &lt;li&gt;Radial gradient on Chrome (not in Safari on Mac)&lt;/li&gt;
+  &lt;li&gt;Box shadows on Firefox and Chrome&lt;/li&gt;
+&lt;/ol&gt;
+
+&lt;h2 id="gradient"&gt;Gradient&lt;/h2&gt;
+
+&lt;p&gt;On Safari on Mac there is absolutely no rendering time problem. But when I use Chrome under Linux it is almost unusable.&lt;/p&gt;
+
+&lt;p&gt;Safari and Chrome use webkit, when you access my website with javascript enabled, an additionnal browser specific CSS is loaded....&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-07-05:/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/</id>
+    <title type="html">Cappuccino vs jQuery</title>
+    <published>2010-07-05T11:49:04Z</published>
+    <updated>2010-07-05T11:49:04Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;abbr class="sc" title="Too long; didn't read"&gt;tl;dr&lt;/abbr&gt;:&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;Tried to make &lt;a href="http://yannesposito.com/Softwares/YPassword.html"&gt;YPassword&lt;/a&gt; in jQuery and with Cappuccino.&lt;/li&gt;
+  &lt;li&gt;Cappuccino nice in desktop browser but 1.4MB, not compatible with iPhone.&lt;/li&gt;
+  &lt;li&gt;jQuery not as nice as the Cappuccino version but 106KB. iPhone compatible.&lt;/li&gt;
+  &lt;li&gt;I&amp;rsquo;ll give a try to Dashcode 3.&lt;/li&gt;
+&lt;/ul&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;hr /&gt;
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;Before start, I must say I know Cappuccino and jQuery are no more comparable than Cocoa and the C++ standard library. One is oriented for user interface while the other is and helper for low level programming.
+Nonetheless I used these two to make the same web application. This is why I compare the exp...&lt;/p&gt;&lt;/div&gt;&lt;/hr&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-19:/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/</id>
+    <title type="html">jQuery popup the easy way</title>
+    <published>2010-06-18T22:44:50Z</published>
+    <updated>2010-06-18T22:44:50Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Some source code on this blog can be downloaded. 
+Most of time, the code is larger than the &lt;code&gt;div&lt;/code&gt; bloc. 
+This is why I use a method to show this code in a large jQuery popup. &lt;/p&gt;
+
+&lt;p&gt;You can try clicking the following code&amp;nbsp;; remark that the content is cutted a bit after &lt;code&gt;z-index&lt;/code&gt;:&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/code/essai.js"&gt; &amp;#x27A5; essai.js &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;//&lt;/span&gt; --- code popup ---&lt;/span&gt;
+&lt;span class="Storage"&gt;function&lt;/span&gt; &lt;span class="Entity"&gt;openPopup&lt;/span&gt;() {
+    &lt;span class="Keyword"&gt;$&lt;/span&gt;(&lt;span class="Variable"&gt;this&lt;/span&gt;).clone(&lt;span class="Constant"&gt;false&lt;/span&gt;).appendTo(&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-17:/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/</id>
+    <title type="html">Hide Yourself to your Analytics</title>
+    <published>2010-06-17T14:37:22Z</published>
+    <updated>2010-06-17T14:37:22Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/" rel="alternate"/>
+    <content type="html">&lt;p&gt;This is a way not to count your own visits to your blog.
+First you should look on how &lt;a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics"&gt;I handle analytics&lt;/a&gt;. All analytics are handled in one javascript file, this make things really convenient.&lt;/p&gt;
+
+&lt;p&gt;Then you need to know my method use the &lt;code&gt;jquery-cookie&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;I check if the key &lt;code&gt;admin&lt;/code&gt; is not set in the cookie before adding the visit.&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+    &lt;span class="Storage"&gt;var&lt;/span&gt; admin &lt;span class="Keyword"&gt;=&lt;/span&gt; &lt;span class="Keyword"&gt;$&lt;/span&gt;.&lt;span class="SupportConstant"&gt;cookie&lt;/span&gt;(&lt;span class="String"&gt;&lt;span class="String"&gt;'&lt;/span&gt;admin&lt;span class="String"&gt;'&lt;/span&gt;&lt;/span&gt;);
+    &lt;span class="Keyword"&gt;if&lt;/span&gt; (&lt;span class="Keyword"&gt;!&lt;/span&gt; admin) {
+     ...&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-17:/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/</id>
+    <title type="html">Track Events with Google Analytics</title>
+    <published>2010-06-17T12:41:36Z</published>
+    <updated>2010-06-17T12:41:36Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Here is how to track all clicks on your website using google analytics asynchronously.&lt;/p&gt;
+
+&lt;p&gt;First in your &lt;span class="sc"&gt;html&lt;/span&gt; you need to use &lt;a href="http://jquery.com"&gt;jQuery&lt;/a&gt; and a javscript file I named &lt;code&gt;yga.js&lt;/code&gt;:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+&lt;span class="EmbeddedSource"&gt;    &lt;span class="EmbeddedSource"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagInline"&gt;script&lt;/span&gt; &lt;span class="MetaTagInline"&gt;type&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;text/javascript&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt; &lt;span class="MetaTagInline"&gt;src&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;jquery.js&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="EmbeddedSource"&gt;&amp;gt;&lt;/span&gt;&lt;span class="EmbeddedSource"&gt;&amp;lt;/&lt;/span&gt;&lt;span class="MetaTagInline"&gt;scr...&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-15:/Scratch/en/blog/2010-06-15-Get-my-blog-engine/</id>
+    <title type="html">Get my blog engine</title>
+    <published>2010-06-15T08:56:32Z</published>
+    <updated>2010-06-15T08:56:32Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-06-15-Get-my-blog-engine/" rel="alternate"/>
+    <content type="html">&lt;p&gt;I published a &lt;em&gt;light&lt;/em&gt; version of my blog engine based on &lt;a href="http://nanoc.stoneship.org"&gt;nanoc&lt;/a&gt; yesterday night. By &lt;em&gt;light&lt;/em&gt;, I mean a lighter, more portable CSS (without round border).
+You can get it on &lt;a href="http://github.com/yogsototh/nanoc3_blog"&gt;github.com&lt;/a&gt;.&lt;/p&gt;
+
+&lt;p&gt;What this system provide?&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;All &lt;a href="http://nanoc.stoneship.org"&gt;nanoc&lt;/a&gt; advantages,&lt;/li&gt;
+  &lt;li&gt;Easy multi-language handling,&lt;/li&gt;
+  &lt;li&gt;Syntax Coloration for most languages,&lt;/li&gt;
+  &lt;li&gt;&lt;a href="http://intensedebate.org"&gt;intenseDebate&lt;/a&gt; comments integration (asynchronous)&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;Portable with and without javascript, XHTML Strict 1.0 / CSS3,&lt;/li&gt;
+  &lt;li&gt;Write in markdown format (no HTML editing needed),&lt;/li&gt;
+  &lt;li&gt;Typographic ameliorations (no &amp;lsquo;:&amp;rsquo; ...&lt;/li&gt;&lt;/ul&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-14:/Scratch/en/blog/2010-06-14-multi-language-choices/</id>
+    <title type="html">multi language choices</title>
+    <published>2010-06-14T14:14:57Z</published>
+    <updated>2010-06-14T14:14:57Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-06-14-multi-language-choices/" rel="alternate"/>
+    <content type="html">&lt;p&gt;I translate most of my blog entries in French and English.
+Most people advice me to have one file per language. Generally it ends with:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+Bonjour, 
+
+voici un exemple de texte en fran&#231;ais.
+[image](url)
+&lt;/pre&gt;
+
+&lt;pre class="twilight"&gt;
+Hello, 
+
+here is an example of english text.
+[image](url)
+&lt;/pre&gt;
+
+&lt;p&gt;This way of handling translations force you to write completely an article in one language, copy it, and translate it.&lt;/p&gt;
+
+&lt;p&gt;However, most of time, there are common parts like images, source code, etc&amp;hellip;
+When I want to correct some mistake on these parts, I have to make twice the work. With sometimes adding another mistake in only one language.&lt;/p&gt;
+
+&lt;p&gt;This is why I preferred to handle it differently.
+I use &lt;em&gt;tags&lt;/em&gt; on a single file.
+Finally my files...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-05-24:/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</id>
+    <title type="html">Trees; Pragmatism and Formalism</title>
+    <published>2010-05-24T18:05:14Z</published>
+    <updated>2010-05-24T18:05:14Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;abbr title="Too Long; Don't Read"&gt;&lt;span class="sc"&gt;tl;dr&lt;/span&gt;&lt;/abbr&gt;: &lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;I tried to program a simple filter&lt;/li&gt;
+  &lt;li&gt;Was blocked 2 days&lt;/li&gt;
+  &lt;li&gt;Then stopped working like an engineer monkey&lt;/li&gt;
+  &lt;li&gt;Used a pen and a sheet of paper&lt;/li&gt;
+  &lt;li&gt;Made some math.&lt;/li&gt;
+  &lt;li&gt;Crushed the problem in 10 minutes&lt;/li&gt;
+  &lt;li&gt;Conclusion: The pragmatism shouldn&amp;rsquo;t mean &amp;ldquo;never use theory&amp;rdquo;.&lt;/li&gt;
+&lt;/ul&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;h2 id="abstract-longer-than-abbr-titletoo-long-dont-readsctldrscabbr"&gt;Abstract (longer than &lt;abbr title="Too Long; Don't Read"&gt;&lt;span class="sc"&gt;tl;dr&lt;/span&gt;&lt;/abbr&gt;)&lt;/h2&gt;
+
+&lt;p&gt;For my job, I needed to resolve a problem. It first seems not too hard. 
+Then I started working directly on my program. 
+I entered in the &lt;em&gt;infernal&lt;/em&gt;: ...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-05-19:/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</id>
+    <title type="html">How to repair a cutted XML?</title>
+    <published>2010-05-19T20:20:34Z</published>
+    <updated>2010-05-19T20:20:34Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/" rel="alternate"/>
+    <content type="html">&lt;p&gt;For my main page, you can see, a list of my latest blog entry. And you have the first part of each article. To accomplish that, I needed to include the begining of the entry and to cut it somewhere. But now, I had to repair this cutted HTML.&lt;/p&gt;
+
+&lt;p&gt;Here is an example:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+&lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;div&lt;/span&gt; &lt;span class="MetaTagAll"&gt;class&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;corps&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
+    &lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;div&lt;/span&gt; &lt;span class="MetaTagAll"&gt;class&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;intro&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-05-17:/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/</id>
+    <title type="html">I live again!</title>
+    <published>2010-05-17T11:25:51Z</published>
+    <updated>2010-05-17T11:25:51Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Hi all!&lt;/p&gt;
+
+&lt;blockquote cite="http://www.madore.org/~david/weblog/2010-05.html#d.2010-05-12.1752"&gt;
+  &lt;p&gt;The more you wait to do something, the more difficult it is to start doing it.&lt;/p&gt;
+&lt;/blockquote&gt;
+
+&lt;p&gt;I had to write another post for this blog. I had added many article idea in my todolist. But, I made many other things, and I&amp;rsquo;ve always said (until now), I&amp;rsquo;ll do this later. What changed my mind is the haunt of this simple remark about how to be productive in programming. 
+&amp;gt; Stop write &lt;code&gt;TODO&lt;/code&gt; in your code and make it now!&lt;br /&gt;
+&amp;gt; You&amp;rsquo;ll be surprised by the results.&lt;/p&gt;
+
+&lt;p&gt;In short:
+&amp;gt; &lt;strong&gt;Just do it!&lt;/strong&gt; ou &lt;strong&gt;Juste fait le&lt;/strong&gt; comme auraient dit les nuls.&lt;/p&gt;
+
+&lt;p&gt;Finally I&amp;rsquo;ll certainly write blog post more often for a ...&lt;/p&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-03-23:/Scratch/en/blog/2010-03-23-Encapsulate-git/</id>
+    <title type="html">Encapsulate git</title>
+    <published>2010-03-23T20:37:36Z</published>
+    <updated>2010-03-23T20:37:36Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-03-23-Encapsulate-git/" rel="alternate"/>
+    <content type="html">&lt;div class="intro"&gt;
+Here is a solution to maintain divergent branches in git. Because it is easy to merge by mistake. I give a script that encapsulate git in order to forbid some merge and warn you some merge should be dangerous.
+&lt;/div&gt;
+
+&lt;h2 id="how-to-protect-against-your-own-dumb"&gt;how to protect against your own dumb&lt;/h2&gt;
+
+&lt;p&gt;I work on a project in which some of my git branches should remain divergent. And divergences should grow.&lt;/p&gt;
+
+&lt;p&gt;I also use some branch to contain what is common between projects.&lt;/p&gt;
+
+&lt;p&gt;Say I have some branches:&lt;/p&gt;
+
+&lt;p&gt;master: common to all branches
+dev:    branch devoted to unstable development
+client: branch with features for all client but not general enough for master
+clientA: project adapted for client A
+clientB: project adapted for client B&lt;/p&gt;
+
+&lt;p&gt;Her...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-03-22:/Scratch/en/blog/2010-03-22-Git-Tips/</id>
+    <title type="html">Git Tips</title>
+    <published>2010-03-22T08:42:27Z</published>
+    <updated>2010-03-22T08:42:27Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-03-22-Git-Tips/" rel="alternate"/>
+    <content type="html">&lt;h2 class="first" id="clone-from-github-behind-an-evil-firewall"&gt;clone from github behind an evil firewall&lt;/h2&gt;
+
+&lt;p&gt;Standard:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+git clone git@github.com:yogsototh/project.git
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;Using HTTPS port:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+git clone git+ssh://git@github.com:443/yogsototh/project.git
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="clone-all-branches"&gt;clone all branches&lt;/h2&gt;
+
+&lt;p&gt;&lt;code&gt;git clone&lt;/code&gt; can only fetch the master branch.&lt;/p&gt;
+
+&lt;p&gt;If you don&amp;rsquo;t have much branches, you can simply use clone your project and then use the following command:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+git branch --track local_branch remote_branch
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;for example:&lt;/p&gt;
+&lt;div&gt;&lt;pre class="twilight"&gt;
+$ git clone git@github:yogsototh/example.git
+$ git branch
+master *
+$ git ...&lt;/pre&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-23:/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/</id>
+    <title type="html">When regexp is not the best solution</title>
+    <published>2010-02-23T08:09:52Z</published>
+    <updated>2010-02-23T08:09:52Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Regular expression are really useful. Unfortunately, they are not always the best way of doing things.
+Particularly when transformations you want to make are easy.&lt;/p&gt;
+
+&lt;p&gt;I wanted to know how to get file extension from filename the fastest way possible. There is 3 natural way of doing this:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt; regexp&lt;/span&gt;
+str.&lt;span class="Entity"&gt;match&lt;/span&gt;(&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;[&lt;/span&gt;^.&lt;span class="StringRegexp"&gt;]&lt;/span&gt;&lt;/span&gt;*$&lt;/span&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt;); 
+ext&lt;span class="Keyword"&gt;=&lt;/span&gt;&lt;span class="Variable"&gt;&lt;span class="Variable"&gt;...&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-18:/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/</id>
+    <title type="html">split a file by keyword</title>
+    <published>2010-02-18T13:29:14Z</published>
+    <updated>2010-02-18T13:29:14Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Strangely enough, I didn&amp;rsquo;t find any built-in tool to split a file by keyword. I made one myself in &lt;code&gt;awk&lt;/code&gt;. I put it here mostly for myself. But it could also helps someone else.
+The following code split a file for each line containing the word &lt;code&gt;UTC&lt;/code&gt;.&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt;!/usr/bin/env awk&lt;/span&gt;
+&lt;span class="Entity"&gt;BEGIN&lt;/span&gt;{i=0;}
+&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;UTC&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt; { 
+    i+=1;
+    FIC=&lt;span class="SupportFunction"&gt;sprintf&lt;/span&gt;(&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;fic.%03d&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;,i); 
+} 
+{&lt;span class="SupportFunction"&gt;print&lt;/span&gt; &lt;span class="Variable"&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-16:/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/</id>
+    <title type="html">Pragmatic Regular Expression Exclude (2)</title>
+    <published>2010-02-16T08:33:21Z</published>
+    <updated>2010-02-16T08:33:21Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/" rel="alternate"/>
+    <content type="html">&lt;p&gt;In my &lt;a href="previouspost"&gt;previous post&lt;/a&gt; I had given some trick to match all except something. On the same idea, the trick to match the smallest possible string. Say you want to match the string between &amp;lsquo;a&amp;rsquo; and &amp;lsquo;b&amp;rsquo;, for example, you want to match:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+a.....&lt;span class="Constant"&gt;&lt;strong&gt;a......b&lt;/strong&gt;&lt;/span&gt;..b..a....&lt;span class="Constant"&gt;&lt;strong&gt;a....b&lt;/strong&gt;&lt;/span&gt;...
+&lt;/pre&gt;
+
+&lt;p&gt;Here are two common errors and a solution:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+/a.*b/
+&lt;span class="Constant"&gt;&lt;strong&gt;a.....a......b..b..a....a....b&lt;/strong&gt;&lt;/span&gt;...
+&lt;/pre&gt;
+
+&lt;p&gt;The first error is to use the &lt;em&gt;evil&lt;/em&gt; &lt;code&gt;.*&lt;/code&gt;. Because you will match from the first to the last.&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+/a.*?b/
+&lt;span class="Constant"&gt;&lt;strong&gt;...&lt;/strong&gt;&lt;/span&gt;&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-15:/Scratch/en/blog/2010-02-15-All-but-something-regexp/</id>
+    <title type="html">Pragmatic Regular Expression Exclude</title>
+    <published>2010-02-15T09:16:12Z</published>
+    <updated>2010-02-15T09:16:12Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-02-15-All-but-something-regexp/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Sometimes you cannot simply write:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Keyword"&gt;if&lt;/span&gt; str.&lt;span class="Entity"&gt;match&lt;/span&gt;(regexp) &lt;span class="Keyword"&gt;and&lt;/span&gt; 
+    &lt;span class="Keyword"&gt;not&lt;/span&gt; str.&lt;span class="Entity"&gt;match&lt;/span&gt;(other_regexp)
+        do_something
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;and you have to make this behaviour with only one regular expression. The problem is the complementary of regular languages is not regular. Then, for some expression it is absolutely not impossible.&lt;/p&gt;
+
+&lt;p&gt;But sometimes with some simple regular expression it should be possible&lt;sup&gt;&lt;a href="#note1"&gt;&amp;dagger;&lt;/a&gt;&lt;/sup&gt;. Say you want to match everything containing the some word say &lt;code&gt;bull&lt;/code&gt; but don&amp;rsquo;t want to match &lt;code&gt;bullshit&lt;/code&gt;. Here is a nice way to do that:&lt;/p&gt;...</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-01-12:/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</id>
+    <title type="html">antialias font in Firefox under Ubuntu</title>
+    <published>2010-01-12T14:36:40Z</published>
+    <updated>2010-01-12T14:36:40Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/" rel="alternate"/>
+    <content type="html">&lt;p&gt;How to stop using bad Microsoft&#169; font under Ubuntu Linux in order to user nice anti aliased font under Firefox.&lt;/p&gt;
+
+&lt;p&gt;Just modify the &lt;code&gt;/etc/fonts/local.conf&lt;/code&gt; with the following code: &lt;/p&gt;
+
+&lt;div&gt;
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/code/local.conf"&gt; &amp;#x27A5; local.conf &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+
+&lt;span class="DoctypeXmlProcessing"&gt;&lt;span class="DoctypeXmlProcessing"&gt;&amp;lt;?&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt;xml&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt; version&lt;/span&gt;=&lt;span class="DoctypeXmlProcessing"&gt;&lt;span class="DoctypeXmlProcessing"&gt;&amp;quot;&lt;/span&gt;1.0&lt;span class="DoctypeXmlProcessing"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt;?&amp;gt;&lt;/span&gt;&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-01-04:/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/</id>
+    <title type="html">Change default shell on Mac OS X</title>
+    <published>2010-01-04T10:31:47Z</published>
+    <updated>2010-01-04T10:31:47Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/" rel="alternate"/>
+    <content type="html">&lt;p&gt;I just found a way to change the default shell on Mac OS X. This note is mostly for me, but somebody else should find it useful. Just launch the following command: &lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Keyword"&gt;&amp;gt;&lt;/span&gt; chsh
+&lt;/pre&gt;&lt;/div&gt;
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2009-12-14:/Scratch/en/blog/2009-12-14-Git-vs--Bzr/</id>
+    <title type="html">Git vs. Bzr</title>
+    <published>2009-12-14T08:46:36Z</published>
+    <updated>2009-12-14T08:46:36Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2009-12-14-Git-vs--Bzr/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;Why even if I believe &lt;code&gt;git&lt;/code&gt; has many bad point I believe it is the best DCVS around to work with. This is why I first tell why I prefer &lt;a href="http://bazaar-vcs.org"&gt;Bazaar&lt;/a&gt; over &lt;a href="http://git-scm.org"&gt;Git&lt;/a&gt;. Secondly I&amp;rsquo;ll talk about the only advantage of git against Bazaar which lead me to prefer it.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;h2 id="the-dcvs-discovery"&gt;The DCVS discovery&lt;/h2&gt;
+
+&lt;p&gt;Before beginning this article, you should know I come from &lt;em&gt;subversion&lt;/em&gt;. I find subversion to be a really good CVS. But I was converted to the decentralized ones.&lt;/p&gt;
+
+&lt;p&gt;There is two way of perceive version control system. Either you think in term of branches (see the really good article on &lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2009-12-06:/Scratch/en/blog/2009-12-06-iphone-call-filter/</id>
+    <title type="html">iphone call filter</title>
+    <published>2009-12-06T09:35:34Z</published>
+    <updated>2009-12-06T09:35:34Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/en/blog/2009-12-06-iphone-call-filter/" rel="alternate"/>
+    <content type="html">&lt;p&gt;It is unbelievable you cannot filter your call with an iPhone! The only reason I see for that is a negotiation with phone operator to force users to get phone advertising. It is simple unacceptable.&lt;/p&gt;
+
+&lt;p&gt;I&amp;rsquo;m a &#955; iPhone&amp;rsquo;s user. The only way to filter your call and to manage blacklist is to &lt;em&gt;jailbreak&lt;/em&gt; your iPhone. And I don&amp;rsquo;t want to do that. Then, if like me you find it unacceptable, just write a line to Apple: &lt;a href="http://www.apple.com/feedback/iphone.html"&gt;http://www.apple.com/feedback/iphone.html&lt;/a&gt;&lt;/p&gt;
+</content>
+  </entry>
 </feed>
diff --git a/output/Scratch/en/blog/index.html b/output/Scratch/en/blog/index.html
index 258aa3fa5..c2957e44d 100644
--- a/output/Scratch/en/blog/index.html
+++ b/output/Scratch/en/blog/index.html
@@ -91,7 +91,7 @@ Last 5 Articles
 
 <p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span></p>
 
-<p>I follows the yesod web framework for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&rsquo;t saw in other frameworks.</p>
+<p>I follows the <a href="http://www.yesodweb.com">yesod web framework</a> for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&rsquo;t saw in other frameworks.</p>
 
 
 </div>
@@ -103,7 +103,7 @@ Last 5 Articles
 
 <p><img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /></p>
 
-<p>When you create a web application, a lot of time is spent dea...</p></p></p>
+<p>When you create a web a...</p></p></p>
 
     <div class="flush"></div>
     <div>
@@ -114,6 +114,51 @@ Last 5 Articles
 
 </div>
 
+<h1> 
+    <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2011</span>
+    </span>  
+    <a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh <span class="nicer">»</span></a> 
+</h1>
+
+<div class="corps">
+
+    <p><img alt="Title image" src="/Scratch/img/blog/Higher-order-function-in-zsh/main.jpg" /></p>
+
+
+<div class="intro">
+
+
+<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> some simple implementation of higher order function for zsh.</p>
+
+
+</div>
+
+
+<p>Why is it important to have these functions?
+Simply because, the more I programmed with zsh the more I tended to work using functional programming style.</p>
+
+<p>The minimal to have better code are the functions <code>map</code>, <code>filter</code> and <code>fold</code>.</p>
+
+<p>Let&rsquo;s compare.
+First a program which convert all gif to png in many different directories of different projects.</p>
+
+<p>Before ⇒</p>
+
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span> for each directory in...</span></pre></p>
+
+    <div class="flush"></div>
+    <div>
+            <p>
+        <a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Read more <span class="nicer">»</span></a>
+            </p>
+    </div>
+
+</div>
+
 <h1> 
     <span class="date">
         <span class="day">28</span>
@@ -206,42 +251,35 @@ Hard to learn, but incredible to use.</p>
 
 <h1> 
     <span class="date">
-        <span class="day">18</span>
-        <span class="month">May</span>
+        <span class="day">17</span>
+        <span class="month">Aug</span>
         <span class="year">2011</span>
     </span>  
-    <a href="/Scratch/en/blog/Password-Management/">40 character's passwords <span class="nicer">»</span></a> 
+    <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff <span class="nicer">»</span></a> 
 </h1>
 
 <div class="corps">
 
-    <p><img alt="Title image" src="/Scratch/img/blog/Password-Management/main.png" /></p>
+    <p>Diff is a very useful tool. But it is not so easy to read for us, simple mortal.</p>
 
+<p>This is why, when you use <code>git</code> it will use a better formatting and colorize it.</p>
 
-<div class="intro">
+<p>Here is the script I use when I want to use human readable <code>diff</code> à la git.  </p>
 
+<div class="code"><div class="file"><a href="/Scratch/en/blog/A-more-convenient-diff/code/ydiff"> &#x27A5; ydiff </a></div><div class="withfile">
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env zsh</span>
 
-<p><span class="sc"><abbr title="Too long; didn't read">tl;dr</abbr>: </span> How I manage safely my password with success for some years now.<br />
-<strong><code>sha1( password + domain_name )</code></strong><br />
-I memorize only one password.
-I use a different password on all website.</p>
+<span class="Comment"><span class="Comment">#</span> Load colors helpers</span>
+autoload -U colors <span class="Keyword">&amp;&amp;</span> colors
 
-
-</div>
-
-
-<p>Disclamer, this is an unashamed attempt to make you download my iPhone app&nbsp;;-). 
-You&rsquo;re always here?
-Even if you won&rsquo;t download my app, you should read more.
-My method doesn&rsquo;t necessitate my app.
-It is both safe and easy to use everyday.</p>
-
-<p>If you just want to <em>use</em> the tools without searching to understand why it is safe, just jump at the </p></p></div></p>
+function colorize_diff {
+    <span class="Keyword">while</span> read line<span class="Keyword">;</span> </pre></div></div>
 
     <div class="flush"></div>
     <div>
             <p>
-        <a href="/Scratch/en/blog/Password-Management/">Read more <span class="nicer">»</span></a>
+        <a href="/Scratch/en/blog/A-more-convenient-diff/">Read more <span class="nicer">»</span></a>
             </p>
     </div>
 
@@ -258,7 +296,421 @@ It is both safe and easy to use everyday.</p>
                 $('.tag.selected').removeClass('selected');
                 $('#tag_'+id).addClass('selected');
             }
-        </script><div id="tagcloud"><a href="#editor" style="font-size: 1.0em;" class="tag" onclick="tagSelected('editor')" id="tag_editor">editor</a> <a href="#tutorial" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tutorial')" id="tag_tutorial">tutorial</a> <a href="#vi" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vi')" id="tag_vi">vi</a> <a href="#vim" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vim')" id="tag_vim">vim</a> </div><div id="hiddenDivs" ><div id="editor" class="list"><h4>editor</h4><ul style="list-style-type: none; margin: 0;">
+        </script><div id="tagcloud"><a href="#alternate_reality" style="font-size: 1.0em;" class="tag" onclick="tagSelected('alternate_reality')" id="tag_alternate_reality">alternate&nbsp;reality</a> <a href="#analyser" style="font-size: 1.0em;" class="tag" onclick="tagSelected('analyser')" id="tag_analyser">analyser</a> <a href="#analytics" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.69230769230769em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#Asynchronous" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Asynchronous')" id="tag_Asynchronous">Asynchronous</a> <a href="#awk" style="font-size: 1.0em;" class="tag" onclick="tagSelected('awk')" id="tag_awk">awk</a> <a href="#Bazaar" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Bazaar')" id="tag_Bazaar">Bazaar</a> <a href="#blacklist" style="font-size: 1.0em;" class="tag" onclick="tagSelected('blacklist')" id="tag_blacklist">blacklist</a> <a href="#blog" style="font-size: 1.92307692307692em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#branch" style="font-size: 1.0em;" class="tag" onclick="tagSelected('branch')" id="tag_branch">branch</a> <a href="#branches" style="font-size: 1.0em;" class="tag" onclick="tagSelected('branches')" id="tag_branches">branches</a> <a href="#bzr" style="font-size: 1.0em;" class="tag" onclick="tagSelected('bzr')" id="tag_bzr">bzr</a> <a href="#Cappuccino" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Cappuccino')" id="tag_Cappuccino">Cappuccino</a> <a href="#Chrome" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Chrome')" id="tag_Chrome">Chrome</a> <a href="#Cocoa" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Cocoa')" id="tag_Cocoa">Cocoa</a> <a href="#colors" style="font-size: 1.0em;" class="tag" onclick="tagSelected('colors')" id="tag_colors">colors</a> <a href="#comments" style="font-size: 1.0em;" class="tag" onclick="tagSelected('comments')" id="tag_comments">comments</a> <a href="#CSS" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#David_Lynch" style="font-size: 1.0em;" class="tag" onclick="tagSelected('David_Lynch')" id="tag_David_Lynch">David&nbsp;Lynch</a> <a href="#DCVS" style="font-size: 1.0em;" class="tag" onclick="tagSelected('DCVS')" id="tag_DCVS">DCVS</a> <a href="#dcvs" style="font-size: 1.0em;" class="tag" onclick="tagSelected('dcvs')" id="tag_dcvs">dcvs</a> <a href="#design" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#diff" style="font-size: 1.0em;" class="tag" onclick="tagSelected('diff')" id="tag_diff">diff</a> <a href="#disqus" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#diverged" style="font-size: 1.0em;" class="tag" onclick="tagSelected('diverged')" id="tag_diverged">diverged</a> <a href="#drm" style="font-size: 1.0em;" class="tag" onclick="tagSelected('drm')" id="tag_drm">drm</a> <a href="#editor" style="font-size: 1.0em;" class="tag" onclick="tagSelected('editor')" id="tag_editor">editor</a> <a href="#email" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('email')" id="tag_email">email</a> <a href="#extension" style="font-size: 1.0em;" class="tag" onclick="tagSelected('extension')" id="tag_extension">extension</a> <a href="#file" style="font-size: 1.0em;" class="tag" onclick="tagSelected('file')" id="tag_file">file</a> <a href="#filter" style="font-size: 1.0em;" class="tag" onclick="tagSelected('filter')" id="tag_filter">filter</a> <a href="#Firefox" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Firefox')" id="tag_Firefox">Firefox</a> <a href="#Fonts" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Fonts')" id="tag_Fonts">Fonts</a> <a href="#git" style="font-size: 1.92307692307692em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#Google" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Google')" id="tag_Google">Google</a> <a href="#hide" style="font-size: 1.0em;" class="tag" onclick="tagSelected('hide')" id="tag_hide">hide</a> <a href="#HTML" style="font-size: 1.0em;" class="tag" onclick="tagSelected('HTML')" id="tag_HTML">HTML</a> <a href="#indecidability" style="font-size: 1.0em;" class="tag" onclick="tagSelected('indecidability')" id="tag_indecidability">indecidability</a> <a href="#intense_debate" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#iTunes" style="font-size: 1.0em;" class="tag" onclick="tagSelected('iTunes')" id="tag_iTunes">iTunes</a> <a href="#javascript" style="font-size: 1.69230769230769em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.92307692307692em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#Linux" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Linux')" id="tag_Linux">Linux</a> <a href="#local" style="font-size: 1.0em;" class="tag" onclick="tagSelected('local')" id="tag_local">local</a> <a href="#Lost_Highway" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Lost_Highway')" id="tag_Lost_Highway">Lost&nbsp;Highway</a> <a href="#mac" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#Mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Mac')" id="tag_Mac">Mac</a> <a href="#mathematics" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('mathematics')" id="tag_mathematics">mathematics</a> <a href="#mobileme" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#movie" style="font-size: 1.0em;" class="tag" onclick="tagSelected('movie')" id="tag_movie">movie</a> <a href="#multi_language" style="font-size: 1.0em;" class="tag" onclick="tagSelected('multi_language')" id="tag_multi_language">multi-language</a> <a href="#nanoc" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#Objective_C" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Objective_C')" id="tag_Objective_C">Objective-C</a> <a href="#OS_X" style="font-size: 1.0em;" class="tag" onclick="tagSelected('OS_X')" id="tag_OS_X">OS&nbsp;X</a> <a href="#philosophy" style="font-size: 1.0em;" class="tag" onclick="tagSelected('philosophy')" id="tag_philosophy">philosophy</a> <a href="#popup" style="font-size: 1.0em;" class="tag" onclick="tagSelected('popup')" id="tag_popup">popup</a> <a href="#Programming" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Programming')" id="tag_Programming">Programming</a> <a href="#programming" style="font-size: 1.46153846153846em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regexp" style="font-size: 1.46153846153846em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.34615384615385em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#remote" style="font-size: 1.0em;" class="tag" onclick="tagSelected('remote')" id="tag_remote">remote</a> <a href="#ruby" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#S_MIME" style="font-size: 1.0em;" class="tag" onclick="tagSelected('S_MIME')" id="tag_S_MIME">S/MIME</a> <a href="#Safari" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Safari')" id="tag_Safari">Safari</a> <a href="#science" style="font-size: 1.0em;" class="tag" onclick="tagSelected('science')" id="tag_science">science</a> <a href="#screensaver" style="font-size: 1.0em;" class="tag" onclick="tagSelected('screensaver')" id="tag_screensaver">screensaver</a> <a href="#script" style="font-size: 1.57692307692308em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#security" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('security')" id="tag_security">security</a> <a href="#shell" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#ssh" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ssh')" id="tag_ssh">ssh</a> <a href="#statistics" style="font-size: 1.0em;" class="tag" onclick="tagSelected('statistics')" id="tag_statistics">statistics</a> <a href="#svn" style="font-size: 1.0em;" class="tag" onclick="tagSelected('svn')" id="tag_svn">svn</a> <a href="#synchronisation" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#theory" style="font-size: 1.0em;" class="tag" onclick="tagSelected('theory')" id="tag_theory">theory</a> <a href="#tip" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#tree" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('tree')" id="tag_tree">tree</a> <a href="#tutorial" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tutorial')" id="tag_tutorial">tutorial</a> <a href="#Ubuntu" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Ubuntu')" id="tag_Ubuntu">Ubuntu</a> <a href="#User" style="font-size: 1.0em;" class="tag" onclick="tagSelected('User')" id="tag_User">User</a> <a href="#vi" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vi')" id="tag_vi">vi</a> <a href="#vim" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vim')" id="tag_vim">vim</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#workflow" style="font-size: 1.0em;" class="tag" onclick="tagSelected('workflow')" id="tag_workflow">workflow</a> <a href="#Xcode" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Xcode')" id="tag_Xcode">Xcode</a> <a href="#zsh" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="alternate_reality" class="list"><h4>alternate reality</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="analyser" class="list"><h4>analyser</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="analytics" class="list"><h4>analytics</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/">Why I didn't keep whos.amung.us <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Apple" class="list"><h4>Apple</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Change default shell on Mac OS X <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub> <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/04_drm/">DRM are EVIL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Asynchronous" class="list"><h4>Asynchronous</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="awk" class="list"><h4>awk</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Bazaar" class="list"><h4>Bazaar</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="blacklist" class="list"><h4>blacklist</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="blog" class="list"><h4>blog</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/">Now hosted by heroku <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-14-multi-language-choices/">multi language choices <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/">I live again! <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="branch" class="list"><h4>branch</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="branches" class="list"><h4>branches</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="bzr" class="list"><h4>bzr</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Cappuccino" class="list"><h4>Cappuccino</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Chrome" class="list"><h4>Chrome</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Cocoa" class="list"><h4>Cocoa</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="colors" class="list"><h4>colors</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2011</span>
+    </span> 
+                        <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="comments" class="list"><h4>comments</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="CSS" class="list"><h4>CSS</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="David_Lynch" class="list"><h4>David Lynch</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="DCVS" class="list"><h4>DCVS</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="dcvs" class="list"><h4>dcvs</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="design" class="list"><h4>design</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="diff" class="list"><h4>diff</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2011</span>
+    </span> 
+                        <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="disqus" class="list"><h4>disqus</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="diverged" class="list"><h4>diverged</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="drm" class="list"><h4>drm</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/04_drm/">DRM are EVIL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="editor" class="list"><h4>editor</h4><ul style="list-style-type: none; margin: 0;">
                     <li style="line-height: 3em; margin: 0;">
                         <span class="date">
         <span class="day">25</span>
@@ -267,6 +719,969 @@ It is both safe and easy to use everyday.</p>
     </span> 
                         <a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
                     </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="email" class="list"><h4>email</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </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 <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="extension" class="list"><h4>extension</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="file" class="list"><h4>file</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="filter" class="list"><h4>filter</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Firefox" class="list"><h4>Firefox</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Fonts" class="list"><h4>Fonts</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="git" class="list"><h4>git</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2011</span>
+    </span> 
+                        <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-03-22-Git-Tips/">Git Tips <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Nov</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-11-12-Git-for-n00b/">Git for n00b <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/06_How_I_use_git/">Git for self <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Google" class="list"><h4>Google</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="hide" class="list"><h4>hide</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="HTML" class="list"><h4>HTML</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="indecidability" class="list"><h4>indecidability</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="intense_debate" class="list"><h4>intense debate</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="iPhone" class="list"><h4>iPhone</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="iTunes" class="list"><h4>iTunes</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/04_drm/">DRM are EVIL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="javascript" class="list"><h4>javascript</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="jQuery" class="list"><h4>jQuery</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Linux" class="list"><h4>Linux</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="local" class="list"><h4>local</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Lost_Highway" class="list"><h4>Lost Highway</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mac" class="list"><h4>mac</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub> <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Mac" class="list"><h4>Mac</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Change default shell on Mac OS X <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mathematics" class="list"><h4>mathematics</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mobileme" class="list"><h4>mobileme</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="movie" class="list"><h4>movie</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway' <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="multi_language" class="list"><h4>multi-language</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-14-multi-language-choices/">multi language choices <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="nanoc" class="list"><h4>nanoc</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Objective_C" class="list"><h4>Objective-C</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="OS_X" class="list"><h4>OS X</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Change default shell on Mac OS X <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="philosophy" class="list"><h4>philosophy</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="popup" class="list"><h4>popup</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Programming" class="list"><h4>Programming</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="programming" class="list"><h4>programming</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="protection" class="list"><h4>protection</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/04_drm/">DRM are EVIL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="regexp" class="list"><h4>regexp</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">16</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/">Pragmatic Regular Expression Exclude (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-15-All-but-something-regexp/">Pragmatic Regular Expression Exclude <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="regular_expression" class="list"><h4>regular expression</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">16</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/">Pragmatic Regular Expression Exclude (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-15-All-but-something-regexp/">Pragmatic Regular Expression Exclude <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="remote" class="list"><h4>remote</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="ruby" class="list"><h4>ruby</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="S_MIME" class="list"><h4>S/MIME</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Safari" class="list"><h4>Safari</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="science" class="list"><h4>science</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="screensaver" class="list"><h4>screensaver</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub> <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="script" class="list"><h4>script</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="security" class="list"><h4>security</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="shell" class="list"><h4>shell</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </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 <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="ssh" class="list"><h4>ssh</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="statistics" class="list"><h4>statistics</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="svn" class="list"><h4>svn</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/06_How_I_use_git/">Git for self <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="synchronisation" class="list"><h4>synchronisation</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="theory" class="list"><h4>theory</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="tip" class="list"><h4>tip</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-03-22-Git-Tips/">Git Tips <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="tree" class="list"><h4>tree</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML? <span class="nicer">»</span></a>
+                    </li>
 </ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="tutorial" class="list"><h4>tutorial</h4><ul style="list-style-type: none; margin: 0;">
                     <li style="line-height: 3em; margin: 0;">
                         <span class="date">
@@ -276,6 +1691,24 @@ It is both safe and easy to use everyday.</p>
     </span> 
                         <a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
                     </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Ubuntu" class="list"><h4>Ubuntu</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="User" class="list"><h4>User</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics <span class="nicer">»</span></a>
+                    </li>
 </ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="vi" class="list"><h4>vi</h4><ul style="list-style-type: none; margin: 0;">
                     <li style="line-height: 3em; margin: 0;">
                         <span class="date">
@@ -294,6 +1727,213 @@ It is both safe and easy to use everyday.</p>
     </span> 
                         <a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively <span class="nicer">»</span></a>
                     </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="web" class="list"><h4>web</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </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 <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/">Why I didn't keep whos.amung.us <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="WebDav" class="list"><h4>WebDav</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="webdesign" class="list"><h4>webdesign</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="workflow" class="list"><h4>workflow</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/06_How_I_use_git/">Git for self <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Xcode" class="list"><h4>Xcode</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub> <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="zsh" class="list"><h4>zsh</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe <span class="nicer">»</span></a>
+                    </li>
 </ul><a class="return" href="#tagcloud">&uarr;</a></div></div>
 </div>
 </div>
@@ -308,15 +1948,247 @@ It is both safe and easy to use everyday.</p>
         <span class="day">28</span>
         <span class="month">Sep</span>
         <span class="year">2011</span>
+    </span> <a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2011</span>
     </span> <a href="/Scratch/en/blog/programming-language-experience/">Programming Language Experience<span class="nicer">»</span></a></li><li><span class="date">
         <span class="day">25</span>
         <span class="month">Aug</span>
         <span class="year">2011</span>
     </span> <a href="/Scratch/en/blog/Learn-Vim-Progressively/">Learn Vim Progressively<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/en/blog/A-more-convenient-diff/">A more convenient diff<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">10</span>
+        <span class="month">Jul</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/en/blog/Haskell-Mandelbrot/">ASCII Haskell Mandelbrot<span class="nicer">»</span></a></li><li><span class="date">
         <span class="day">18</span>
         <span class="month">May</span>
         <span class="year">2011</span>
-    </span> <a href="/Scratch/en/blog/Password-Management/">40 character's passwords<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2011').hide()</script></div>
+    </span> <a href="/Scratch/en/blog/Password-Management/">40 character's passwords<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">20</span>
+        <span class="month">Apr</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/en/blog/2011-04-20-Now-hosted-on-github/">Now hosted on github<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">3</span>
+        <span class="month">Jan</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/">Why I won't use CoffeeScript (sadly)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">1</span>
+        <span class="month">Jan</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/en/blog/2011-01-03-Happy-New-Year/">Happy New Year<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2011').hide()</script><h4 class="button" onclick="$('#archives_2010').slideToggle()">[2010]</h4><ul id="archives_2010"><li><span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/">LaTeX like macro for markdown<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">14</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-10-14-Fun-with-wav/">Fun with wav<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Secure eMail on Mac in few steps<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">6</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/">New Blog Design Constraints<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Use git to calculate trusted mtimes<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 and sha1 on iPhone<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">31</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </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<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/">Now hosted by heroku<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">11</span>
+        <span class="month">Aug</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-07-09-Indecidabilities/">Undecidabilities (part 1)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-07-31-New-style-after-holidays/">New style after holidays<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/">Do not use CSS gradient with Chrome<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino vs jQuery<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">19</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/">jQuery popup the easy way<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/">Hide Yourself to your Analytics<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/">Track Events with Google Analytics<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">15</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-06-15-Get-my-blog-engine/">Get my blog engine<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">14</span>
+        <span class="month">Jun</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-06-14-multi-language-choices/">multi language choices<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">24</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Trees; Pragmatism and Formalism<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">19</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">How to repair a cutted XML?<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">May</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/">I live again!<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-03-23-Encapsulate-git/">Encapsulate git<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-03-22-Git-Tips/">Git Tips<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/">When regexp is not the best solution<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">18</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/">split a file by keyword<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">16</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/">Pragmatic Regular Expression Exclude (2)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">15</span>
+        <span class="month">Feb</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-02-15-All-but-something-regexp/">Pragmatic Regular Expression Exclude<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">antialias font in Firefox under Ubuntu<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Change default shell on Mac OS X<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2010').hide()</script><h4 class="button" onclick="$('#archives_2009').slideToggle()">[2009]</h4><ul id="archives_2009"><li><span class="date">
+        <span class="day">14</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-12-14-Git-vs--Bzr/">Git vs. Bzr<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">6</span>
+        <span class="month">Dec</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-12-06-iphone-call-filter/">iphone call filter<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">12</span>
+        <span class="month">Nov</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-11-12-Git-for-n00b/">Git for n00b<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/">How to handle evil IE<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">custom website synchronisation with mobileme (2)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Menu waiting to hide himself<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-10-launch-daemon-from-command-line/">launch daemon from command line<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-10-Focus-vs-Minimalism/">Focus &gt; Minimalism<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-10-untaught-git-usage/">Untaught Git usage<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/">How to preload your site with style<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus versus Intense Debate (Why I switched)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/2009-09-replace-all-except-some-part/">replace all except some part<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Synchronize Custom WebSite with mobileMe<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/">Why I didn't keep whos.amung.us<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub><span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">18</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/06_How_I_use_git/">Git for self<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/05_git_create_remote_branch/">Git remote branch creation<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">15</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/04_drm/">DRM are EVIL<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">4</span>
+        <span class="month">Aug</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/03_losthighway/">A try to demystify 'Lost Highway'<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Jul</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/en/blog/02_ackgrep/">Better than Grep<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2009').hide()</script><h4 class="button" onclick="$('#archives_2008').slideToggle()">[2008]</h4><ul id="archives_2008"><li><span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2008</span>
+    </span> <a href="/Scratch/en/blog/01_nanoc/">Nanoc<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2008').hide()</script></div>
 
 <h2 id="two-words-about-the-content"> 
 Two words about the content
diff --git a/output/Scratch/en/blog/mvc/index.html b/output/Scratch/en/blog/mvc/index.html
index c35a2dfbe..4e2b17241 100644
--- a/output/Scratch/en/blog/mvc/index.html
+++ b/output/Scratch/en/blog/mvc/index.html
@@ -26,7 +26,7 @@
         -->
         <title>MVC explained</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
diff --git a/output/Scratch/en/blog/programming-language-experience/index.html b/output/Scratch/en/blog/programming-language-experience/index.html
index 0c03e2621..00ffdc0f3 100644
--- a/output/Scratch/en/blog/programming-language-experience/index.html
+++ b/output/Scratch/en/blog/programming-language-experience/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Programming Language Experience</title>
     </head>
-    <body lang="en">
+    <body lang="en" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
             // ]]>
@@ -519,20 +519,28 @@ But I used all of these languages.</p>
                         
                         
                         <div class="previous_article">
-                            <a href="/Scratch/en/blog/Password-Management/"><span class="nicer">«</span>&nbsp;40 character's passwords</a>
+                            <a href="/Scratch/en/blog/A-more-convenient-diff/"><span class="nicer">«</span>&nbsp;A more convenient diff</a>
                         </div>
                         
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/en/blog/Haskell-Mandelbrot/"><span class="nicer">«</span>&nbsp;ASCII Haskell Mandelbrot</a>
+                        </div>
+                        
                         
                     </div>
                     <div id="next_articles">
                         next entries
                         
                         <div class="next_article">
-                            <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
+                            <a href="/Scratch/en/blog/Higher-order-function-in-zsh/">Higher order function in zsh&nbsp;<span class="nicer">»</span></a>
                         </div>
                         
                         
+                        <div class="next_article">
+                            <a href="/Scratch/en/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
                         
                         
                     </div>
diff --git a/output/Scratch/en/index.html b/output/Scratch/en/index.html
index 27e422297..4b77bf047 100644
--- a/output/Scratch/en/index.html
+++ b/output/Scratch/en/index.html
@@ -67,7 +67,7 @@
                     </a>
                 </h3>
                 <p>
-                Computer, Philosophy <i>&amp;</i> Life.
+                Computer, Philosophy <em>&amp;</em> Life.
                 </p>
             </div>
             <div class="block left">
@@ -79,7 +79,7 @@
                 </h3>
                 <p>
                 Password Manager,
-                Screensavers  <i>&amp;</i>
+                Screensavers  <em>&amp;</em>
                 Scientific Applications.
                 </p>
             </div>
@@ -103,7 +103,7 @@
                     <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
                 </div>
                 <div id="lastmod">
-                    Modified: 10/03/2011 
+                    Modified: 10/19/2011 
                 </div>
                 <div>
                     Entirely done with
diff --git a/output/Scratch/fr/blog/01_nanoc/index.html b/output/Scratch/fr/blog/01_nanoc/index.html
index 3a483b90b..6858a8cbf 100644
--- a/output/Scratch/fr/blog/01_nanoc/index.html
+++ b/output/Scratch/fr/blog/01_nanoc/index.html
@@ -26,7 +26,7 @@
         -->
         <title>nanoc</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/02_ackgrep/index.html b/output/Scratch/fr/blog/02_ackgrep/index.html
index 29d1129e9..b4a50eada 100644
--- a/output/Scratch/fr/blog/02_ackgrep/index.html
+++ b/output/Scratch/fr/blog/02_ackgrep/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Mieux que grep</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/03_losthighway/03_losthighway_1/index.html b/output/Scratch/fr/blog/03_losthighway/03_losthighway_1/index.html
index a61dfd0b8..f76f50398 100644
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_1/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_1/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Lost Highway démystifié (un peu)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/03_losthighway/03_losthighway_2/index.html b/output/Scratch/fr/blog/03_losthighway/03_losthighway_2/index.html
index 1e77cd47e..90856b585 100644
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_2/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_2/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Lost Highway démystifié (un peu)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/03_losthighway/03_losthighway_3/index.html b/output/Scratch/fr/blog/03_losthighway/03_losthighway_3/index.html
index 2d4dc5222..490a2372b 100644
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_3/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_3/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Lost Highway démystifié (un peu)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/03_losthighway/03_losthighway_4/index.html b/output/Scratch/fr/blog/03_losthighway/03_losthighway_4/index.html
index 58271a4c7..8ab9c3224 100644
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_4/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_4/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Lost Highway démystifié (un peu)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/03_losthighway/index.html b/output/Scratch/fr/blog/03_losthighway/index.html
index 73f2c60e8..5661ce228 100644
--- a/output/Scratch/fr/blog/03_losthighway/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Lost Highway démystifié (un peu)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/04_drm/index.html b/output/Scratch/fr/blog/04_drm/index.html
index 8ac8cc4ed..52a14a680 100644
--- a/output/Scratch/fr/blog/04_drm/index.html
+++ b/output/Scratch/fr/blog/04_drm/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Les protections anti-copies sont LE MAL</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/05_git_create_remote_branch/index.html b/output/Scratch/fr/blog/05_git_create_remote_branch/index.html
index ac1c79300..c3a6e613b 100644
--- a/output/Scratch/fr/blog/05_git_create_remote_branch/index.html
+++ b/output/Scratch/fr/blog/05_git_create_remote_branch/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Création de branches externe avec Git</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/06_How_I_use_git/index.html b/output/Scratch/fr/blog/06_How_I_use_git/index.html
index 8bdc8d1cd..a8a4f3000 100644
--- a/output/Scratch/fr/blog/06_How_I_use_git/index.html
+++ b/output/Scratch/fr/blog/06_How_I_use_git/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git en solo</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html b/output/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
index 7d06e5997..71056bada 100644
--- a/output/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
+++ b/output/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Compilation d'économiseur d'écran sous Snow Leopard<small>&copy;</small></title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html b/output/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
index 1a6aa8012..8d9c83c2a 100644
--- a/output/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
+++ b/output/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
@@ -28,7 +28,7 @@
         -->
         <title>ssh sur le port 443 avec Snow Leopard</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/index.html b/output/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
index df8e7868f..e421163e5 100644
--- a/output/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
+++ b/output/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Pourquoi je n'ai pas conservé whos.amung.us</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html b/output/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
index fedfb5cde..5f8095edb 100644
--- a/output/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
+++ b/output/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Héberger son site personnel sur le site mobileMe</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/11_Load_Disqus_Asynchronously/index.html b/output/Scratch/fr/blog/11_Load_Disqus_Asynchronously/index.html
index 994c9e161..94ca6ef94 100644
--- a/output/Scratch/fr/blog/11_Load_Disqus_Asynchronously/index.html
+++ b/output/Scratch/fr/blog/11_Load_Disqus_Asynchronously/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Load Disqus Asynchronously [en]</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html b/output/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
index 2e0e9c348..affcce8dc 100644
--- a/output/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
+++ b/output/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Disqus contre Intense Debate (pourquois j'ai changé)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/index.html b/output/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/index.html
index ee95185f1..48950b255 100644
--- a/output/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/index.html
+++ b/output/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/index.html
@@ -28,7 +28,7 @@
         -->
         <title>jQuery Tag Cloud [en]</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-09-replace-all-except-some-part/index.html b/output/Scratch/fr/blog/2009-09-replace-all-except-some-part/index.html
index 7666325f7..e16c52f5d 100644
--- a/output/Scratch/fr/blog/2009-09-replace-all-except-some-part/index.html
+++ b/output/Scratch/fr/blog/2009-09-replace-all-except-some-part/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Remplacer tout sauf une partie</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html b/output/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
index ba0fe163f..4190b7654 100644
--- a/output/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
+++ b/output/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Synchronisation avec mobileme (2)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/index.html b/output/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/index.html
index 96010abcb..30011f7a8 100644
--- a/output/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/index.html
+++ b/output/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Une CSS pour IE seulement</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/index.html b/output/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/index.html
index e34163458..f9357eef5 100644
--- a/output/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/index.html
+++ b/output/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/index.html
@@ -28,7 +28,7 @@
         -->
         <title><em>Focus</em> &gt; Minimalisme</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/index.html b/output/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/index.html
index 67217f4ed..ce346835c 100644
--- a/output/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/index.html
+++ b/output/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Charger une page web avec style</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html b/output/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
index aeeeb4d27..ec4af8258 100644
--- a/output/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
+++ b/output/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Un menu qui attends avant de se cacher</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/index.html b/output/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/index.html
index 300d1fcf9..277de1fd8 100644
--- a/output/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/index.html
+++ b/output/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/index.html
@@ -28,7 +28,7 @@
         -->
         <title>lancer un démon en ligne de commande</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-10-untaught-git-usage/index.html b/output/Scratch/fr/blog/2009-10-untaught-git-usage/index.html
index a02da8512..65e19c1c1 100644
--- a/output/Scratch/fr/blog/2009-10-untaught-git-usage/index.html
+++ b/output/Scratch/fr/blog/2009-10-untaught-git-usage/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Usages non dits de Git</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
index 67e4ce617..f2074a60f 100644
--- a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
+++ b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Git pour les nuls</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
index 1d162c2f4..d3640c61b 100644
--- a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
+++ b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Git pour les nuls</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
index 915605900..7f2c3fee2 100644
--- a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
+++ b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git pour les nuls</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/comprendre/index.html b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/comprendre/index.html
index 1a65e62e4..8e41eba2e 100644
--- a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/comprendre/index.html
+++ b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/comprendre/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git pour les nuls</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
index e81cfb01e..66835b809 100644
--- a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
+++ b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Git pour les nuls</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/index.html b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/index.html
index 3067233ea..cdc2295e6 100644
--- a/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/index.html
+++ b/output/Scratch/fr/blog/2009-11-12-Git-for-n00b/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git pour les nuls</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-12-06-iphone-call-filter/index.html b/output/Scratch/fr/blog/2009-12-06-iphone-call-filter/index.html
index 1061468d0..e90d7a101 100644
--- a/output/Scratch/fr/blog/2009-12-06-iphone-call-filter/index.html
+++ b/output/Scratch/fr/blog/2009-12-06-iphone-call-filter/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Filtrage d'appel avec l'iPhone</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/index.html b/output/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/index.html
index 754729580..92b03eb9f 100644
--- a/output/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/index.html
+++ b/output/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Git ou Bazaar ?</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html b/output/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
index ebb0f7dfe..f420b0848 100644
--- a/output/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
+++ b/output/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Changer le shell par défaut sous Mac OS X</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html b/output/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
index bcd0af89b..1d0784547 100644
--- a/output/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
+++ b/output/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Fontes adoucies sous Ubuntu Firefox</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-02-15-All-but-something-regexp/index.html b/output/Scratch/fr/blog/2010-02-15-All-but-something-regexp/index.html
index 066a4dcff..5f8962a06 100644
--- a/output/Scratch/fr/blog/2010-02-15-All-but-something-regexp/index.html
+++ b/output/Scratch/fr/blog/2010-02-15-All-but-something-regexp/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Expression régulière pour tout sauf quelquechose</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/index.html b/output/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/index.html
index 6d7b86e21..4f8d3ffb2 100644
--- a/output/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/index.html
+++ b/output/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Tout sauf quelquechose en expression régulière.</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/index.html b/output/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/index.html
index 7edc34725..6799cc53f 100644
--- a/output/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/index.html
+++ b/output/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/index.html
@@ -28,7 +28,7 @@
         -->
         <title>découper un fichier par mots clés</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html b/output/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
index e495901da..a8ee5d88e 100644
--- a/output/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
+++ b/output/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Quand se passer des expressions régulières ?</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-03-22-Git-Tips/index.html b/output/Scratch/fr/blog/2010-03-22-Git-Tips/index.html
index 4f2619a3c..e77784add 100644
--- a/output/Scratch/fr/blog/2010-03-22-Git-Tips/index.html
+++ b/output/Scratch/fr/blog/2010-03-22-Git-Tips/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Astuces Git</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-03-23-Encapsulate-git/index.html b/output/Scratch/fr/blog/2010-03-23-Encapsulate-git/index.html
index 40cb660fb..e55308349 100644
--- a/output/Scratch/fr/blog/2010-03-23-Encapsulate-git/index.html
+++ b/output/Scratch/fr/blog/2010-03-23-Encapsulate-git/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Encapsuler git</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/index.html b/output/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/index.html
index 849717284..5ab677267 100644
--- a/output/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/index.html
+++ b/output/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Je reviens à la vie !</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html b/output/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
index 15176724e..fa2eed9c3 100644
--- a/output/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
+++ b/output/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Comment réparer un XML coupé ?</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html b/output/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
index 1c8fdb42f..c20a4f793 100644
--- a/output/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
+++ b/output/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Arbres ; Pragmatisme et Formalisme</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-06-14-multi-language-choices/index.html b/output/Scratch/fr/blog/2010-06-14-multi-language-choices/index.html
index 677bfc769..865d41d14 100644
--- a/output/Scratch/fr/blog/2010-06-14-multi-language-choices/index.html
+++ b/output/Scratch/fr/blog/2010-06-14-multi-language-choices/index.html
@@ -28,7 +28,7 @@
         -->
         <title>choix liés à l'écriture dans plusieurs langues</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/index.html b/output/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/index.html
index bef4ef49e..a430afd24 100644
--- a/output/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/index.html
+++ b/output/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Récupérez mon système de blog</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/index.html b/output/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/index.html
index 6a67e29f0..4d2bf7cf0 100644
--- a/output/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/index.html
+++ b/output/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Se cacher de ses statistiques web</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/index.html b/output/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/index.html
index 4bfc436c5..62f298245 100644
--- a/output/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/index.html
+++ b/output/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Analyser les clicks sur votre Site</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/index.html b/output/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
index 3826d5206..98534d191 100644
--- a/output/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
+++ b/output/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Comment faire des popups en jQuery rapidement</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/index.html b/output/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
index fbd95a40a..6e3fd7636 100644
--- a/output/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
+++ b/output/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Cappuccino ou jQuery ?</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html b/output/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
index 25dafdd98..368cd5738 100644
--- a/output/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
+++ b/output/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
@@ -28,7 +28,7 @@
         -->
         <title>N'utilisez pas de gradients avec Chrome</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-07-09-Indecidabilities/index.html b/output/Scratch/fr/blog/2010-07-09-Indecidabilities/index.html
index d43e40d39..41b5259b6 100644
--- a/output/Scratch/fr/blog/2010-07-09-Indecidabilities/index.html
+++ b/output/Scratch/fr/blog/2010-07-09-Indecidabilities/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Indécidabilités (partie 1)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-07-31-New-style-after-holidays/index.html b/output/Scratch/fr/blog/2010-07-31-New-style-after-holidays/index.html
index e94b1a1d5..a5207d3d8 100644
--- a/output/Scratch/fr/blog/2010-07-31-New-style-after-holidays/index.html
+++ b/output/Scratch/fr/blog/2010-07-31-New-style-after-holidays/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Nouveau style après les vacances</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/index.html b/output/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/index.html
index f1a4e1d39..d0997b500 100644
--- a/output/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/index.html
+++ b/output/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Maintenant sur Heroku</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html b/output/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
index 21e80d9b4..84f911b5c 100644
--- a/output/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
+++ b/output/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Envoyer un mail en ligne de commande avec un fichier attaché</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html b/output/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
index 087e2dee9..a0b9694b4 100644
--- a/output/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
+++ b/output/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Utilisation de git pour calculer les mtimes</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html b/output/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
index d35f5058e..c81c04e1c 100644
--- a/output/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
+++ b/output/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
@@ -28,7 +28,7 @@
         -->
         <title>base64 et sha1 sur iPhone</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/index.html b/output/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/index.html
index e2aa33005..299eb7166 100644
--- a/output/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/index.html
+++ b/output/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Contraintes du design de ce blog</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html b/output/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html
index f776329a1..1db340bc3 100644
--- a/output/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html
+++ b/output/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Sécurisez vos emails</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-10-14-Fun-with-wav/index.html b/output/Scratch/fr/blog/2010-10-14-Fun-with-wav/index.html
index a25323951..c729bfe57 100644
--- a/output/Scratch/fr/blog/2010-10-14-Fun-with-wav/index.html
+++ b/output/Scratch/fr/blog/2010-10-14-Fun-with-wav/index.html
@@ -26,7 +26,7 @@
         -->
         <title>S'amuser avec un .wav</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html b/output/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html
index f11c8bb62..6cfbc2e31 100644
--- a/output/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html
+++ b/output/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Des macros LaTeX pour markdown</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2011-01-03-Happy-New-Year/index.html b/output/Scratch/fr/blog/2011-01-03-Happy-New-Year/index.html
index 9ea69e32d..a5caa270e 100644
--- a/output/Scratch/fr/blog/2011-01-03-Happy-New-Year/index.html
+++ b/output/Scratch/fr/blog/2011-01-03-Happy-New-Year/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Bonne et heureuse année</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html b/output/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html
index 49ee973b0..57918fa28 100644
--- a/output/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html
+++ b/output/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Pourquoi je n'utiliserai pas CoffeeScript (malheureusement)</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/index.html b/output/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/index.html
index 37c599ddd..f86556dae 100644
--- a/output/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/index.html
+++ b/output/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Hébergement github</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/A-more-convenient-diff/index.html b/output/Scratch/fr/blog/A-more-convenient-diff/index.html
index d64489972..cc7931394 100644
--- a/output/Scratch/fr/blog/A-more-convenient-diff/index.html
+++ b/output/Scratch/fr/blog/A-more-convenient-diff/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Un diff plus pratique</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/Haskell-Mandelbrot/index.html b/output/Scratch/fr/blog/Haskell-Mandelbrot/index.html
index 85c2fd7a7..1c8fd5176 100644
--- a/output/Scratch/fr/blog/Haskell-Mandelbrot/index.html
+++ b/output/Scratch/fr/blog/Haskell-Mandelbrot/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Mandelbrot avec haskell</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/Higher-order-function-in-zsh/index.html b/output/Scratch/fr/blog/Higher-order-function-in-zsh/index.html
index 7118beb54..fc07e15ce 100644
--- a/output/Scratch/fr/blog/Higher-order-function-in-zsh/index.html
+++ b/output/Scratch/fr/blog/Higher-order-function-in-zsh/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Fonctions d'ordre supérieur en zsh</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
@@ -294,6 +294,10 @@ function filter {
                     <div id="next_articles">
                         articles suivants
                         
+                        <div class="next_article">
+                            <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Les idées de yesod&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
                         
                         
                         
diff --git a/output/Scratch/fr/blog/Learn-Vim-Progressively/index.html b/output/Scratch/fr/blog/Learn-Vim-Progressively/index.html
index ec4a73396..5f5b48e1b 100644
--- a/output/Scratch/fr/blog/Learn-Vim-Progressively/index.html
+++ b/output/Scratch/fr/blog/Learn-Vim-Progressively/index.html
@@ -28,7 +28,7 @@
         -->
         <title>Apprenez Vim Progressivement</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
@@ -535,10 +535,18 @@ $(document).ready(function() {
                         articles précédents
                         
                         <div class="previous_article">
-                            <a href="/Scratch/fr/blog/Password-Management/"><span class="nicer">«</span>&nbsp;Password Management</a>
+                            <a href="/Scratch/fr/blog/A-more-convenient-diff/"><span class="nicer">«</span>&nbsp;Un diff plus pratique</a>
                         </div>
                         
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/fr/blog/Haskell-Mandelbrot/"><span class="nicer">«</span>&nbsp;Mandelbrot avec haskell</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/Scratch/fr/blog/Password-Management/"><span class="nicer">«</span>&nbsp;Password Management</a>
+                        </div>
                         
                         
                     </div>
@@ -551,10 +559,14 @@ $(document).ready(function() {
                         
                         
                         <div class="next_article">
-                            <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
+                            <a href="/Scratch/fr/blog/Higher-order-function-in-zsh/">Fonctions d'ordre supérieur en zsh&nbsp;<span class="nicer">»</span></a>
                         </div>
                         
                         
+                        <div class="next_article">
+                            <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Les idées de yesod&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
                         
                     </div>
                     <div class="flush"></div>
diff --git a/output/Scratch/fr/blog/Password-Management/index.html b/output/Scratch/fr/blog/Password-Management/index.html
index f8a966141..52b1357b0 100644
--- a/output/Scratch/fr/blog/Password-Management/index.html
+++ b/output/Scratch/fr/blog/Password-Management/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Password Management</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
@@ -231,28 +231,40 @@ Avec des mots de passes plus petit, il est encore plus difficile pour un attaqua
                     <div id="previous_articles">
                         articles précédents
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/"><span class="nicer">«</span>&nbsp;Hébergement github</a>
+                        </div>
                         
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/"><span class="nicer">«</span>&nbsp;Pourquoi je n'utiliserai pas CoffeeScript (malheureusement)</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/Scratch/fr/blog/2011-01-03-Happy-New-Year/"><span class="nicer">«</span>&nbsp;Bonne et heureuse année</a>
+                        </div>
+                        
                         
                     </div>
                     <div id="next_articles">
                         articles suivants
                         
+                        <div class="next_article">
+                            <a href="/Scratch/fr/blog/Haskell-Mandelbrot/">Mandelbrot avec haskell&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/Scratch/fr/blog/A-more-convenient-diff/">Un diff plus pratique&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
                         <div class="next_article">
                             <a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement&nbsp;<span class="nicer">»</span></a>
                         </div>
                         
                         
-                        <div class="next_article">
-                            <a href="/Scratch/fr/blog/programming-language-experience/">Mon expérience avec les languages de programmation&nbsp;<span class="nicer">»</span></a>
-                        </div>
-                        
-                        
-                        <div class="next_article">
-                            <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
-                        </div>
-                        
-                        
                     </div>
                     <div class="flush"></div>
                 </div>
diff --git a/output/Scratch/fr/blog/Yesod-excellent-ideas/index.html b/output/Scratch/fr/blog/Yesod-excellent-ideas/index.html
index 6ac0c3656..c79c9ebf6 100644
--- a/output/Scratch/fr/blog/Yesod-excellent-ideas/index.html
+++ b/output/Scratch/fr/blog/Yesod-excellent-ideas/index.html
@@ -12,7 +12,7 @@
         <link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
         <link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
         
-        <link rel="alternate" lang="fr" xml:lang="fr" title="Yesod excellent ideas" type="text/html" hreflang="fr" href="/Scratch/fr/blog/Yesod-excellent-ideas/" /> 
+        <link rel="alternate" lang="fr" xml:lang="fr" title="Les idées de yesod" type="text/html" hreflang="fr" href="/Scratch/fr/blog/Yesod-excellent-ideas/" /> 
         <link rel="alternate" lang="en" xml:lang="en" title="Yesod excellent ideas" type="text/html" hreflang="en" href="/Scratch/en/blog/Yesod-excellent-ideas/" /> 
         <script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
         <script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
@@ -24,9 +24,9 @@
         <script type="text/javascript" src="/Scratch/js/MathJax/MathJax.js"></script>
         < % end %>
         -->
-        <title>Yesod excellent ideas</title>
+        <title>Les idées de yesod</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
@@ -43,7 +43,7 @@
             </div>
             <div id="titre">
                 <h1>
-                    Yesod excellent ideas
+                    Les idées de yesod
                 </h1>
                 
             </div>
@@ -64,69 +64,145 @@
 
 <p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr>&nbsp;: </span></p>
 
-<p>I follows the yesod web framework for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&rsquo;t saw in other frameworks.</p>
+<p>Cela fait un moment que je suis la progression du <a href="http://www.yesodweb.com">framework yesod</a>. 
+À mon humble avis on peut commencer à l&rsquo;utiliser pour des applications sérieuses (comprendre en prod).
+Je pourrai vous dire pourquoi vous devriez considérer d&rsquo;utiliser ce framework.
+Mais je préfère vous parler de deux bonnes idées (parmi d&rsquo;autres) de yesod que je n&rsquo;avais jamais vu ailleurs.</p>
 
 
 </div>
 
 
+<h2 id="types-saufs">Types saufs</h2>
+
 <p>Commençons par une BD d&rsquo;<a href="http://xkcd.com">xkcd</a>&nbsp;:</p>
 
 <p><img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /></p>
 
-<p>Avec les technologies web on passe son temps à manipuler des chaînes de caractères. 
-Certaines de ces chaînes sont utilisées pour désigner du HTML, d&rsquo;autre du JavaScript, d&rsquo;autres du CSS, d&rsquo;autre des requêtes SQL, des URL, etc&hellip;
-Il en résulte des problèmes pour éviter qu&rsquo;un petit malin utilise le champs &ldquo;nom d&rsquo;utilisateur&rdquo; et remplace un nom standard par <code>toto&lt;script&gt;alert("This site sucks!")&lt;/script&gt;</code>.
-Sans une protection correcte, le message sera affiché à chaque fois que quelqu&rsquo;un essayera d&rsquo;accéder au nom de cet utilisateur.
-Les &ldquo;types saufs&rdquo; sont le <a href="https://www.youtube.com/watch?v=1IWF3IsEPBE">tonyglandil du web</a>.
-Safe types are the chains around all strings you&rsquo;ll use.</p>
+<p>Lorsque vous créez une application web, beaucoup de temps est passé à s&rsquo;occuper de chaînes de caractères.
+Des chaînes de caractère pour les URL, le HTML, le Javascript, les CSS, les requêtes SQL, etc&hellip;
+Pour éviter des utilisation malicieuses vous devez protéger chaque chaîne de caractère entre chaque étape.
+Par exemple supposons que vous entriez comme nom&nbsp;:</p>
+
+<pre class="twilight">
+Newton<span class="Keyword">&lt;</span>script<span class="Keyword">&gt;</span><span class="SupportFunction">alert</span>(<span class="String"><span class="String">&quot;</span>An apple fall<span class="String">&quot;</span></span>)<span class="Keyword">&lt;</span>/script<span class="Keyword">&gt;</span>
+</pre>
+
+<p>Sans une protection correcte, le message &ldquo;An apple fall&rdquo; sera affiché à chaque fois que quelqu&rsquo;un essayera d&rsquo;accéder au nom de cet utilisateur.
+Les &ldquo;types saufs&rdquo; sont le <a href="https://www.youtube.com/watch?v=1IWF3IsEPBE">tonyglandil du web</a>.</p>
 
 <p>Yesod fait de son mieux pour typer les objets manipulés et ainsi il fera ce qu&rsquo;il faut pour ne pas mettre du script dans une URL par exemple.</p>
 
-<p><code> 
-    &lt;a href=@[AnotherPageR]&gt;Go to the other page
-</code></p>
+<pre class="twilight"><span class="MetaTagInline"><span class="MetaTagInline">&lt;</span><span class="MetaTagInline">a</span> <span class="MetaTagInline">href</span>=@[<span class="MetaTagInline">AnotherPageR</span>]<span class="MetaTagInline">&gt;</span></span>Go to the other page
+</pre>
 
-<pre><code>falselink"&gt;&lt;script&gt; bad_code(); &lt;/script&gt;&lt;a href="pipo
+<pre class="twilight">
+falselink&quot;&gt;<span class="EmbeddedSource"><span class="EmbeddedSource">&lt;</span><span class="MetaTagInline">script</span><span class="EmbeddedSource">&gt;</span> bad_code<span class="EmbeddedSource">(</span><span class="EmbeddedSource">)</span><span class="EmbeddedSource">;</span> <span class="EmbeddedSource">&lt;/</span><span class="MetaTagInline">script</span><span class="EmbeddedSource">&gt;</span></span><span class="MetaTagInline"><span class="MetaTagInline">&lt;</span><span class="MetaTagInline">a</span> <span class="MetaTagInline">href</span>=<span class="String"><span class="String">&quot;</span>pipo</span></span>
+</pre>
 
+<p>Les types saufs ne sont pas magiques, mais ils aident beaucoup à résoudre ces problèmes.</p>
 
+<h2 id="les-widgets">Les widgets</h2>
 
+<p>Les widgets de yesod sont différents des widgets Javascripts (ou java).
+Pour yesod un widget est un ensemble de morceaux d&rsquo;appli web. Un bout de CSS, un bout de javascript, un bout d&rsquo;HTML.
+Et si dans une page on veut utiliser plusieurs widgets, alors yesod s&rsquo;occupe de les faire fonctionner tous les deux.
+Des exemples de widgets (au sens yesod) sont&nbsp;:</p>
 
+<ul>
+  <li>Le «footer» d&rsquo;une page web,</li>
+  <li>Le «header» d&rsquo;une page web,</li>
+  <li>un bouton qui apparaît lorsque l&rsquo;on «scrolle» vers le bas,</li>
+  <li>etc&hellip;</li>
+</ul>
 
+<p>Pour chacun de ces widgets vous pourriez avoir besoin de</p>
 
+<ul>
+  <li>un peu d&rsquo;HTML</li>
+  <li>un peu de CSS et</li>
+  <li>un peu de javascript</li>
+</ul>
 
+<p>Et certain morceau doivent être placés dans le «header» de la page et d&rsquo;autre dans le «body».</p>
 
-htmlheader = ...
+<p>Vous pouvez déclarer un widget comme suit (je n&rsquo;utilise pas la vrai syntaxe)&nbsp;:</p>
+
+<pre><code>htmlheader = ...
 cssheader = ...
 javascriptheader = ...
 htmlbody = ...
 </code></pre>
 
-<p>toWidgetHeader cassiusFile &ldquo;button.cassius&rdquo;
-toWidgetHeader juliusFile &ldquo;button.julius&rdquo;
-toWidget hamletFile &ldquo;buttonTemplate.hamlet&rdquo;</p>
+<p>La vraie syntaxe est&nbsp;:</p>
 
-<p><code>
+<pre class="twilight">
+toWidgetHeader cassiusFile <span class="String"><span class="String">&quot;</span>button.cassius<span class="String">&quot;</span></span>
+toWidgetHeader juliusFile <span class="String"><span class="String">&quot;</span>button.julius<span class="String">&quot;</span></span>
+toWidget       hamletFile <span class="String"><span class="String">&quot;</span>buttonTemplate.hamlet<span class="String">&quot;</span></span>
+</pre>
+
+<p>Veuillez aussi noté la convention Shakespearienne des noms.
+Encore une bonne raison d&rsquo;utiliser yesod.</p>
+
+<ul>
+  <li>Cassius <em>&amp;</em> Lucius pour le CSS (très similaire à SASS et SCSS)</li>
+  <li>Julius pour le javascript (notons qu&rsquo;il existe aussi un CoffeeScript qui traîne dans les sources de yesod)</li>
+  <li>Hamlet pour l&rsquo;HTML (similaire à haml)</li>
+</ul>
+
+<p>Lorsque vous générez votre page, yesod se débrouille pour que tout fonctionne ensemble:</p>
+
+<pre class="twilight">
 myBigWidget =  menuWidget &gt;&gt; contentWidget &gt;&gt; footerWidget
-</code></p>
+</pre>
 
-<p><code>
+<p>De plus, si vous utilisez 10 widgets avec un peu de CSS, yesod fabriquera un unique fichier CSS pour vous. Bien entendu si vous préférez avoir une dizaine de fichier CSS vous pouvez aussi le faire.</p>
+
+<p>C&rsquo;est juste génial&nbsp;!</p>
+
+<h2 id="routage-optimis">Routage optimisé</h2>
+
+<p>Dans un système de routage standard (à la ruby on rails par exemple) vous avez pour chaque entrée un couple: regexp → handler</p>
+
+<p>La seule façon de découvrir la bonne règle est d&rsquo;essayer de matcher l&rsquo;url demandée à chaque expression régulière.</p>
+
+<p>Au lieu d&rsquo;essayer chaque expression régulière, yesod regroupe et compile les routes pour les optimiser.
+Bien entendu pour pouvoir profiter de cet avantage au mieux, il ne faut pas que deux routes interfèrent entres elles.</p>
+
+<pre class="twilight">
 /blog/2003  Date2003R
 /blog/$DATE DateR
-</code></p>
+</pre>
 
-<p><code>
+<p>Cette définition de route est invalide par défaut dans yesod.
+Si vous voulez vraiment vous pouvez le faire foncionner quand même, mais il me semble que ça doit être quasiment toujours une mauvaise idée.</p>
+
+<p>Il vaut mieux faire&nbsp;:</p>
+
+<pre class="twilight">
 /blog/$DATE DateR
-</code></p>
+</pre>
 
-<p>If you are a haskeller, I believe you shouldn&rsquo;t fear the special syntax imposed by the standard yesod way of doing things.
-Just try it more than the firsts basic tutorials. </p>
+<p>et faire le test &ldquo;est-ce que date = 2003&nbsp;?&rdquo; dans le «handler».</p>
 
-<p>Until here I believe it goes in the right direction. Even if I believe the real future is by generating HTML pages from the client (using javascript) and server limited to serve JSON (or XML, or any object representation system).</p>
+<h2 id="pourquoi-yesod">Pourquoi yesod?</h2>
 
-<p>I cannot stress too much about how I believe Yesod is good.</p>
+<p>D&rsquo;un point de vu très subjectif et de ce que j&rsquo;ai lu. 
+Haskell est un node.js fait en beaucoup mieux.</p>
 
-<p>One of the most important point is the responsiveness of the community. It is very active. It is Greg which the first had given a way to <a href="http://www.yesodweb.com/blog/2011/07/haskell-on-heroku">deploy Haskell code to Heroku</a>.</p>
+<ol>
+  <li><em>La vitesse</em>. Simplement incroyable, je ne pense pas qu&rsquo;il existe quelque chose de plus rapide aujourd&rsquo;hui. Regardez d&rsquo;abord cet <a href="http://snapframework.com/blog/2010/11/17/snap-0.3-benchmarks">article</a> puis <a href="http://www.yesodweb.com/blog/2011/02/warp-speed-ahead">celui-ci</a>.</li>
+  <li><em>Haskell</em>. C&rsquo;est certainement le langage de programmation le plus difficile à apprendre que j&rsquo;ai jamais rencontré. Mais aussi l&rsquo;un des plus incroyables. Si vous voulez rencontrer tout un tas de notions que vous n&rsquo;avez jamais croisée avant et faire exploser votre cerveau avec de nouvelles idées, alors apprenez Haskell.</li>
+  <li><em>Bonnes idées et communauté excellente</em>. Cela fait quelques mois que je suis la progression de yesod. Et la vitesse à laquelle ça s&rsquo;est fait est simplement incroyable. De plus les développeur sont intelligents et super sympa.</li>
+</ol>
+
+<p>Si vous êtes un &ldquo;haskeller&rdquo;, je pense que vous ne devriez pas avoir peur de la syntaxe particulière imposée par la façon standard de faire les choses avec yesod.
+Il faut essayer un peu plus loin que les premiers tutoriaux du livre.</p>
+
+<p>Je pense que yesod va dans la bonne direction d&rsquo;un web plus sûr et plus rapide. Même si je pense que l&rsquo;avenir sera que les serveurs devront être limités à faire serveur d&rsquo;API (JSON ou XML ou n&rsquo;importe quel autre mode de représentation d&rsquo;objets).</p>
+
+<p>Yesod est juste incroyable, essayez le.</p>
 
                 </div>
             
@@ -178,6 +254,11 @@ Just try it more than the firsts basic tutorials. </p>
                     <div id="previous_articles">
                         articles précédents
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/fr/blog/Higher-order-function-in-zsh/"><span class="nicer">«</span>&nbsp;Fonctions d'ordre supérieur en zsh</a>
+                        </div>
+                        
+                        
                         <div class="previous_article">
                             <a href="/Scratch/fr/blog/programming-language-experience/"><span class="nicer">«</span>&nbsp;Mon expérience avec les languages de programmation</a>
                         </div>
@@ -188,11 +269,6 @@ Just try it more than the firsts basic tutorials. </p>
                         </div>
                         
                         
-                        <div class="previous_article">
-                            <a href="/Scratch/fr/blog/Password-Management/"><span class="nicer">«</span>&nbsp;Password Management</a>
-                        </div>
-                        
-                        
                     </div>
                     <div id="next_articles">
                         articles suivants
@@ -212,7 +288,7 @@ Just try it more than the firsts basic tutorials. </p>
                 </div>
                 <div id="lastmod">
                     Écrit le : 04/10/2011
-                    modifié le : 04/10/2011 
+                    modifié le : 18/10/2011 
                 </div>
                 <div>
                     Site entièrement réalisé avec
diff --git a/output/Scratch/fr/blog/feed/feed.xml b/output/Scratch/fr/blog/feed/feed.xml
index d98a474d5..22fee2075 100644
--- a/output/Scratch/fr/blog/feed/feed.xml
+++ b/output/Scratch/fr/blog/feed/feed.xml
@@ -11,9 +11,13 @@
   </author>
   <entry>
     <id>tag:yannesposito.com,2011-10-04:/Scratch/fr/blog/Yesod-excellent-ideas/</id>
-    <title type="html">Yesod excellent ideas</title>
+    <title type="html">Les id&#233;es de yesod</title>
     <published>2011-10-04T08:18:59Z</published>
     <updated>2011-10-04T08:18:59Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/fr/blog/Yesod-excellent-ideas/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/Yesod-excellent-ideas/main.png" /&gt;&lt;/p&gt;
 
@@ -23,24 +27,63 @@
 
 &lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;&amp;nbsp;: &lt;/span&gt;&lt;/p&gt;
 
-&lt;p&gt;I follows the yesod web framework for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&amp;rsquo;t saw in other frameworks.&lt;/p&gt;
+&lt;p&gt;Cela fait un moment que je suis la progression du &lt;a href="http://www.yesodweb.com"&gt;framework yesod&lt;/a&gt;. 
+&#192; mon humble avis on peut commencer &#224; l&amp;rsquo;utiliser pour des applications s&#233;rieuses (comprendre en prod).
+Je pourrai vous dire pourquoi vous devriez consid&#233;rer d&amp;rsquo;utiliser ce framework.
+Mais je pr&#233;f&#232;re vous parler de deux bonnes id&#233;es (parmi d&amp;rsquo;autres) de yesod que je n&amp;rsquo;avais jamais vu ailleurs.&lt;/p&gt;
 
 
 &lt;/div&gt;
 
 
+&lt;h2 id="types-saufs"&gt;Types saufs&lt;/h2&gt;
+
 &lt;p&gt;Commen&#231;ons par une BD d&amp;rsquo;&lt;a href="http://xkcd.com"&gt;xkcd&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;
 
-&lt;p&gt;&lt;img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /&gt;&lt;/p&gt;
+&lt;p&gt;&lt;/p&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-09-28:/Scratch/fr/blog/Higher-order-function-in-zsh/</id>
+    <title type="html">Fonctions d'ordre sup&#233;rieur en zsh</title>
+    <published>2011-09-28T13:15:23Z</published>
+    <updated>2011-09-28T13:15:23Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/Higher-order-function-in-zsh/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/Higher-order-function-in-zsh/main.jpg" /&gt;&lt;/p&gt;
 
-&lt;p&gt;Avec les technologies web on passe son temps &#224; manipuler des cha&#238;nes de caract&#232;res. 
-Certaines de ces c...&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;</content>
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;&amp;nbsp;: &lt;/span&gt; des fonctions d&amp;rsquo;ordres sup&#233;rieurs en zsh.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;Tout d&amp;rsquo;abord, pourquoi c&amp;rsquo;est important d&amp;rsquo;avoir ces fonctions. 
+Plus je programmais avec zsh plus j&amp;rsquo;essayais d&amp;rsquo;avoir un style fonctionnel.&lt;/p&gt;
+
+&lt;p&gt;Le minimum pour pouvoir avoir du code plus lisible c&amp;rsquo;est de poss&#233;der les fonctions &lt;code&gt;map&lt;/code&gt;, &lt;code&gt;filter&lt;/code&gt; et &lt;code&gt;fold&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;Voici pourquoi avec une comparaison.
+Commen&#231;ons par un programme qui converti tous les gif en png dans plusieurs r&#233;pertoires projets contenant tous des r&#233;pertoires resources.
+Avant&amp;nbsp;:&lt;/p&gt;
+
+&lt;/p&gt;</content>
   </entry>
   <entry>
     <id>tag:yannesposito.com,2011-09-28:/Scratch/fr/blog/programming-language-experience/</id>
     <title type="html">Mon exp&#233;rience avec les languages de programmation</title>
     <published>2011-09-28T10:21:41Z</published>
     <updated>2011-09-28T10:21:41Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/fr/blog/programming-language-experience/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/programming-language-experience/dragon.jpg" /&gt;&lt;/p&gt;
 
@@ -68,6 +111,10 @@ C&amp;rsquo;est &#224; peu pr&#234;t le seul int&#233;r&#234;t de ce...&lt;/p&gt
     <title type="html">Apprenez Vim Progressivement</title>
     <published>2011-08-25T17:28:20Z</published>
     <updated>2011-08-25T17:28:20Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/fr/blog/Learn-Vim-Progressively/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="&#220;ber leet use vim!" src="/Scratch/img/blog/Learn-Vim-Progressively/uber_leet_use_vim.jpg" /&gt;&lt;/p&gt;
 
@@ -90,12 +137,60 @@ C&amp;rsquo;est &#224; peu pr&#234;t le seul int&#233;r&#234;t de ce...&lt;/p&gt
 &lt;p&gt;Apprenez &lt;a href="http://www.vim.org"&gt;vim&lt;/a&gt; et ce sera votre dernier &#233;diteur.
 Aucun &#233;diteur que je connaisse ne le surpasse.
 Sa prise en mais est difficile, mais p...&lt;/p&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-08-17:/Scratch/fr/blog/A-more-convenient-diff/</id>
+    <title type="html">Un diff plus pratique</title>
+    <published>2011-08-17T09:33:30Z</published>
+    <updated>2011-08-17T09:33:30Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/A-more-convenient-diff/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;code&gt;diff&lt;/code&gt; est un utilitaire tr&#232;s pratique, mais il n&amp;rsquo;est pas facile &#224; lire pour nous, les Hommes.&lt;/p&gt;
+
+&lt;p&gt;C&amp;rsquo;est pourquoi, lorsque vous utilisez &lt;code&gt;git&lt;/code&gt;, il vous montre un formatage plus agr&#233;able avec des couleurs.&lt;/p&gt;
+
+&lt;p&gt;Voici le script que j&amp;rsquo;utilise lorsque je veux avoir un &lt;code&gt;diff&lt;/code&gt; &#224; la git.&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/fr/blog/A-more-convenient-diff/code/ydiff"&gt; &amp;#x27A5; ydiff &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt;!/usr/bin/env zsh&lt;/span&gt;
+
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt; Load colors helpers&lt;/span&gt;
+autoload -U colors &lt;span class="Keyword"&gt;&amp;amp;&amp;amp;&lt;/span&gt; colors
+
+function colorize_diff {
+    &lt;span class="Keyword"&gt;...&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-07-10:/Scratch/fr/blog/Haskell-Mandelbrot/</id>
+    <title type="html">Mandelbrot avec haskell</title>
+    <published>2011-07-10T10:41:26Z</published>
+    <updated>2011-07-10T10:41:26Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/Haskell-Mandelbrot/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Voici le code &amp;ldquo;obfusqu&#233;&amp;rdquo;&amp;nbsp;:&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/fr/blog/Haskell-Mandelbrot/code/animandel.hs"&gt; &amp;#x27A5; animandel.hs &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+a=27;b=79;c=&lt;span class="Constant"&gt;C&lt;/span&gt;(-2.0,-1.0);d=&lt;span class="Constant"&gt;C&lt;/span&gt;(1.0,1.0);e=&lt;span class="Constant"&gt;C&lt;/span&gt;(-2.501,-1.003)
+&lt;span class="Keyword"&gt;newtype&lt;/span&gt; &lt;span class="Constant"&gt;C&lt;/span&gt; = &lt;span class="Constant"&gt;C&lt;/span&gt; (&lt;span class="Constant"&gt;Double&lt;/span&gt;,&lt;span class="Constant"&gt;Double&lt;/span&gt;) &lt;span class="Keyword"&gt;deriving&lt;/span&gt; (&lt;span class="Constant"&gt;Show&lt;/span&gt;,&lt;span class="Constant"&gt;Eq&lt;/span&gt;)
+&lt;span class="Keyword"&gt;instance&lt;/span&gt; &lt;span class="Constant"&gt;Num&lt;/span&gt; &lt;span class="Constant"&gt;C&lt;/span&gt; &lt;span class="Keyword"&gt;where...&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
   </entry>
   <entry>
     <id>tag:yannesposito.com,2011-05-18:/Scratch/fr/blog/Password-Management/</id>
     <title type="html">Password Management</title>
     <published>2011-05-18T11:14:28Z</published>
     <updated>2011-05-18T11:14:28Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
     <link href="http://yannesposito.com/Scratch/fr/blog/Password-Management/" rel="alternate"/>
     <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/Password-Management/main.png" /&gt;&lt;/p&gt;
 
@@ -117,4 +212,808 @@ J&amp;rsquo;utilise des mots de passe diff&#233;rents sur tous les sites.&lt;/p&
 &lt;p&gt;Vous &#234;tes toujours l&#224;&amp;nbsp;?
 Bon, d&amp;rsquo;accord, m&#234;me si vous ne t&#233;l&#233;chargez pas mon application vous pouvez quand m&#234;me utili...&lt;/p&gt;&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;</content>
   </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-04-20:/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/</id>
+    <title type="html">H&#233;bergement github</title>
+    <published>2011-04-20T15:22:15Z</published>
+    <updated>2011-04-20T15:22:15Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/2011-04-20-Now-hosted-on-github/main.png" /&gt;&lt;/p&gt;
+
+&lt;p&gt;J&amp;rsquo;h&#233;berge mon site sur github &#224; partir d&amp;rsquo;aujourd&amp;rsquo;hui.&lt;/p&gt;
+&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-01-03:/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/</id>
+    <title type="html">Pourquoi je n'utiliserai pas CoffeeScript (malheureusement)</title>
+    <published>2011-01-03T08:37:26Z</published>
+    <updated>2011-01-03T08:37:26Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/main.png" /&gt;&lt;/p&gt;
+
+
+&lt;div class="encadre"&gt;
+
+
+&lt;p&gt;&lt;em&gt;Mise &#224; jour&amp;nbsp;:&lt;/em&gt; Je pense que je vais finallement changer d&amp;rsquo;avis.
+Pourquoi&amp;nbsp;?
+Tout d&amp;rsquo;abord, je viens de d&#233;couvrir un convertisseur javascript vers coffeescript, ensuite Denis Knauf m&amp;rsquo;a laiss&#233; un commentaire et m&amp;rsquo;a appris l&amp;rsquo;existence d&amp;rsquo;une fonction &lt;code&gt;CoffeeScript.eval&lt;/code&gt;. De plus, il faut voir CoffeeScript comme javascript avec une syntaxe similaire &#224; Ruby et pas comme un langage similaire &#224; Ruby.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;&amp;nbsp;: &lt;/span&gt; Qu&amp;rsquo;est-ce qui n&amp;rsquo;allait pas avec Coffeescript? La meta-programm...&lt;/p&gt;&lt;/div&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2011-01-01:/Scratch/fr/blog/2011-01-03-Happy-New-Year/</id>
+    <title type="html">Bonne et heureuse ann&#233;e</title>
+    <published>2011-01-01T06:55:54Z</published>
+    <updated>2011-01-01T06:55:54Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2011-01-03-Happy-New-Year/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Bonne et heureuse ann&#233;e&amp;nbsp;!&lt;/p&gt;
+
+&lt;p&gt;J&amp;rsquo;&#233;tais tr&#232;s occup&#233; ces derniers mois.
+Maintenant il me semble que je vais pouvoir faire revivre ce blog.&lt;/p&gt;
+
+&lt;p&gt;J&amp;rsquo;ai fait un outil qui permet d&amp;rsquo;&#233;crire des livre en utilisant une syntaxe proche de markdown. 
+C&amp;rsquo;est un markdown avec des macros (essentiel pour les textes longs).
+De plus le syst&#232;me g&#232;re la g&#233;n&#233;ration de pages HTML ainsi que du PDF engendr&#233; avec du XeLaTeX.
+Je n&amp;rsquo;en ai pas encore termin&#233; avec &#231;a. Mais si je tarde trop, je communiquerai lorsque j&amp;rsquo;aurai fini le minimum.&lt;/p&gt;
+
+&lt;p&gt;J&amp;rsquo;ai &#233;crit un framework MVC pour application javascript simple mais n&#233;anmoins tr&#232;s rapide.&lt;/p&gt;
+
+&lt;p&gt;Meilleurs v&#339;ux &#224; tous&amp;nbsp;!&lt;/p&gt;
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-26:/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/</id>
+    <title type="html">Des macros LaTeX pour markdown</title>
+    <published>2010-10-26T12:30:58Z</published>
+    <updated>2010-10-26T12:30:58Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;&amp;nbsp;: &lt;/span&gt; J&amp;rsquo;ai fait un syst&#232;me simple de macros pour mon blog. Par exemple, il me suffit d&amp;rsquo;&#233;crire %&lt;span /&gt;latex et &#231;a affiche &lt;span style="text-transform: uppercase"&gt;L&lt;sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em"&gt;a&lt;/sup&gt;T&lt;sub style="vertical-align: -0.5ex; margin-left: -0.1667em; margin-right: -0.125em; font-size: 1em"&gt;e&lt;/sub&gt;X&lt;/span&gt;.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;J&amp;rsquo;ai ajouter un syst&#232;me de macro pour mon syst&#232;me de blog.
+Lorsqu&amp;rsquo;on est habitu&#233; &#224; &lt;span style="text-transform: uppercase"&gt;L&lt;sup style="vertical-align: 0.15em; margin-left: -0.36em; margin-right: -0.15em; font-size: .85em"&gt;a&lt;/sup&gt;T&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-14:/Scratch/fr/blog/2010-10-14-Fun-with-wav/</id>
+    <title type="html">S'amuser avec un .wav</title>
+    <published>2010-10-14T09:04:58Z</published>
+    <updated>2010-10-14T09:04:58Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-10-14-Fun-with-wav/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;&amp;nbsp;: &lt;/span&gt; Je me suis amus&#233; &#224; lire un fichier &lt;code&gt;wav&lt;/code&gt;. Le &lt;code&gt;C&lt;/code&gt; fut le langage le mieux adapt&#233; &#224; ce traitement. Bien meilleur que Ruby par exemple.&lt;/p&gt;
+
+&lt;p&gt;edit: Je voulais que ce programme fonctionne sur une machine sp&#233;cifique. En aucun cas je ne pensais publier ce code pour une utilisation autre que celle-ci.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;J&amp;rsquo;ai eu besoin de calculer la somme des valeurs absolue des donn&#233;es d&amp;rsquo;un fichier &lt;code&gt;wav&lt;/code&gt;.
+Pour des raison d&amp;rsquo;efficacit&#233; (et aussi de fun), j&amp;rsquo;ai fait le programme en &lt;code&gt;C&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;Cel&#224; faisait longtemps que je n&amp;rsquo;avais pas programm&#233; en &lt;code&gt;C&lt;/code&gt;.
+De m&#233;moire il &#233;tait peu ais&#233; de manipuler des ...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-10:/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/</id>
+    <title type="html">S&#233;curisez vos emails</title>
+    <published>2010-10-10T16:39:00Z</published>
+    <updated>2010-10-10T16:39:00Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;img alt="Title image" src="/Scratch/img/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/main.png" class="clean" /&gt;&lt;/p&gt;
+
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;&amp;nbsp;: &lt;/span&gt; &lt;em&gt;avec un Mac&lt;/em&gt; &lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;R&#233;cup&#233;rez un certificat sign&#233; par une AC: &lt;a href="http://www.instantssl.com/ssl-certificate-products/free-email-certificate.html"&gt;cliquez ici pour un certificat gratuit&lt;/a&gt;&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;ouvrez le fichier&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;supprimer le fichier en mode s&#233;curis&#233;&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;utilisez Mail plut&#244;t que l&amp;rsquo;interface web de gmail.&lt;/li&gt;
+&lt;/ul&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;p&gt;J&amp;rsquo;ai (re)d&#233;couvert comment adoptez la norme S/MIME. 
+J&amp;rsquo;ai &#233;t&#233; surpris de voir &#224; quel point ce fut ais&#233;.
+Il y a seulement quelques ann&#233;es c&amp;rs...&lt;/p&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-10-06:/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/</id>
+    <title type="html">Contraintes du design de ce blog</title>
+    <published>2010-10-06T09:33:03Z</published>
+    <updated>2010-10-06T09:33:03Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Vous avez pu constater que j&amp;rsquo;ai modifi&#233; le design de mon blog.
+Maintenant il doit &#234;tre beaucoup plus l&#233;ger qu&amp;rsquo;avant.
+Je n&amp;rsquo;utilise plus de CSS3 et beaucoup moins de javascript.
+Bien entendu, m&#234;me avant, mes pages &#233;taient parfaitement lisibles sans javascript.
+Mais, je me suis aper&#231;u que les syst&#232;mes de CSS3 sont loin d&amp;rsquo;&#234;tre au point.
+J&amp;rsquo;utilisait des gradient en CSS3, ainsi que des ombres sous le texte. &#199;a avait un rendu tr&#232;s sympa. Sauf&amp;hellip;
+Ce n&amp;rsquo;&#233;tait pas compatible ie6, sous Chrome le rendu &#233;tait d&amp;rsquo;une lenteur incroyable.
+J&amp;rsquo;ai donc d&#233;cid&#233; de faire un site &#224; minima. 
+Je voulais qu&amp;rsquo;il soit joli &lt;em&gt;et&lt;/em&gt; le plus simple possible pour assurer sa compatibilit&#233;.
+Les r&#232;gles que je me suis fix&#233;es sont donc:&lt;/p&gt;
+
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-09-02:/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</id>
+    <title type="html">Utilisation de git pour calculer les mtimes</title>
+    <published>2010-09-02T13:54:10Z</published>
+    <updated>2010-09-02T13:54:10Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Vous pouvez remarquer qu&amp;rsquo;&#224; la fin de chaque page je donne une date de derni&#232;re modification.
+Pr&#233;c&#233;demment cette date &#233;tait calcul&#233;e en utilisant la date du fichier.
+Mais il arrive fr&#233;quemment que je fasse un &lt;code&gt;touch&lt;/code&gt; d&amp;rsquo;un fichier pour engendrer tout le site de nouveau.
+Donc la date n&amp;rsquo;est pas n&#233;cessairement la &lt;em&gt;vraie&lt;/em&gt; de modification du contenue.&lt;/p&gt;
+
+&lt;p&gt;J&amp;rsquo;utilise &lt;a href="http://git-scm.org"&gt;git&lt;/a&gt; pour &lt;em&gt;versionner&lt;/em&gt; mon site web.
+Et cet outil me permet de r&#233;cup&#233;rer la derni&#232;re date de &lt;em&gt;vraie&lt;/em&gt; modification d&amp;rsquo;un fichier.
+Voici comment je m&amp;rsquo;y prend avec &lt;a href="http://nanoc.stoneship.org"&gt;nanoc&lt;/a&gt;&amp;nbsp;:&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-09-02:/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/</id>
+    <title type="html">base64 et sha1 sur iPhone</title>
+    <published>2010-09-01T22:02:17Z</published>
+    <updated>2010-09-01T22:02:17Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Allons directement &#224; l&amp;rsquo;essentiel&amp;nbsp;:
+voici deux fonctions &#224; int&#233;grer &#224; votre application iPhone pour afficher l&amp;rsquo;encodage en base64 ou en hexadecimal du hash sha1 d&amp;rsquo;un string en Objective-C pour iPhone.&lt;/p&gt;
+
+&lt;p&gt;Pour l&amp;rsquo;usage c&amp;rsquo;est tr&#232;s simple, copiez le code dans la classe de votre choix.
+Puis&amp;nbsp;:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+&lt;span class="CCCPreprocessorLine"&gt;#&lt;span class="CCCPreprocessorDirective"&gt;import&lt;/span&gt; &lt;span class="String"&gt;&lt;span class="String"&gt;&amp;lt;&lt;/span&gt;CommonCrypto/CommonDigest.h&lt;span class="String"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
+...
+&lt;span class="Support"&gt;NSString&lt;/span&gt; *b64_hash = [&lt;span class="Variable"&gt;self&lt;/span&gt; &lt;span class="SupportFunction"&gt;b64_sha1&lt;span class="SupportFunction"&gt;:&lt;/span&gt;&lt;/span&gt;&lt;span class="String"&gt;&lt;/span&gt;&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-08-31:/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</id>
+    <title type="html">Envoyer un mail en ligne de commande avec un fichier attach&#233;</title>
+    <published>2010-08-31T08:16:04Z</published>
+    <updated>2010-08-31T08:16:04Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/" rel="alternate"/>
+    <content type="html">&lt;p&gt;J&amp;rsquo;ai d&#251; envoyer un mail en ligne de commande r&#233;cemment. 
+Quelle ne f&#251;t pas ma surprise lorsque je constatais que ce n&amp;rsquo;&#233;tait vraiment pas &#233;vident.
+Je n&amp;rsquo;avais ni &lt;code&gt;pine&lt;/code&gt; ni &lt;code&gt;mutt&lt;/code&gt;. Seulement &lt;code&gt;mail&lt;/code&gt; et &lt;code&gt;mailx&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;Ce qu&amp;rsquo;on trouve sur internet pour envoyer un mail avec fichier attach&#233; c&amp;rsquo;est &#231;a&amp;nbsp;:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+uuencode fic.jpg fic.jpg &lt;span class="Keyword"&gt;|&lt;/span&gt; mail -s &lt;span class="String"&gt;&lt;span class="String"&gt;'&lt;/span&gt;Subject&lt;span class="String"&gt;'&lt;/span&gt;&lt;/span&gt;
+&lt;/pre&gt;
+
+&lt;p&gt;Bon, alors, b&#234;te et disciplin&#233; j&amp;rsquo;ai essay&#233;. 
+Et bien, &#231;a marche &lt;em&gt;presque&lt;/em&gt; tout le temps. 
+Pour mon fichier &#231;a n&amp;rsquo;a pas march&#233; du tout. 
+Je l&amp;rsquo;ai compress&#233; au format &lt;code&gt;.gz&lt;/code&gt;, &lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-08-23:/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/</id>
+    <title type="html">Maintenant sur Heroku</title>
+    <published>2010-08-23T13:05:13Z</published>
+    <updated>2010-08-23T13:05:13Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/" rel="alternate"/>
+    <content type="html">&lt;h1 class="first" id="maintenant-sur-herokuhttpherokucom"&gt;Maintenant sur &lt;a href="http://heroku.com"&gt;Heroku&lt;/a&gt;&lt;/h1&gt;
+
+&lt;p&gt;J&amp;rsquo;ai chang&#233; mon h&#233;bergeur. Mobileme n&amp;rsquo;est absolument pas adapt&#233; &#224; la diffusion de mon blog. C&amp;rsquo;est pourquoi je suis pass&#233; &#224; &lt;a href="http://heroku.com"&gt;Heroku&lt;/a&gt;.&lt;/p&gt;
+
+&lt;p&gt;Mais comme vous devez le savoir mon blog est un site compl&#232;tement statique.
+J&amp;rsquo;utilise &lt;a href="http://nanoc.stoneship.org/"&gt;nanoc&lt;/a&gt; pour l&amp;rsquo;engendrer.
+Avoir un site statique am&#232;ne beaucoup d&amp;rsquo;avantages par rapport &#224; un site dynamique. Surtout en terme de s&#233;curit&#233;.
+Voici comment configurer un site statique sur heroku.&lt;/p&gt;
+
+&lt;p&gt;La racine de mes fichiers est &amp;lsquo;/output&amp;rsquo;. Vous devez simplement cr&#233;er deux fichiers. Un fichier &lt;code&gt;config.ru&lt;/code&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-08-11:/Scratch/fr/blog/2010-07-09-Indecidabilities/</id>
+    <title type="html">Ind&#233;cidabilit&#233;s (partie 1)</title>
+    <published>2010-08-11T08:04:31Z</published>
+    <updated>2010-08-11T08:04:31Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-07-09-Indecidabilities/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;span class="sc"&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;&amp;nbsp;: &lt;/span&gt; Je cr&#233;e un mode math&#233;matique simple pour parler de diff&#233;rents types d&amp;rsquo;&lt;em&gt;ind&#233;cidabilit&#233;s&lt;/em&gt;&amp;nbsp;:&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;ind&#233;cidabilit&#233; due aux erreurs d&amp;rsquo;observation&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;grandes erreurs r&#233;sultant de petites erreurs de mesure&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;ind&#233;cidabilit&#233; fractales&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;ind&#233;cidabilit&#233; logique.&lt;/li&gt;
+&lt;/ul&gt;
+
+
+&lt;/div&gt;
+
+
+
+&lt;/div&gt;
+
+&lt;div class="corps"&gt;
+
+
+&lt;h1 class="first" id="les-indcidabilits"&gt;Les ind&#233;cidabilit&#233;s&lt;/h1&gt;
+
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;Si le monde a &#233;t&#233; fabriqu&#233; par un d&#233;miurge, on peut dire que celui-ci devait avoir le sens de l&amp;rsquo;humour. 
+Et le r&#233;cit que je vais faire va vous en fournir la preuve.
+Je vais me mettre &#224; sa p...&lt;/p&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-07-31:/Scratch/fr/blog/2010-07-31-New-style-after-holidays/</id>
+    <title type="html">Nouveau style apr&#232;s les vacances</title>
+    <published>2010-07-31T21:59:10Z</published>
+    <updated>2010-07-31T21:59:10Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-07-31-New-style-after-holidays/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Avant les vacances beaucoup d&amp;rsquo;utilisateurs se sont plaints de la lenteur de rendu de mon site. 
+Il s&amp;rsquo;agit notamment de probl&#232;mes avec Chrome en particulier. 
+Mais pour &#233;viter tout probl&#232;me. 
+J&amp;rsquo;ai compl&#232;tement modifi&#233; le style de mon site web. 
+Il est inspir&#233; du style de l&amp;rsquo;application iBooks&lt;small&gt;&amp;copy;&lt;/small&gt; sur iPhone&lt;small&gt;&amp;copy;&lt;/small&gt;.&lt;/p&gt;
+
+&lt;p&gt;Dites moi ce que vous pensez de ce nouveau design.&lt;/p&gt;
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-07-07:/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/</id>
+    <title type="html">N'utilisez pas de gradients avec Chrome</title>
+    <published>2010-07-07T13:43:43Z</published>
+    <updated>2010-07-07T13:43:43Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Beaucoup d&amp;rsquo;utilisateurs de &lt;a href="http://reddit.com"&gt;Reddit&lt;/a&gt; m&amp;rsquo;ont rapport&#233; que mon site &#233;tait tr&#232;s long &#224; charger et &#224; &lt;em&gt;scroller&lt;/em&gt;.
+Ils pensaient qu&amp;rsquo;il s&amp;rsquo;agissait d&amp;rsquo;un probl&#232;me d&#251; aux ombres que j&amp;rsquo;applique sur le texte.
+J&amp;rsquo;&#233;tais un peu surpris puisque je fais mes tests sur une machine vraiment tr&#232;s lente et je n&amp;rsquo;avais jamais d&#233;tect&#233; ces probl&#232;mes.
+En r&#233;alit&#233;, ce qui ralenti le rendu de ce site est par ordre d&amp;rsquo;importance&amp;nbsp;:&lt;/p&gt;
+
+&lt;ol&gt;
+  &lt;li&gt;Les d&#233;grad&#233;s sur Chrome (pas dans Safari sur Mac)&lt;/li&gt;
+  &lt;li&gt;les &lt;em&gt;box shadows&lt;/em&gt; sur Firefox&lt;/li&gt;
+&lt;/ol&gt;
+
+&lt;h2 id="les-dgrads"&gt;les d&#233;grad&#233;s&lt;/h2&gt;
+
+&lt;p&gt;Sur Safari il n&amp;rsquo;y a absolument aucun probl&#232;me avec les d&#233;grad&#233;s. Par contre sur Chrome sous Linux le si...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-07-05:/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/</id>
+    <title type="html">Cappuccino ou jQuery ?</title>
+    <published>2010-07-05T11:49:04Z</published>
+    <updated>2010-07-05T11:49:04Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;abbr title="Trop long &#224; lire"&gt;tl&#224;l&lt;/abbr&gt;:&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;J&amp;rsquo;ai essay&#233; de faire une version de &lt;a href="http://yannesposito.com/Softwares/YPassword.html"&gt;YPassword&lt;/a&gt; en jQuery et avec Cappuccino.&lt;/li&gt;
+  &lt;li&gt;Cappuccino est tr&#232;s bien sur les navigateurs non mobile mais l&amp;rsquo;application p&#232;se 1.4Mo et n&amp;rsquo;est pas compatible avec l&amp;rsquo;iPhone.&lt;/li&gt;
+  &lt;li&gt;la version jQuery n&amp;rsquo;est pas aussi jolie que la version r&#233;alis&#233;e avec Cappuccino mais elle p&#232;se seulement 106Ko et est compatible avec l&amp;rsquo;iPhone.&lt;/li&gt;
+  &lt;li&gt;J&amp;rsquo;essayerai Dashcode 3&lt;/li&gt;
+&lt;/ul&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;hr /&gt;
+
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;Avant de commencer, je dois dire que je sais que Cappuccino et jQuery ne sont pas plus comparable que Cocoa et la &lt;em&gt;standard library&lt;/em&gt; en...&lt;/p&gt;&lt;/div&gt;&lt;/hr&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-19:/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/</id>
+    <title type="html">Comment faire des popups en jQuery rapidement</title>
+    <published>2010-06-18T22:44:50Z</published>
+    <updated>2010-06-18T22:44:50Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Sur ce blog, je donne parfois la possibilit&#233; de t&#233;l&#233;charger certaines sources de code. 
+Dans ce cas, le code est souvent plus large que le &lt;code&gt;div&lt;/code&gt; qui le contient. 
+Le texte est alors coup&#233;.
+C&amp;rsquo;est pourquoi, j&amp;rsquo;utilise une m&#233;thode qui permet d&amp;rsquo;afficher ces sources dans de grandes &lt;em&gt;popups&lt;/em&gt; en jQuery.&lt;/p&gt;
+
+&lt;p&gt;Vous pouvez faire un essai en cliquant le code suivant&amp;nbsp;; remarquez qu&amp;rsquo;un bout du code n&amp;rsquo;est pas visible (apr&#232;s &lt;code&gt;z-index&lt;/code&gt; normallement)&amp;nbsp;:&lt;/p&gt;
+
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/code/essai.js"&gt; &amp;#x27A5; essai.js &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;//&lt;/span&gt; --- code popup ---&lt;/span&gt;
+&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-17:/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/</id>
+    <title type="html">Se cacher de ses statistiques web</title>
+    <published>2010-06-17T14:37:22Z</published>
+    <updated>2010-06-17T14:37:22Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Voici un moyen tr&#232;s simple de ne plus &#234;tre comptabilis&#233; dans les visites de son propre site.
+Tout d&amp;rsquo;abord, vous devriez jeter un coup d&amp;rsquo;&#339;il sur comment &lt;a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics"&gt;je g&#232;re les syst&#232;mes de r&#233;cup&#233;ration de statistiques&lt;/a&gt;. 
+Je centralise tout dans un seul fichier javascript ce qui facilite le travail.&lt;/p&gt;
+
+&lt;p&gt;Cette m&#233;thode n&#233;cessite l&amp;rsquo;utilisation de &lt;code&gt;jquery-cookie&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;Avant de comptabiliser les visites, je v&#233;rifie que la cl&#233; &lt;code&gt;admin&lt;/code&gt; n&amp;rsquo;est pas utilis&#233;e dans mes cookies.&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+    &lt;span class="Storage"&gt;var&lt;/span&gt; admin &lt;span class="Keyword"&gt;=&lt;/span&gt; &lt;span class="Keyword"&gt;$&lt;/span&gt;.&lt;span class="SupportConstant"&gt;cookie&lt;/span&gt;(&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-17:/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/</id>
+    <title type="html">Analyser les clicks sur votre Site</title>
+    <published>2010-06-17T12:41:36Z</published>
+    <updated>2010-06-17T12:41:36Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Voici comment analyser tous les clics que font vos utilisateurs sur votre blog en incluant google analytics de fa&#231;on asynchrone.&lt;/p&gt;
+
+&lt;p&gt;Dans le html, il faut utiliser &lt;a href="http://jquery.com"&gt;jQuery&lt;/a&gt; et un fichier que j&amp;rsquo;ai appel&#233; &lt;code&gt;yga.js&lt;/code&gt;&amp;nbsp;:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+&lt;span class="EmbeddedSource"&gt;    &lt;span class="EmbeddedSource"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagInline"&gt;script&lt;/span&gt; &lt;span class="MetaTagInline"&gt;type&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;text/javascript&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt; &lt;span class="MetaTagInline"&gt;src&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;jquery.js&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="EmbeddedSource"&gt;&amp;gt;&lt;/span&gt;&lt;span class="EmbeddedSource"&gt;&amp;lt;/&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-15:/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/</id>
+    <title type="html">R&#233;cup&#233;rez mon syst&#232;me de blog</title>
+    <published>2010-06-15T08:56:32Z</published>
+    <updated>2010-06-15T08:56:32Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/" rel="alternate"/>
+    <content type="html">&lt;p&gt;J&amp;rsquo;ai publi&#233; une version &lt;em&gt;light&lt;/em&gt; de mon syst&#232;me de blog hier soir. Par &lt;em&gt;light&lt;/em&gt; il faut comprendre avec un CSS plus &#233;pur&#233; et plus portable (sans les bords ronds).
+Vous pouvez le r&#233;cup&#233;rer sur &lt;a href="http://github.com/yogsototh/nanoc3_blog"&gt;github.com&lt;/a&gt;.&lt;/p&gt;
+
+&lt;p&gt;Que pouvez-vous attendre de ce syst&#232;me de blog&amp;nbsp;?&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;Tous les avantages li&#233;s &#224; &lt;a href="http://nanoc.stoneship.org"&gt;nanoc&lt;/a&gt;&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;Facilit&#233; de la gestion de plusieurs langues&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;coloration syntaxique des codes sources pour la plupart des languages&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;commentaires g&#233;r&#233;s avec &lt;a href="http://intensedebate.org"&gt;intenseDebate&lt;/a&gt; de fa&#231;on asynchrone&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;tr&#232;s portable avec ou sans javascript, XHTML Strict 1.0 / CSS3&amp;nbsp;;&lt;/li&gt;&lt;/ul&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-06-14:/Scratch/fr/blog/2010-06-14-multi-language-choices/</id>
+    <title type="html">choix li&#233;s &#224; l'&#233;criture dans plusieurs langues</title>
+    <published>2010-06-14T14:14:57Z</published>
+    <updated>2010-06-14T14:14:57Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-06-14-multi-language-choices/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Je traduis la plupart de mes articles pour qu&amp;rsquo;ils soient disponibles en fran&#231;ais et en anglais. 
+La fa&#231;on que l&amp;rsquo;on m&amp;rsquo;a conseill&#233; &#233;tait d&amp;rsquo;avoir un fichier par langue. En g&#233;n&#233;ral &#231;a donne &#231;a.&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+Bonjour, 
+
+voici un exemple de texte en fran&#231;ais.
+[image](url)
+&lt;/pre&gt;
+
+&lt;pre class="twilight"&gt;
+Hello, 
+
+here is an example of english text.
+[image](url)
+&lt;/pre&gt;
+
+&lt;p&gt;Cette fa&#231;on de traduire vous impose une certaine fa&#231;on de traduire.
+D&amp;rsquo;abord &#233;crire enti&#232;rement le texte dans une langue, 
+puis copier le fichier et enfin retraduire dans une nouvelle langue.&lt;/p&gt;
+
+&lt;p&gt;Le probl&#232;me, c&amp;rsquo;est que tr&#232;s souvent, les articles ont des parties communes non n&#233;gligeables. Par exemple, les images, les codes sources, etc&amp;hellip;
+Lorsque je m&amp;...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-05-24:/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</id>
+    <title type="html">Arbres ; Pragmatisme et Formalisme</title>
+    <published>2010-05-24T18:05:14Z</published>
+    <updated>2010-05-24T18:05:14Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;&lt;abbr title="Trop Long &#192; Lire"&gt;&lt;span class="sc"&gt;tl&#224;l&lt;/span&gt;&lt;/abbr&gt;&amp;nbsp;:&lt;/p&gt;
+
+&lt;ul&gt;
+  &lt;li&gt;J&amp;rsquo;ai essay&#233; de programmer un simple filtre&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;J&amp;rsquo;ai &#233;t&#233; bloqu&#233; pendant deux jours&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;J&amp;rsquo;ai arr&#234;t&#233; de penser comme un robot&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;J&amp;rsquo;ai utilis&#233; un papier et un stylo&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;J&amp;rsquo;ai fait un peu de maths&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;J&amp;rsquo;ai r&#233;solu le probl&#232;me en 10 minutes&amp;nbsp;;&lt;/li&gt;
+  &lt;li&gt;Conclusion: Pragmatisme n&amp;rsquo;est pas&amp;nbsp;: &amp;laquo;n&amp;rsquo;utilisez jamais la th&#233;orie&amp;raquo;.
+
+&lt;/div&gt;
+
+&lt;/ul&gt;
+
+&lt;h2 id="rsum-plus-long-que-le--abbr-titletrop-long--liresctllscabbr"&gt;R&#233;sum&#233; (plus long que le  &lt;abbr title="Trop Long &#192; Lire"&gt;&lt;span class="sc"&gt;tl&#224;l&lt;/span&gt;&lt;/abbr&gt;)&lt;/h2&gt;
+
+&lt;p&gt;Je devais r&#233;soudre un...&lt;/p&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-05-19:/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</id>
+    <title type="html">Comment r&#233;parer un XML coup&#233; ?</title>
+    <published>2010-05-19T20:20:34Z</published>
+    <updated>2010-05-19T20:20:34Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Sur ma page d&amp;rsquo;accueil vous pouvez voir la liste des mes derniers articles avec le d&#233;but de ceux-ci. Pour arriver &#224; faire &#231;a, j&amp;rsquo;ai besoin de couper le code XHTML de mes pages en plein milieu. Il m&amp;rsquo;a donc fallu trouver un moyen de les r&#233;parer.&lt;/p&gt;
+
+&lt;p&gt;Prenons un exemple&amp;nbsp;:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+&lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;div&lt;/span&gt; &lt;span class="MetaTagAll"&gt;class&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;corps&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;
+    &lt;span class="MetaTagAll"&gt;&lt;span class="MetaTagAll"&gt;&amp;lt;&lt;/span&gt;&lt;span class="MetaTagAll"&gt;div&lt;/span&gt; &lt;span class="MetaTagAll"&gt;class&lt;/span&gt;=&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-05-17:/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/</id>
+    <title type="html">Je reviens &#224; la vie !</title>
+    <published>2010-05-17T11:25:51Z</published>
+    <updated>2010-05-17T11:25:51Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Bonjour &#224; tous&amp;nbsp;!&lt;/p&gt;
+
+&lt;blockquote cite="http://www.madore.org/~david/weblog/2010-05.html#d.2010-05-12.1752"&gt;
+  &lt;p&gt;&amp;hellip;plus on retarde quelque chose, plus il devient difficile de s&amp;rsquo;y mettre&amp;hellip;&lt;/p&gt;
+&lt;/blockquote&gt;
+
+&lt;p&gt;Je devais &#233;crire d&amp;rsquo;autres articles pour ce blog. J&amp;rsquo;ai not&#233; plein d&amp;rsquo;id&#233;es dans mes &lt;em&gt;todolist&lt;/em&gt;. Mais j&amp;rsquo;avais pas mal d&amp;rsquo;autres choses &#224; faire. Et jusqu&amp;rsquo;ici, j&amp;rsquo;ai toujours dit &amp;laquo;je le ferai plus tard&amp;raquo;. Ce qui m&amp;rsquo;a fait agir, c&amp;rsquo;est la petite r&#233;flexion que j&amp;rsquo;avais lu une fois.
+&amp;gt; Arr&#233;tez d&amp;rsquo;&#233;crire des &lt;code&gt;TODO&lt;/code&gt; dans votre code est faites le maintenant&amp;nbsp;!&lt;br /&gt;
+&amp;gt; Vous serez surpris de l&amp;rsquo;efficacit&#233; de cette mesure.&lt;/p&gt;
+
+&lt;p&gt;En r&#233;sum&#233;&amp;nbsp;:
+&amp;gt; &lt;/p&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-03-23:/Scratch/fr/blog/2010-03-23-Encapsulate-git/</id>
+    <title type="html">Encapsuler git</title>
+    <published>2010-03-23T20:37:36Z</published>
+    <updated>2010-03-23T20:37:36Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-03-23-Encapsulate-git/" rel="alternate"/>
+    <content type="html">&lt;p&gt;&lt;span class="intro"&gt;
+Voici une solution pour conserver des branches divergentes avec &lt;code&gt;git&lt;/code&gt;.
+Parce qu&amp;rsquo;il est facile de &lt;em&gt;merger&lt;/em&gt; par erreur, je propose un script qui encapsule le comportement de &lt;code&gt;git&lt;/code&gt; pour interdire certains &lt;em&gt;merges&lt;/em&gt; dangereux. Mais qui permet aussi de faire des merges en cascades de la racines vers les autres branches.
+&lt;/span&gt;&lt;/p&gt;
+
+&lt;h2 id="se-prmunir-contre-les-erreurs"&gt;Se pr&#233;munir contre les erreurs&lt;/h2&gt;
+
+&lt;p&gt;Je travaille sur un projet dans lequel certaines de mes branches &lt;code&gt;git&lt;/code&gt; doivent rester divergentes. Et les divergences devraient aller en s&amp;rsquo;accentuant.&lt;/p&gt;
+
+&lt;p&gt;J&amp;rsquo;utilise aussi certaines branches qui contiennent la partie commune de ces projets.&lt;/p&gt;
+
+&lt;p&gt;Disons que j&amp;rsquo;ai les branches&amp;nbsp;:&lt;/p&gt;
+
+...</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-03-22:/Scratch/fr/blog/2010-03-22-Git-Tips/</id>
+    <title type="html">Astuces Git</title>
+    <published>2010-03-22T08:42:27Z</published>
+    <updated>2010-03-22T08:42:27Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-03-22-Git-Tips/" rel="alternate"/>
+    <content type="html">&lt;h2 class="first" id="cloner-de-github--travers-un-pare-feu"&gt;Cloner de github &#224; travers un pare-feu&lt;/h2&gt;
+
+&lt;p&gt;La fa&#231;on standard:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+git clone git@github.com:yogsototh/project.git
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;En utilisant le port HTTPS&amp;nbsp;:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+git clone git+ssh://git@github.com:443/yogsototh/project.git
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="cloner-toutes-les-branches"&gt;Cloner toutes les branches&lt;/h2&gt;
+
+&lt;p&gt;&lt;code&gt;git clone&lt;/code&gt; peut seulement r&#233;cuper la branche &lt;code&gt;master&lt;/code&gt;.&lt;/p&gt;
+
+&lt;p&gt;Si vous n&amp;rsquo;avez pas beaucoup de branches, vous pouvez simplement les clone le project et ensuite pour chacune d&amp;rsquo;entre elle lancer la commande suivante&amp;nbsp;:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+git branch --track local_branch remote_branch
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;par ...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-23:/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/</id>
+    <title type="html">Quand se passer des expressions r&#233;guli&#232;res ?</title>
+    <published>2010-02-23T08:09:52Z</published>
+    <updated>2010-02-23T08:09:52Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Les expressions r&#233;guli&#232;res sont tr&#232;s utiles. Cependant, elles ne sont pas toujours la meilleure mani&#232;re d&amp;rsquo;aborder certain probl&#232;me autour des chaines de caract&#232;res.
+Et surtout quand les transformations que vous voulez accomplir sont simples.&lt;/p&gt;
+
+&lt;p&gt;Je voulais savoir comment r&#233;cup&#233;rer le plus vite possible l&amp;rsquo;extension d&amp;rsquo;un nom de fichier. Il y a trois mani&#232;re naturelle d&amp;rsquo;accomplir cel&#224;&amp;nbsp;:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt; regexp&lt;/span&gt;
+str.&lt;span class="Entity"&gt;match&lt;/span&gt;(&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;[&lt;/span&gt;^.&lt;span class="StringRegexp"&gt;]&lt;/span&gt;&lt;/span&gt;*$&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-18:/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/</id>
+    <title type="html">d&#233;couper un fichier par mots cl&#233;s</title>
+    <published>2010-02-18T13:29:14Z</published>
+    <updated>2010-02-18T13:29:14Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Assez bizarrement, je n&amp;rsquo;ai trouv&#233; aucun outil UNIX pour d&#233;couper un fichier par mot cl&#233;. 
+Alors j&amp;rsquo;en ai fait un en &lt;code&gt;awk&lt;/code&gt;. Je le met ici principalement pour moi, mais &#231;a peut toujours servir &#224; quelqu&amp;rsquo;un d&amp;rsquo;autre.
+Le code suivant d&#233;coupe un fichier pour chacune de ses ligne contenant le mot &lt;code&gt;UTC&lt;/code&gt;.&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Comment"&gt;&lt;span class="Comment"&gt;#&lt;/span&gt;!/usr/bin/env awk&lt;/span&gt;
+&lt;span class="Entity"&gt;BEGIN&lt;/span&gt;{i=0;}
+&lt;span class="StringRegexp"&gt;&lt;span class="StringRegexp"&gt;/&lt;/span&gt;UTC&lt;span class="StringRegexp"&gt;/&lt;/span&gt;&lt;/span&gt; { 
+    i+=1;
+    FIC=&lt;span class="SupportFunction"&gt;sprintf&lt;/span&gt;(&lt;span class="String"&gt;&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;fic.%03d&lt;span class="String"&gt;&amp;quot;&lt;/span&gt;&lt;/span&gt;,i); 
+} 
+{&lt;/pre&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-16:/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/</id>
+    <title type="html">Tout sauf quelquechose en expression r&#233;guli&#232;re.</title>
+    <published>2010-02-16T08:33:21Z</published>
+    <updated>2010-02-16T08:33:21Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Dans mon &lt;a href="previouspost"&gt;pr&#233;c&#233;dent article&lt;/a&gt; j&amp;rsquo;ai donn&#233; certaines astuces pour matcher &amp;lsquo;tout sauf quelque chose&amp;rsquo;. De la m&#234;me mani&#232;re, un truc pour matcher la chaine de caract&#232;re la plus petite possible.
+Disons que vous voulez matcher la chaine de caract&#232;re entre &amp;lsquo;a&amp;rsquo; et &amp;lsquo;b&amp;rsquo;. Par exemple, vous voulez matcher&amp;nbsp;:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+a.....&lt;span class="Constant"&gt;&lt;strong&gt;a......b&lt;/strong&gt;&lt;/span&gt;..b..a....&lt;span class="Constant"&gt;&lt;strong&gt;a....b&lt;/strong&gt;&lt;/span&gt;...
+&lt;/pre&gt;
+
+&lt;p&gt;Voici les deux erreurs communes et une solution&amp;nbsp;:&lt;/p&gt;
+
+&lt;pre class="twilight"&gt;
+/a.*b/
+&lt;span class="Constant"&gt;&lt;strong&gt;a.....a......b..b..a....a....b&lt;/strong&gt;&lt;/span&gt;...
+&lt;/pre&gt;
+
+&lt;p&gt;La premi&#232;re erreur vient de l&amp;rsquo;utilisation du &lt;em&gt;terrible&lt;/em&gt; &lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-02-15:/Scratch/fr/blog/2010-02-15-All-but-something-regexp/</id>
+    <title type="html">Expression r&#233;guli&#232;re pour tout sauf quelquechose</title>
+    <published>2010-02-15T09:16:12Z</published>
+    <updated>2010-02-15T09:16:12Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-02-15-All-but-something-regexp/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Parfois vous ne pouvez simplement pas &#233;crire&amp;nbsp;:&lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Keyword"&gt;if&lt;/span&gt; str.&lt;span class="Entity"&gt;match&lt;/span&gt;(regexp) &lt;span class="Keyword"&gt;and&lt;/span&gt; 
+    &lt;span class="Keyword"&gt;not&lt;/span&gt; str.&lt;span class="Entity"&gt;match&lt;/span&gt;(other_regexp)
+        do_something
+&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;et vous devez obtenir le m&#234;me comportement avec seulement une expression r&#233;guli&#232;re. Le probl&#232;me c&amp;rsquo;est que le compl&#233;mentaire des r&#233;gulier n&amp;rsquo;est pas r&#233;gulier. Cel&#224; peut s&amp;rsquo;av&#233;rer impossible.&lt;/p&gt;
+
+&lt;p&gt;Cependant, pour certaines expressions ce peut &#234;tre possible&lt;sup&gt;&lt;a href="#note1"&gt;&amp;dagger;&lt;/a&gt;&lt;/sup&gt;. Disons que vous souhaitez &lt;em&gt;matcher&lt;/em&gt; toutes les lignes contenant le mot &lt;code&gt;bull&lt;/code&gt;, mais que vous ne souhaitez pas matcher &lt;code&gt;bu...&lt;/code&gt;&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-01-12:/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</id>
+    <title type="html">Fontes adoucies sous Ubuntu Firefox</title>
+    <published>2010-01-12T14:36:40Z</published>
+    <updated>2010-01-12T14:36:40Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Voici comment faire pour ne plus utiliser les fontes Microsoft&#169; sous Linux Ubuntu pour avoir de belles fontes adoucies (anti aliased) qui ne font pas mal aux yeux sous Firefox.&lt;/p&gt;
+
+&lt;p&gt;modifiez le fichier &lt;code&gt;/etc/fonts/local.conf&lt;/code&gt; en y incluant le contenu suivant&amp;nbsp;: &lt;/p&gt;
+
+&lt;div&gt;
+&lt;div class="code"&gt;&lt;div class="file"&gt;&lt;a href="/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/code/local.conf"&gt; &amp;#x27A5; local.conf &lt;/a&gt;&lt;/div&gt;&lt;div class="withfile"&gt;
+&lt;pre class="twilight"&gt;
+
+&lt;span class="DoctypeXmlProcessing"&gt;&lt;span class="DoctypeXmlProcessing"&gt;&amp;lt;?&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt;xml&lt;/span&gt;&lt;span class="DoctypeXmlProcessing"&gt; version&lt;/span&gt;=&lt;span class="DoctypeXmlProcessing"&gt;&lt;span class="DoctypeXmlProcessing"&gt;&amp;quot;&lt;/span&gt;1.0&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2010-01-04:/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/</id>
+    <title type="html">Changer le shell par d&#233;faut sous Mac OS X</title>
+    <published>2010-01-04T10:31:47Z</published>
+    <updated>2010-01-04T10:31:47Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Je viens de trouver le moyen de changer son shell par d&#233;faut sous Mac OS X. Cette note est plus pour moi. Mais elle peut aussi servir &#224; quelqu&amp;rsquo;un d&amp;rsquo;autre. Il suffit de lancer la commande&amp;nbsp;: &lt;/p&gt;
+
+&lt;div&gt;&lt;pre class="twilight"&gt;
+&lt;span class="Keyword"&gt;&amp;gt;&lt;/span&gt; chsh
+&lt;/pre&gt;&lt;/div&gt;
+</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2009-12-14:/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/</id>
+    <title type="html">Git ou Bazaar ?</title>
+    <published>2009-12-14T08:46:36Z</published>
+    <updated>2009-12-14T08:46:36Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/" rel="alternate"/>
+    <content type="html">
+&lt;div class="intro"&gt;
+
+
+&lt;p&gt;M&#234;me si je consid&#232;re que &lt;code&gt;git&lt;/code&gt; a beaucoup de points noirs, je pense qu&amp;rsquo;il reste le meilleur DCVS &#224; ce jour avec lequel travailler. C&amp;rsquo;est pourquoi je commencerai par parler des qualit&#233; de bazaar qui manquent &#224; git. Ensuite seulement je donnerai le seul avantage de git qui suffit &#224; le rendre pr&#233;f&#233;rable &#224; Bazaar.&lt;/p&gt;
+
+
+&lt;/div&gt;
+
+
+&lt;h2 id="la-dcouverte-des-dcvs"&gt;La d&#233;couverte des DCVS&lt;/h2&gt;
+
+&lt;p&gt;&#192; savoir avant de d&#233;buter  l&amp;rsquo;article. Je suis, comme beaucoup, un ancien utilisateur de &lt;em&gt;subversion&lt;/em&gt;. Je trouve subversion tr&#232;s bien, mais j&amp;rsquo;ai &#233;t&#233; conquis par les capacit&#233;s suppl&#233;mentaires apport&#233;es par les syst&#232;mes de versions concurrentes &lt;em&gt;d&#233;centralis&#233;s&lt;/em&gt;.&lt;/p&gt;
+
+&lt;p&gt;Il y a deux fa&#231;on de percevoir les syst&#232;me...&lt;/p&gt;</content>
+  </entry>
+  <entry>
+    <id>tag:yannesposito.com,2009-12-06:/Scratch/fr/blog/2009-12-06-iphone-call-filter/</id>
+    <title type="html">Filtrage d'appel avec l'iPhone</title>
+    <published>2009-12-06T09:35:34Z</published>
+    <updated>2009-12-06T09:35:34Z</updated>
+    <author>
+      <name>Yann Esposito</name>
+      <uri>yannesposito.com</uri>
+    </author>
+    <link href="http://yannesposito.com/Scratch/fr/blog/2009-12-06-iphone-call-filter/" rel="alternate"/>
+    <content type="html">&lt;p&gt;Il est vraiment incroyable que le filtrage d&amp;rsquo;appel soit impossible avec un iPhone&amp;nbsp;! Le &lt;em&gt;seul&lt;/em&gt; int&#233;r&#234;t que j&amp;rsquo;y vois, c&amp;rsquo;est une n&#233;gociation avec les op&#233;rateurs pour interdire aux utilisateurs de passer &#224; travers la publicit&#233;. C&amp;rsquo;est tout simplement inacceptable.&lt;/p&gt;
+
+&lt;p&gt;Je suis un utilisateur &#955; de l&amp;rsquo;iPhone. Le seul moyen de filtrer ses appels, de faire des blacklists ou autre c&amp;rsquo;est de &lt;em&gt;jailbreaker&lt;/em&gt; son iPhone. Et je n&amp;rsquo;en ai aucune envie. Alors si comme moi, vous trouvez &#231;a inacceptable, envoyez un mot &#224; Apple&amp;nbsp;: &lt;a href="http://www.apple.com/feedback/iphone.html"&gt;http://www.apple.com/feedback/iphone.html&lt;/a&gt;&lt;/p&gt;
+</content>
+  </entry>
 </feed>
diff --git a/output/Scratch/fr/blog/index.html b/output/Scratch/fr/blog/index.html
index f25be3b7c..c2d9057b1 100644
--- a/output/Scratch/fr/blog/index.html
+++ b/output/Scratch/fr/blog/index.html
@@ -78,7 +78,7 @@ Les 5 derniers articles
         <span class="month">Oct</span>
         <span class="year">2011</span>
     </span>  
-    <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Yesod excellent ideas <span class="nicer">»</span></a> 
+    <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Les idées de yesod <span class="nicer">»</span></a> 
 </h1>
 
 <div class="corps">
@@ -91,18 +91,20 @@ Les 5 derniers articles
 
 <p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr>&nbsp;: </span></p>
 
-<p>I follows the yesod web framework for some times now. And I believe it reached the point where you should really consider to use it. But instead of telling you why you should learn Haskell and use yesod, I prefer to talk about new ideas used by yesod I didn&rsquo;t saw in other frameworks.</p>
+<p>Cela fait un moment que je suis la progression du <a href="http://www.yesodweb.com">framework yesod</a>. 
+À mon humble avis on peut commencer à l&rsquo;utiliser pour des applications sérieuses (comprendre en prod).
+Je pourrai vous dire pourquoi vous devriez considérer d&rsquo;utiliser ce framework.
+Mais je préfère vous parler de deux bonnes idées (parmi d&rsquo;autres) de yesod que je n&rsquo;avais jamais vu ailleurs.</p>
 
 
 </div>
 
 
+<h2 id="types-saufs">Types saufs</h2>
+
 <p>Commençons par une BD d&rsquo;<a href="http://xkcd.com">xkcd</a>&nbsp;:</p>
 
-<p><img src="http://imgs.xkcd.com/comics/exploits_of_a_mom.png" alt="SQL injection by a mom" /></p>
-
-<p>Avec les technologies web on passe son temps à manipuler des chaînes de caractères. 
-Certaines de ces c...</p></p></p>
+<p></p></p>
 
     <div class="flush"></div>
     <div>
@@ -113,6 +115,49 @@ Certaines de ces c...</p></p></p>
 
 </div>
 
+<h1> 
+    <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2011</span>
+    </span>  
+    <a href="/Scratch/fr/blog/Higher-order-function-in-zsh/">Fonctions d'ordre supérieur en zsh <span class="nicer">»</span></a> 
+</h1>
+
+<div class="corps">
+
+    <p><img alt="Title image" src="/Scratch/img/blog/Higher-order-function-in-zsh/main.jpg" /></p>
+
+
+<div class="intro">
+
+
+<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr>&nbsp;: </span> des fonctions d&rsquo;ordres supérieurs en zsh.</p>
+
+
+</div>
+
+
+<p>Tout d&rsquo;abord, pourquoi c&rsquo;est important d&rsquo;avoir ces fonctions. 
+Plus je programmais avec zsh plus j&rsquo;essayais d&rsquo;avoir un style fonctionnel.</p>
+
+<p>Le minimum pour pouvoir avoir du code plus lisible c&rsquo;est de posséder les fonctions <code>map</code>, <code>filter</code> et <code>fold</code>.</p>
+
+<p>Voici pourquoi avec une comparaison.
+Commençons par un programme qui converti tous les gif en png dans plusieurs répertoires projets contenant tous des répertoires resources.
+Avant&nbsp;:</p>
+
+</p>
+
+    <div class="flush"></div>
+    <div>
+            <p>
+        <a href="/Scratch/fr/blog/Higher-order-function-in-zsh/">en lire plus <span class="nicer">»</span></a>
+            </p>
+    </div>
+
+</div>
+
 <h1> 
     <span class="date">
         <span class="day">28</span>
@@ -198,39 +243,35 @@ Sa prise en mais est difficile, mais p...</p></p>
 
 <h1> 
     <span class="date">
-        <span class="day">18</span>
-        <span class="month">Mai</span>
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
         <span class="year">2011</span>
     </span>  
-    <a href="/Scratch/fr/blog/Password-Management/">Password Management <span class="nicer">»</span></a> 
+    <a href="/Scratch/fr/blog/A-more-convenient-diff/">Un diff plus pratique <span class="nicer">»</span></a> 
 </h1>
 
 <div class="corps">
 
-    <p><img alt="Title image" src="/Scratch/img/blog/Password-Management/main.png" /></p>
+    <p><code>diff</code> est un utilitaire très pratique, mais il n&rsquo;est pas facile à lire pour nous, les Hommes.</p>
 
+<p>C&rsquo;est pourquoi, lorsque vous utilisez <code>git</code>, il vous montre un formatage plus agréable avec des couleurs.</p>
 
-<div class="intro">
+<p>Voici le script que j&rsquo;utilise lorsque je veux avoir un <code>diff</code> à la git.</p>
 
+<div class="code"><div class="file"><a href="/Scratch/fr/blog/A-more-convenient-diff/code/ydiff"> &#x27A5; ydiff </a></div><div class="withfile">
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env zsh</span>
 
-<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr>&nbsp;: </span> Une méthode de gestion des mots de passes que j&rsquo;utilise avec succès depuis quelques années.<br />
-<strong><code>sha1( mot_de_passe + nom_de_domaine )</code></strong><br />
-Je ne mémorise qu&rsquo;un seul mot de passe de très bonne qualité.
-J&rsquo;utilise des mots de passe différents sur tous les sites.</p>
+<span class="Comment"><span class="Comment">#</span> Load colors helpers</span>
+autoload -U colors <span class="Keyword">&amp;&amp;</span> colors
 
-
-</div>
-
-
-<p>Avant de commencer, je tiens à préciser qu&rsquo;il s&rsquo;agit d&rsquo;une tentative de vous vendre mon appli iPhone&nbsp;;-).</p>
-
-<p>Vous êtes toujours là&nbsp;?
-Bon, d&rsquo;accord, même si vous ne téléchargez pas mon application vous pouvez quand même utili...</p></p></div></p>
+function colorize_diff {
+    <span class="Keyword">...</span></pre></div></div>
 
     <div class="flush"></div>
     <div>
             <p>
-        <a href="/Scratch/fr/blog/Password-Management/">en lire plus <span class="nicer">»</span></a>
+        <a href="/Scratch/fr/blog/A-more-convenient-diff/">en lire plus <span class="nicer">»</span></a>
             </p>
     </div>
 
@@ -247,7 +288,439 @@ Bon, d&rsquo;accord, même si vous ne téléchargez pas mon application vous pou
                 $('.tag.selected').removeClass('selected');
                 $('#tag_'+id).addClass('selected');
             }
-        </script><div id="tagcloud"><a href="#editor" style="font-size: 1.0em;" class="tag" onclick="tagSelected('editor')" id="tag_editor">editor</a> <a href="#tutoriel" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tutoriel')" id="tag_tutoriel">tutoriel</a> <a href="#vi" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vi')" id="tag_vi">vi</a> <a href="#vim" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vim')" id="tag_vim">vim</a> </div><div id="hiddenDivs" ><div id="editor" class="list"><h4>editor</h4><ul style="list-style-type: none; margin: 0;">
+        </script><div id="tagcloud"><a href="#analyser" style="font-size: 1.0em;" class="tag" onclick="tagSelected('analyser')" id="tag_analyser">analyser</a> <a href="#analytics" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('analytics')" id="tag_analytics">analytics</a> <a href="#Apple" style="font-size: 1.69230769230769em;" class="tag" onclick="tagSelected('Apple')" id="tag_Apple">Apple</a> <a href="#arbre" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('arbre')" id="tag_arbre">arbre</a> <a href="#asynchrone" style="font-size: 1.0em;" class="tag" onclick="tagSelected('asynchrone')" id="tag_asynchrone">asynchrone</a> <a href="#awk" style="font-size: 1.0em;" class="tag" onclick="tagSelected('awk')" id="tag_awk">awk</a> <a href="#Bazaar" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Bazaar')" id="tag_Bazaar">Bazaar</a> <a href="#blacklist" style="font-size: 1.0em;" class="tag" onclick="tagSelected('blacklist')" id="tag_blacklist">blacklist</a> <a href="#blog" style="font-size: 1.92307692307692em;" class="tag" onclick="tagSelected('blog')" id="tag_blog">blog</a> <a href="#branch" style="font-size: 1.0em;" class="tag" onclick="tagSelected('branch')" id="tag_branch">branch</a> <a href="#branches" style="font-size: 1.0em;" class="tag" onclick="tagSelected('branches')" id="tag_branches">branches</a> <a href="#bzr" style="font-size: 1.0em;" class="tag" onclick="tagSelected('bzr')" id="tag_bzr">bzr</a> <a href="#cacher" style="font-size: 1.0em;" class="tag" onclick="tagSelected('cacher')" id="tag_cacher">cacher</a> <a href="#Cappuccino" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Cappuccino')" id="tag_Cappuccino">Cappuccino</a> <a href="#Chrome" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Chrome')" id="tag_Chrome">Chrome</a> <a href="#Cocoa" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Cocoa')" id="tag_Cocoa">Cocoa</a> <a href="#commentaires" style="font-size: 1.0em;" class="tag" onclick="tagSelected('commentaires')" id="tag_commentaires">commentaires</a> <a href="#couleurs" style="font-size: 1.0em;" class="tag" onclick="tagSelected('couleurs')" id="tag_couleurs">couleurs</a> <a href="#courriel" style="font-size: 1.0em;" class="tag" onclick="tagSelected('courriel')" id="tag_courriel">courriel</a> <a href="#CSS" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('CSS')" id="tag_CSS">CSS</a> <a href="#David_Lynch" style="font-size: 1.0em;" class="tag" onclick="tagSelected('David_Lynch')" id="tag_David_Lynch">David&nbsp;Lynch</a> <a href="#DCVS" style="font-size: 1.0em;" class="tag" onclick="tagSelected('DCVS')" id="tag_DCVS">DCVS</a> <a href="#dcvs" style="font-size: 1.0em;" class="tag" onclick="tagSelected('dcvs')" id="tag_dcvs">dcvs</a> <a href="#design" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('design')" id="tag_design">design</a> <a href="#diff" style="font-size: 1.0em;" class="tag" onclick="tagSelected('diff')" id="tag_diff">diff</a> <a href="#disqus" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('disqus')" id="tag_disqus">disqus</a> <a href="#drm" style="font-size: 1.0em;" class="tag" onclick="tagSelected('drm')" id="tag_drm">drm</a> <a href="#editor" style="font-size: 1.0em;" class="tag" onclick="tagSelected('editor')" id="tag_editor">editor</a> <a href="#email" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('email')" id="tag_email">email</a> <a href="#expressions_r__guli__res" style="font-size: 1.0em;" class="tag" onclick="tagSelected('expressions_r__guli__res')" id="tag_expressions_r__guli__res">expressions&nbsp;régulières</a> <a href="#extension" style="font-size: 1.0em;" class="tag" onclick="tagSelected('extension')" id="tag_extension">extension</a> <a href="#fichier" style="font-size: 1.0em;" class="tag" onclick="tagSelected('fichier')" id="tag_fichier">fichier</a> <a href="#film" style="font-size: 1.0em;" class="tag" onclick="tagSelected('film')" id="tag_film">film</a> <a href="#filter" style="font-size: 1.0em;" class="tag" onclick="tagSelected('filter')" id="tag_filter">filter</a> <a href="#Firefox" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Firefox')" id="tag_Firefox">Firefox</a> <a href="#Fonts" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Fonts')" id="tag_Fonts">Fonts</a> <a href="#git" style="font-size: 1.92307692307692em;" class="tag" onclick="tagSelected('git')" id="tag_git">git</a> <a href="#Google" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Google')" id="tag_Google">Google</a> <a href="#HTML" style="font-size: 1.0em;" class="tag" onclick="tagSelected('HTML')" id="tag_HTML">HTML</a> <a href="#indecidability" style="font-size: 1.0em;" class="tag" onclick="tagSelected('indecidability')" id="tag_indecidability">indecidability</a> <a href="#intense_debate" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('intense_debate')" id="tag_intense_debate">intense&nbsp;debate</a> <a href="#iPhone" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('iPhone')" id="tag_iPhone">iPhone</a> <a href="#iTunes" style="font-size: 1.0em;" class="tag" onclick="tagSelected('iTunes')" id="tag_iTunes">iTunes</a> <a href="#javascript" style="font-size: 1.69230769230769em;" class="tag" onclick="tagSelected('javascript')" id="tag_javascript">javascript</a> <a href="#jQuery" style="font-size: 1.92307692307692em;" class="tag" onclick="tagSelected('jQuery')" id="tag_jQuery">jQuery</a> <a href="#langues" style="font-size: 1.0em;" class="tag" onclick="tagSelected('langues')" id="tag_langues">langues</a> <a href="#Linux" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Linux')" id="tag_Linux">Linux</a> <a href="#local" style="font-size: 1.0em;" class="tag" onclick="tagSelected('local')" id="tag_local">local</a> <a href="#Lost_Highway" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Lost_Highway')" id="tag_Lost_Highway">Lost&nbsp;Highway</a> <a href="#mac" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('mac')" id="tag_mac">mac</a> <a href="#Mac" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Mac')" id="tag_Mac">Mac</a> <a href="#math__matiques" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('math__matiques')" id="tag_math__matiques">mathématiques</a> <a href="#mobileme" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('mobileme')" id="tag_mobileme">mobileme</a> <a href="#nanoc" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('nanoc')" id="tag_nanoc">nanoc</a> <a href="#Objective_C" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Objective_C')" id="tag_Objective_C">Objective-C</a> <a href="#OS_X" style="font-size: 1.0em;" class="tag" onclick="tagSelected('OS_X')" id="tag_OS_X">OS&nbsp;X</a> <a href="#philosophy" style="font-size: 1.0em;" class="tag" onclick="tagSelected('philosophy')" id="tag_philosophy">philosophy</a> <a href="#popup" style="font-size: 1.0em;" class="tag" onclick="tagSelected('popup')" id="tag_popup">popup</a> <a href="#programmation" style="font-size: 1.0em;" class="tag" onclick="tagSelected('programmation')" id="tag_programmation">programmation</a> <a href="#Programmation" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Programmation')" id="tag_Programmation">Programmation</a> <a href="#programming" style="font-size: 1.34615384615385em;" class="tag" onclick="tagSelected('programming')" id="tag_programming">programming</a> <a href="#protection" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('protection')" id="tag_protection">protection</a> <a href="#regexp" style="font-size: 1.46153846153846em;" class="tag" onclick="tagSelected('regexp')" id="tag_regexp">regexp</a> <a href="#regular_expression" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('regular_expression')" id="tag_regular_expression">regular&nbsp;expression</a> <a href="#remote" style="font-size: 1.0em;" class="tag" onclick="tagSelected('remote')" id="tag_remote">remote</a> <a href="#ruby" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('ruby')" id="tag_ruby">ruby</a> <a href="#R__alit___altern__e" style="font-size: 1.0em;" class="tag" onclick="tagSelected('R__alit___altern__e')" id="tag_R__alit___altern__e">Réalité&nbsp;alternée</a> <a href="#S_MIME" style="font-size: 1.0em;" class="tag" onclick="tagSelected('S_MIME')" id="tag_S_MIME">S/MIME</a> <a href="#Safari" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Safari')" id="tag_Safari">Safari</a> <a href="#science" style="font-size: 1.0em;" class="tag" onclick="tagSelected('science')" id="tag_science">science</a> <a href="#screensaver" style="font-size: 1.0em;" class="tag" onclick="tagSelected('screensaver')" id="tag_screensaver">screensaver</a> <a href="#script" style="font-size: 1.57692307692308em;" class="tag" onclick="tagSelected('script')" id="tag_script">script</a> <a href="#securit__" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('securit__')" id="tag_securit__">securité</a> <a href="#shell" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('shell')" id="tag_shell">shell</a> <a href="#ssh" style="font-size: 1.0em;" class="tag" onclick="tagSelected('ssh')" id="tag_ssh">ssh</a> <a href="#statistiques" style="font-size: 1.0em;" class="tag" onclick="tagSelected('statistiques')" id="tag_statistiques">statistiques</a> <a href="#svn" style="font-size: 1.0em;" class="tag" onclick="tagSelected('svn')" id="tag_svn">svn</a> <a href="#synchronisation" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('synchronisation')" id="tag_synchronisation">synchronisation</a> <a href="#th__orie" style="font-size: 1.0em;" class="tag" onclick="tagSelected('th__orie')" id="tag_th__orie">théorie</a> <a href="#tip" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('tip')" id="tag_tip">tip</a> <a href="#tutoriel" style="font-size: 1.0em;" class="tag" onclick="tagSelected('tutoriel')" id="tag_tutoriel">tutoriel</a> <a href="#Ubuntu" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Ubuntu')" id="tag_Ubuntu">Ubuntu</a> <a href="#utilisateur" style="font-size: 1.0em;" class="tag" onclick="tagSelected('utilisateur')" id="tag_utilisateur">utilisateur</a> <a href="#vi" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vi')" id="tag_vi">vi</a> <a href="#vim" style="font-size: 1.0em;" class="tag" onclick="tagSelected('vim')" id="tag_vim">vim</a> <a href="#web" style="font-size: 2.5em;" class="tag" onclick="tagSelected('web')" id="tag_web">web</a> <a href="#WebDav" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('WebDav')" id="tag_WebDav">WebDav</a> <a href="#webdesign" style="font-size: 1.11538461538462em;" class="tag" onclick="tagSelected('webdesign')" id="tag_webdesign">webdesign</a> <a href="#workflow" style="font-size: 1.0em;" class="tag" onclick="tagSelected('workflow')" id="tag_workflow">workflow</a> <a href="#Xcode" style="font-size: 1.0em;" class="tag" onclick="tagSelected('Xcode')" id="tag_Xcode">Xcode</a> <a href="#zsh" style="font-size: 1.23076923076923em;" class="tag" onclick="tagSelected('zsh')" id="tag_zsh">zsh</a> </div><div id="hiddenDivs" ><div id="analyser" class="list"><h4>analyser</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="analytics" class="list"><h4>analytics</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/">Pourquoi je n'ai pas conservé whos.amung.us <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Apple" class="list"><h4>Apple</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Changer le shell par défaut sous Mac OS X <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-06-iphone-call-filter/">Filtrage d'appel avec l'iPhone <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">Synchronisation avec mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Héberger son site personnel sur le site mobileMe <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh sur le port 443 avec Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Compilation d'économiseur d'écran sous Snow Leopard<small>&copy;</small> <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/04_drm/">Les protections anti-copies sont LE MAL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="arbre" class="list"><h4>arbre</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Arbres&nbsp;; Pragmatisme et Formalisme <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="asynchrone" class="list"><h4>asynchrone</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="awk" class="list"><h4>awk</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/">découper un fichier par mots clés <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Bazaar" class="list"><h4>Bazaar</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/">Git ou Bazaar&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="blacklist" class="list"><h4>blacklist</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-06-iphone-call-filter/">Filtrage d'appel avec l'iPhone <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="blog" class="list"><h4>blog</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/">Maintenant sur Heroku <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/">Comment faire des popups en jQuery rapidement <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/">Récupérez mon système de blog <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-14-multi-language-choices/">choix liés à l'écriture dans plusieurs langues <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/">Je reviens à la vie&nbsp;! <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus contre Intense Debate (pourquois j'ai changé) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="branch" class="list"><h4>branch</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/05_git_create_remote_branch/">Création de branches externe avec Git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="branches" class="list"><h4>branches</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-03-23-Encapsulate-git/">Encapsuler git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="bzr" class="list"><h4>bzr</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/">Git ou Bazaar&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="cacher" class="list"><h4>cacher</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Cappuccino" class="list"><h4>Cappuccino</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Chrome" class="list"><h4>Chrome</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/">N'utilisez pas de gradients avec Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Cocoa" class="list"><h4>Cocoa</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="commentaires" class="list"><h4>commentaires</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously [en] <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="couleurs" class="list"><h4>couleurs</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2011</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/A-more-convenient-diff/">Un diff plus pratique <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="courriel" class="list"><h4>courriel</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Sécurisez vos emails <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="CSS" class="list"><h4>CSS</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-31-New-style-after-holidays/">Nouveau style après les vacances <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/">N'utilisez pas de gradients avec Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="David_Lynch" class="list"><h4>David Lynch</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/03_losthighway/">Lost Highway démystifié (un peu) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="DCVS" class="list"><h4>DCVS</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/">Git ou Bazaar&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="dcvs" class="list"><h4>dcvs</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-untaught-git-usage/">Usages non dits de Git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="design" class="list"><h4>design</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-31-New-style-after-holidays/">Nouveau style après les vacances <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Un menu qui attends avant de se cacher <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/"><em>Focus</em> &gt; Minimalisme <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="diff" class="list"><h4>diff</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2011</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/A-more-convenient-diff/">Un diff plus pratique <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="disqus" class="list"><h4>disqus</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus contre Intense Debate (pourquois j'ai changé) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously [en] <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="drm" class="list"><h4>drm</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/04_drm/">Les protections anti-copies sont LE MAL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="editor" class="list"><h4>editor</h4><ul style="list-style-type: none; margin: 0;">
                     <li style="line-height: 3em; margin: 0;">
                         <span class="date">
         <span class="day">25</span>
@@ -256,6 +729,951 @@ Bon, d&rsquo;accord, même si vous ne téléchargez pas mon application vous pou
     </span> 
                         <a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
                     </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="email" class="list"><h4>email</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Sécurisez vos emails <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">Envoyer un mail en ligne de commande avec un fichier attaché <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="expressions_r__guli__res" class="list"><h4>expressions régulières</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/">Quand se passer des expressions régulières&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="extension" class="list"><h4>extension</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/">Quand se passer des expressions régulières&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="fichier" class="list"><h4>fichier</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/">Quand se passer des expressions régulières&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="film" class="list"><h4>film</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/03_losthighway/">Lost Highway démystifié (un peu) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="filter" class="list"><h4>filter</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-06-iphone-call-filter/">Filtrage d'appel avec l'iPhone <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Firefox" class="list"><h4>Firefox</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/">N'utilisez pas de gradients avec Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Fonts" class="list"><h4>Fonts</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">Fontes adoucies sous Ubuntu Firefox <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="git" class="list"><h4>git</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2011</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/A-more-convenient-diff/">Un diff plus pratique <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Utilisation de git pour calculer les mtimes <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-03-23-Encapsulate-git/">Encapsuler git <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-03-22-Git-Tips/">Astuces Git <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/">Git ou Bazaar&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Nov</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-11-12-Git-for-n00b/">Git pour les nuls <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-untaught-git-usage/">Usages non dits de Git <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/06_How_I_use_git/">Git en solo <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/05_git_create_remote_branch/">Création de branches externe avec Git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Google" class="list"><h4>Google</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="HTML" class="list"><h4>HTML</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="indecidability" class="list"><h4>indecidability</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-09-Indecidabilities/">Indécidabilités (partie 1) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="intense_debate" class="list"><h4>intense debate</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus contre Intense Debate (pourquois j'ai changé) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously [en] <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="iPhone" class="list"><h4>iPhone</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 et sha1 sur iPhone <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-12-06-iphone-call-filter/">Filtrage d'appel avec l'iPhone <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="iTunes" class="list"><h4>iTunes</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/04_drm/">Les protections anti-copies sont LE MAL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="javascript" class="list"><h4>javascript</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/">Comment faire des popups en jQuery rapidement <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Un menu qui attends avant de se cacher <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud [en] <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously [en] <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="jQuery" class="list"><h4>jQuery</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/">Comment faire des popups en jQuery rapidement <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/">Une CSS pour IE seulement <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Un menu qui attends avant de se cacher <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/"><em>Focus</em> &gt; Minimalisme <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/">Charger une page web avec style <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud [en] <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="langues" class="list"><h4>langues</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">14</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-14-multi-language-choices/">choix liés à l'écriture dans plusieurs langues <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Linux" class="list"><h4>Linux</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">Fontes adoucies sous Ubuntu Firefox <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="local" class="list"><h4>local</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/05_git_create_remote_branch/">Création de branches externe avec Git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Lost_Highway" class="list"><h4>Lost Highway</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/03_losthighway/">Lost Highway démystifié (un peu) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mac" class="list"><h4>mac</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Sécurisez vos emails <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh sur le port 443 avec Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Compilation d'économiseur d'écran sous Snow Leopard<small>&copy;</small> <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Mac" class="list"><h4>Mac</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Changer le shell par défaut sous Mac OS X <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="math__matiques" class="list"><h4>mathématiques</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-09-Indecidabilities/">Indécidabilités (partie 1) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Arbres&nbsp;; Pragmatisme et Formalisme <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="mobileme" class="list"><h4>mobileme</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">Synchronisation avec mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Héberger son site personnel sur le site mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="nanoc" class="list"><h4>nanoc</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Utilisation de git pour calculer les mtimes <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/">Récupérez mon système de blog <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Objective_C" class="list"><h4>Objective-C</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 et sha1 sur iPhone <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="OS_X" class="list"><h4>OS X</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Changer le shell par défaut sous Mac OS X <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="philosophy" class="list"><h4>philosophy</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-09-Indecidabilities/">Indécidabilités (partie 1) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="popup" class="list"><h4>popup</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/">Comment faire des popups en jQuery rapidement <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="programmation" class="list"><h4>programmation</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/">Quand se passer des expressions régulières&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Programmation" class="list"><h4>Programmation</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 et sha1 sur iPhone <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="programming" class="list"><h4>programming</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/">N'utilisez pas de gradients avec Chrome <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-untaught-git-usage/">Usages non dits de Git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="protection" class="list"><h4>protection</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-03-23-Encapsulate-git/">Encapsuler git <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/04_drm/">Les protections anti-copies sont LE MAL <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="regexp" class="list"><h4>regexp</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Arbres&nbsp;; Pragmatisme et Formalisme <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/">Quand se passer des expressions régulières&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">16</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/">Tout sauf quelquechose en expression régulière. <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-15-All-but-something-regexp/">Expression régulière pour tout sauf quelquechose <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-replace-all-except-some-part/">Remplacer tout sauf une partie <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="regular_expression" class="list"><h4>regular expression</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">16</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/">Tout sauf quelquechose en expression régulière. <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">15</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-15-All-but-something-regexp/">Expression régulière pour tout sauf quelquechose <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-replace-all-except-some-part/">Remplacer tout sauf une partie <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="remote" class="list"><h4>remote</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/05_git_create_remote_branch/">Création de branches externe avec Git <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="ruby" class="list"><h4>ruby</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud [en] <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-replace-all-except-some-part/">Remplacer tout sauf une partie <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="R__alit___altern__e" class="list"><h4>Réalité alternée</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">4</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/03_losthighway/">Lost Highway démystifié (un peu) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="S_MIME" class="list"><h4>S/MIME</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Sécurisez vos emails <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Safari" class="list"><h4>Safari</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/">N'utilisez pas de gradients avec Chrome <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="science" class="list"><h4>science</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-09-Indecidabilities/">Indécidabilités (partie 1) <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="screensaver" class="list"><h4>screensaver</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Compilation d'économiseur d'écran sous Snow Leopard<small>&copy;</small> <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="script" class="list"><h4>script</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Arbres&nbsp;; Pragmatisme et Formalisme <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/">découper un fichier par mots clés <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">Synchronisation avec mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/">lancer un démon en ligne de commande <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Héberger son site personnel sur le site mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="securit__" class="list"><h4>securité</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Sécurisez vos emails <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh sur le port 443 avec Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="shell" class="list"><h4>shell</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">Envoyer un mail en ligne de commande avec un fichier attaché <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/">découper un fichier par mots clés <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/">lancer un démon en ligne de commande <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="ssh" class="list"><h4>ssh</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh sur le port 443 avec Snow Leopard <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="statistiques" class="list"><h4>statistiques</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="svn" class="list"><h4>svn</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/06_How_I_use_git/">Git en solo <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="synchronisation" class="list"><h4>synchronisation</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">Synchronisation avec mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Héberger son site personnel sur le site mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="th__orie" class="list"><h4>théorie</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">24</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Arbres&nbsp;; Pragmatisme et Formalisme <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="tip" class="list"><h4>tip</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-03-22-Git-Tips/">Astuces Git <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/">lancer un démon en ligne de commande <span class="nicer">»</span></a>
+                    </li>
 </ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="tutoriel" class="list"><h4>tutoriel</h4><ul style="list-style-type: none; margin: 0;">
                     <li style="line-height: 3em; margin: 0;">
                         <span class="date">
@@ -265,6 +1683,24 @@ Bon, d&rsquo;accord, même si vous ne téléchargez pas mon application vous pou
     </span> 
                         <a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
                     </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Ubuntu" class="list"><h4>Ubuntu</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">Fontes adoucies sous Ubuntu Firefox <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="utilisateur" class="list"><h4>utilisateur</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site <span class="nicer">»</span></a>
+                    </li>
 </ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="vi" class="list"><h4>vi</h4><ul style="list-style-type: none; margin: 0;">
                     <li style="line-height: 3em; margin: 0;">
                         <span class="date">
@@ -283,6 +1719,213 @@ Bon, d&rsquo;accord, même si vous ne téléchargez pas mon application vous pou
     </span> 
                         <a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement <span class="nicer">»</span></a>
                     </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="web" class="list"><h4>web</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Utilisation de git pour calculer les mtimes <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">Envoyer un mail en ligne de commande avec un fichier attaché <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-31-New-style-after-holidays/">Nouveau style après les vacances <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/">N'utilisez pas de gradients avec Chrome <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;? <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">19</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/">Comment faire des popups en jQuery rapidement <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/">Une CSS pour IE seulement <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Un menu qui attends avant de se cacher <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/"><em>Focus</em> &gt; Minimalisme <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/">Charger une page web avec style <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus contre Intense Debate (pourquois j'ai changé) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud [en] <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously [en] <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/">Pourquoi je n'ai pas conservé whos.amung.us <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="WebDav" class="list"><h4>WebDav</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">Synchronisation avec mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Héberger son site personnel sur le site mobileMe <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="webdesign" class="list"><h4>webdesign</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/">Une CSS pour IE seulement <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/">Charger une page web avec style <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="workflow" class="list"><h4>workflow</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">18</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/06_How_I_use_git/">Git en solo <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="Xcode" class="list"><h4>Xcode</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Compilation d'économiseur d'écran sous Snow Leopard<small>&copy;</small> <span class="nicer">»</span></a>
+                    </li>
+</ul><a class="return" href="#tagcloud">&uarr;</a></div><div id="zsh" class="list"><h4>zsh</h4><ul style="list-style-type: none; margin: 0;">
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">Synchronisation avec mobileme (2) <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/">lancer un démon en ligne de commande <span class="nicer">»</span></a>
+                    </li>
+
+                    <li style="line-height: 3em; margin: 0;">
+                        <span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> 
+                        <a href="/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Héberger son site personnel sur le site mobileMe <span class="nicer">»</span></a>
+                    </li>
 </ul><a class="return" href="#tagcloud">&uarr;</a></div></div>
 </div>
 </div>
@@ -293,7 +1936,11 @@ Bon, d&rsquo;accord, même si vous ne téléchargez pas mon application vous pou
         <span class="day">4</span>
         <span class="month">Oct</span>
         <span class="year">2011</span>
-    </span> <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Yesod excellent ideas<span class="nicer">»</span></a></li><li><span class="date">
+    </span> <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Les idées de yesod<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/fr/blog/Higher-order-function-in-zsh/">Fonctions d'ordre supérieur en zsh<span class="nicer">»</span></a></li><li><span class="date">
         <span class="day">28</span>
         <span class="month">Sep</span>
         <span class="year">2011</span>
@@ -302,10 +1949,238 @@ Bon, d&rsquo;accord, même si vous ne téléchargez pas mon application vous pou
         <span class="month">Aoû</span>
         <span class="year">2011</span>
     </span> <a href="/Scratch/fr/blog/Learn-Vim-Progressively/">Apprenez Vim Progressivement<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/fr/blog/A-more-convenient-diff/">Un diff plus pratique<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">10</span>
+        <span class="month">Jul</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/fr/blog/Haskell-Mandelbrot/">Mandelbrot avec haskell<span class="nicer">»</span></a></li><li><span class="date">
         <span class="day">18</span>
         <span class="month">Mai</span>
         <span class="year">2011</span>
-    </span> <a href="/Scratch/fr/blog/Password-Management/">Password Management<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2011').hide()</script></div>
+    </span> <a href="/Scratch/fr/blog/Password-Management/">Password Management<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">20</span>
+        <span class="month">Avr</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/">Hébergement github<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">3</span>
+        <span class="month">Jan</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/">Pourquoi je n'utiliserai pas CoffeeScript (malheureusement)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">1</span>
+        <span class="month">Jan</span>
+        <span class="year">2011</span>
+    </span> <a href="/Scratch/fr/blog/2011-01-03-Happy-New-Year/">Bonne et heureuse année<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2011').hide()</script><h4 class="button" onclick="$('#archives_2010').slideToggle()">[2010]</h4><ul id="archives_2010"><li><span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/">Des macros LaTeX pour markdown<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">14</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-10-14-Fun-with-wav/">S'amuser avec un .wav<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/">Sécurisez vos emails<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">6</span>
+        <span class="month">Oct</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/">Contraintes du design de ce blog<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Utilisation de git pour calculer les mtimes<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">2</span>
+        <span class="month">Sep</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 et sha1 sur iPhone<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">31</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/">Envoyer un mail en ligne de commande avec un fichier attaché<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/">Maintenant sur Heroku<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">11</span>
+        <span class="month">Aoû</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-07-09-Indecidabilities/">Indécidabilités (partie 1)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">31</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-07-31-New-style-after-holidays/">Nouveau style après les vacances<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">7</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/">N'utilisez pas de gradients avec Chrome<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">5</span>
+        <span class="month">Jul</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/">Cappuccino ou jQuery&nbsp;?<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">19</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/">Comment faire des popups en jQuery rapidement<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/">Se cacher de ses statistiques web<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/">Analyser les clicks sur votre Site<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">15</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/">Récupérez mon système de blog<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">14</span>
+        <span class="month">Jui</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-06-14-multi-language-choices/">choix liés à l'écriture dans plusieurs langues<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">24</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/">Arbres&nbsp;; Pragmatisme et Formalisme<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">19</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/">Comment réparer un XML coupé&nbsp;?<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Mai</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/">Je reviens à la vie&nbsp;!<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-03-23-Encapsulate-git/">Encapsuler git<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Mar</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-03-22-Git-Tips/">Astuces Git<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/">Quand se passer des expressions régulières&nbsp;?<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">18</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/">découper un fichier par mots clés<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">16</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/">Tout sauf quelquechose en expression régulière.<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">15</span>
+        <span class="month">Fév</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-02-15-All-but-something-regexp/">Expression régulière pour tout sauf quelquechose<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">12</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/">Fontes adoucies sous Ubuntu Firefox<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">4</span>
+        <span class="month">Jan</span>
+        <span class="year">2010</span>
+    </span> <a href="/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/">Changer le shell par défaut sous Mac OS X<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2010').hide()</script><h4 class="button" onclick="$('#archives_2009').slideToggle()">[2009]</h4><ul id="archives_2009"><li><span class="date">
+        <span class="day">14</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/">Git ou Bazaar&nbsp;?<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">6</span>
+        <span class="month">Déc</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-12-06-iphone-call-filter/">Filtrage d'appel avec l'iPhone<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">12</span>
+        <span class="month">Nov</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-11-12-Git-for-n00b/">Git pour les nuls<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">30</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/">Une CSS pour IE seulement<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">28</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/">Synchronisation avec mobileme (2)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">26</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/">Un menu qui attends avant de se cacher<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/">lancer un démon en ligne de commande<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/"><em>Focus</em> &gt; Minimalisme<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">13</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-10-untaught-git-usage/">Usages non dits de Git<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">3</span>
+        <span class="month">Oct</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/">Charger une page web avec style<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">28</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/">Disqus contre Intense Debate (pourquois j'ai changé)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">23</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/">jQuery Tag Cloud [en]<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/2009-09-replace-all-except-some-part/">Remplacer tout sauf une partie<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">Load Disqus Asynchronously [en]<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/">Héberger son site personnel sur le site mobileMe<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">11</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/">Pourquoi je n'ai pas conservé whos.amung.us<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">7</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh sur le port 443 avec Snow Leopard<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">6</span>
+        <span class="month">Sep</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Compilation d'économiseur d'écran sous Snow Leopard<small>&copy;</small><span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">18</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/06_How_I_use_git/">Git en solo<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">17</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/05_git_create_remote_branch/">Création de branches externe avec Git<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">15</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/04_drm/">Les protections anti-copies sont LE MAL<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">4</span>
+        <span class="month">Aoû</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/03_losthighway/">Lost Highway démystifié (un peu)<span class="nicer">»</span></a></li><li><span class="date">
+        <span class="day">22</span>
+        <span class="month">Jul</span>
+        <span class="year">2009</span>
+    </span> <a href="/Scratch/fr/blog/02_ackgrep/">Mieux que grep<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2009').hide()</script><h4 class="button" onclick="$('#archives_2008').slideToggle()">[2008]</h4><ul id="archives_2008"><li><span class="date">
+        <span class="day">10</span>
+        <span class="month">Oct</span>
+        <span class="year">2008</span>
+    </span> <a href="/Scratch/fr/blog/01_nanoc/">nanoc<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2008').hide()</script></div>
 
 <h2 id="un-petit-mot-sur-le-contenu"> 
 Un petit mot sur le contenu
diff --git a/output/Scratch/fr/blog/mvc/index.html b/output/Scratch/fr/blog/mvc/index.html
index 53985ccc2..5b611df2b 100644
--- a/output/Scratch/fr/blog/mvc/index.html
+++ b/output/Scratch/fr/blog/mvc/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Les raisons du MVC</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
diff --git a/output/Scratch/fr/blog/programming-language-experience/index.html b/output/Scratch/fr/blog/programming-language-experience/index.html
index 8c5abe55a..fcde76a99 100644
--- a/output/Scratch/fr/blog/programming-language-experience/index.html
+++ b/output/Scratch/fr/blog/programming-language-experience/index.html
@@ -26,7 +26,7 @@
         -->
         <title>Mon expérience avec les languages de programmation</title>
     </head>
-    <body lang="fr">
+    <body lang="fr" class="article">
         <script type="text/javascript">// <![CDATA[
             document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
             // ]]>
@@ -532,20 +532,28 @@ Cependant, j&rsquo;ai utilisé tous les langages dont j&rsquo;ai parlé.</p>
                         
                         
                         <div class="previous_article">
-                            <a href="/Scratch/fr/blog/Password-Management/"><span class="nicer">«</span>&nbsp;Password Management</a>
+                            <a href="/Scratch/fr/blog/A-more-convenient-diff/"><span class="nicer">«</span>&nbsp;Un diff plus pratique</a>
                         </div>
                         
                         
+                        <div class="previous_article">
+                            <a href="/Scratch/fr/blog/Haskell-Mandelbrot/"><span class="nicer">«</span>&nbsp;Mandelbrot avec haskell</a>
+                        </div>
+                        
                         
                     </div>
                     <div id="next_articles">
                         articles suivants
                         
                         <div class="next_article">
-                            <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Yesod excellent ideas&nbsp;<span class="nicer">»</span></a>
+                            <a href="/Scratch/fr/blog/Higher-order-function-in-zsh/">Fonctions d'ordre supérieur en zsh&nbsp;<span class="nicer">»</span></a>
                         </div>
                         
                         
+                        <div class="next_article">
+                            <a href="/Scratch/fr/blog/Yesod-excellent-ideas/">Les idées de yesod&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
                         
                         
                     </div>
diff --git a/output/Scratch/fr/index.html b/output/Scratch/fr/index.html
index e25609d67..55d44b8b6 100644
--- a/output/Scratch/fr/index.html
+++ b/output/Scratch/fr/index.html
@@ -68,7 +68,7 @@
                 </a>
             </h3>
             <p>
-            Ordinateurs, philosophie <i>&amp;</i> des choses de la vie. 
+            Ordinateurs, philosophie <em>&amp;</em> des choses de la vie. 
             </p>
         </div>
         <div class="block left">
@@ -80,7 +80,7 @@
             </h3>
             <p>
             Des économiseurs d'écran,
-            un gestionnaire de mots de passe <i>&amp;</i>
+            un gestionnaire de mots de passe <em>&amp;</em>
             des applications scientifiques.
             </p>
         </div>
@@ -119,7 +119,7 @@
             </h3>
             <p>
             Informatique:<br/>
-            TD, TD <i>&amp;</i> solutions<br/>
+            TD, TD <em>&amp;</em> solutions<br/>
             BAC+1 à BAC+5<br/>
             <i><a href="http://yann.esposito.free.fr/enseignement/projetrez0/projetrez0.html">Projet réseau anonyme
                         <span class="nicer">»</span></a>
@@ -148,7 +148,7 @@
                     <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
                 </div>
                 <div id="lastmod">
-                    modifié le : 03/10/2011 
+                    modifié le : 19/10/2011 
                 </div>
                 <div>
                     Site entièrement réalisé avec
diff --git a/output/Scratch/sitemap.xml b/output/Scratch/sitemap.xml
index 5e0321cd6..ba8431340 100644
--- a/output/Scratch/sitemap.xml
+++ b/output/Scratch/sitemap.xml
@@ -1,31 +1,467 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns="http://www.google.com/schemas/sitemap/0.84">
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/about/contact/</loc>
+    <loc>http://yannesposito.com/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/rss/</loc>
-    <lastmod>2011-09-30</lastmod>
+    <loc>http://yannesposito.com/Scratch/en/about/contact/</loc>
+    <lastmod>2011-10-18</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/blog/Password-Management/</loc>
-    <lastmod>2011-10-04</lastmod>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics/</loc>
+    <lastmod>2011-10-18</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/blog/Yesod-excellent-ideas/</loc>
-    <lastmod>2011-10-04</lastmod>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/Yesod-excellent-ideas/</loc>
+    <lastmod>2011-10-19</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/softwares/ypassword/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/Password-Management/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/Higher-order-function-in-zsh/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/about/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-10-26-LaTeX-like-macro-and-markdown/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-10-06-New-Blog-Design-Constraints/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/softwares/ypassword/iphoneweb/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/commandes-avancees/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-09-replace-all-except-some-part/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_1/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/mvc/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-02-18-split-a-file-by-keyword/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_2/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/softwares/yaquabubbles/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-10-Focus-vs-Minimalism/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_3/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-03-22-Git-Tips/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-07-09-Indecidabilities/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/03_losthighway_4/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-07-05-Cappuccino-and-Web-applications/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-12-06-iphone-call-filter/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/01_nanoc/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-02-15-All-but-something-regexp/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_1/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/11_Load_Disqus_Asynchronously/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/softwares/ypassword/web/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/05_git_create_remote_branch/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-10-untaught-git-usage/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/11_Load_Disqus_Asynchronously/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-10-26-LaTeX-like-macro-and-markdown/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_2/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/about/cv/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-06-15-Get-my-blog-engine/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/Haskell-Mandelbrot/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/about/technical_details/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/mvc/</loc>
+    <lastmod>2011-10-03</lastmod>
   </url>
   <url>
     <loc>http://yannesposito.com/Scratch/en/blog/programming-language-experience/</loc>
-    <lastmod>2011-10-04</lastmod>
+    <lastmod>2011-10-18</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/blog/</loc>
+    <loc>http://yannesposito.com/Scratch/en/validation/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/web/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_3/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/Higher-order-function-in-zsh/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-10-untaught-git-usage/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/softwares/yclock/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2011-01-03-Happy-New-Year/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/03_losthighway_4/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-05-17-at-least-this-blog-revive/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/02_ackgrep/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/03_losthighway/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/about/old/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/programming-language-experience/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-07-07-CSS-rendering-problems-by-navigator/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-12-06-iphone-call-filter/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/about/contact/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-07-31-New-style-after-holidays/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/softwares/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-10-14-Fun-with-wav/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/Yesod-excellent-ideas/</loc>
+    <lastmod>2011-10-19</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/02_ackgrep/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-02-15-All-but-something-regexp/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-09-replace-all-except-some-part/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/about/old/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/06_How_I_use_git/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/about/cv/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2011-04-20-Now-hosted-on-github/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/Password-Management/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/A-more-convenient-diff/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/feed/feed.xml</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/validation/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-08-23-Now-heberged-on-heroku/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-06-14-multi-language-choices/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-10-14-Fun-with-wav/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/A-more-convenient-diff/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2011-01-03-Happy-New-Year/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-08-31-send-mail-from-command-line-with-attached-file/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
@@ -33,143 +469,251 @@
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/about/</loc>
-    <lastmod>2011-09-30</lastmod>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-07-31-New-style-after-holidays/</loc>
+    <lastmod>2011-10-18</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/softwares/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-12-14-Git-vs--Bzr/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/about/cv/</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/fr/softwares/</loc>
+    <loc>http://yannesposito.com/Scratch/en/blog/06_How_I_use_git/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/blog/feed/feed.xml</loc>
-    <lastmod>2011-09-30</lastmod>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/</loc>
+    <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/</loc>
-    <lastmod>2011-09-30</lastmod>
+    <loc>http://yannesposito.com/Scratch/fr/blog/03_losthighway/</loc>
+    <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/about/</loc>
-    <lastmod>2011-09-30</lastmod>
+    <loc>http://yannesposito.com/Scratch/en/rss/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-10-launch-daemon-from-command-line/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-06-15-Get-my-blog-engine/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-03-22-Git-Tips/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-03-23-Encapsulate-git/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/Haskell-Mandelbrot/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-05-24-Trees--Pragmatism-and-Formalism/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-02-16-All-but-something-regexp--2-/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-10-06-New-Blog-Design-Constraints/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/web/</loc>
+    <lastmod>2011-10-03</lastmod>
   </url>
   <url>
     <loc>http://yannesposito.com/Scratch/fr/blog/Learn-Vim-Progressively/</loc>
-    <lastmod>2011-10-04</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/fr/softwares/yclock/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/about/cv/</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/about/old/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-03-23-Encapsulate-git/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/blog/Password-Management/</loc>
-    <lastmod>2011-10-04</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/fr/about/old/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/conf-et-install/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/validation/</loc>
-    <lastmod>2011-09-30</lastmod>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-10-launch-daemon-from-command-line/</loc>
+    <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/blog/Yesod-excellent-ideas/</loc>
-    <lastmod>2011-10-04</lastmod>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/assets/css/main.css</loc>
+    <lastmod>2011-10-19</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/rss/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2011-04-20-Now-hosted-on-github/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2011-01-03-Why-I-sadly-won-t-use-coffeescript/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/about/technical_details/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/04_drm/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-06-17-hide-yourself-to-analytics/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-10-10-Secure-eMail-on-Mac-in-few-steps/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-10-30-How-to-handle-evil-IE/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-07-09-Indecidabilities/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/01_nanoc/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/about/</loc>
+    <lastmod>2011-10-03</lastmod>
   </url>
   <url>
     <loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/iphoneweb/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-05-19-How-to-cut-HTML-and-repair-it/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/softwares/yaquabubbles/</loc>
+    <loc>http://yannesposito.com/Scratch/en/softwares/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/blog/Learn-Vim-Progressively/</loc>
-    <lastmod>2011-10-04</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/softwares/yclock/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/comprendre/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/softwares/ypassword/</loc>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2010-06-14-multi-language-choices/</loc>
+    <lastmod>2011-10-18</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-11-12-Git-for-n00b/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/05_git_create_remote_branch/</loc>
+    <lastmod>2011-10-03</lastmod>
+  </url>
+  <url>
+    <loc>http://yannesposito.com/Scratch/en/blog/feed/feed.xml</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
     <loc>http://yannesposito.com/Scratch/sitemap.xml</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/assets/css/main.css</loc>
-    <lastmod>2011-10-04</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/fr/blog/feed/feed.xml</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/fr/softwares/ypassword/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/en/about/technical_details/</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/rss/</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/validation/</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/blog/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/softwares/yclock/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/</loc>
+    <loc>http://yannesposito.com/Scratch/fr/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/about/technical_details/</loc>
-    <lastmod>2011-09-30</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/softwares/ypassword/iphoneweb/</loc>
+    <loc>http://yannesposito.com/Scratch/en/blog/04_drm/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
   <url>
-    <loc>http://yannesposito.com/Scratch/fr/blog/programming-language-experience/</loc>
-    <lastmod>2011-10-04</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/about/contact/</loc>
-    <lastmod>2011-10-03</lastmod>
-  </url>
-  <url>
-    <loc>http://yannesposito.com/Scratch/en/softwares/ypassword/web/</loc>
+    <loc>http://yannesposito.com/Scratch/en/blog/2009-12-14-Git-vs--Bzr/</loc>
     <lastmod>2011-10-03</lastmod>
   </url>
 </urlset>
diff --git a/output/index.html b/output/index.html
index 0e69dfffc..604899400 100644
--- a/output/index.html
+++ b/output/index.html
@@ -188,7 +188,7 @@
                     <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
                 </div>
                 <div id="lastmod">
-                    Modified: 10/03/2011 
+                    Modified: 10/19/2011 
                 </div>
                 <div>
                     Entirely done with