From Scratch to n3blog

Rules

@@ -14,25 +14,25 @@ compile '/css/*' do
     filter :rainpress
 end
 route '/css/*' do
-    '/Scratch/assets' + item.identifier.chop + '.css'
+    '/n3blog/assets' + item.identifier.chop + '.css'
 end
 compile '/img/*' do
 end
 route '/img/*' do
-    '/Scratch/assets' + item.identifier.chop + '.png'
+    '/n3blog/assets' + item.identifier.chop + '.png'
 end
 
 compile '/css/raw/*' do
 end
 route '/css/raw/*' do
-    '/Scratch' + item.identifier.sub(/raw\//,'').chop + '.css'
+    '/n3blog' + item.identifier.sub(/raw\//,'').chop + '.css'
 end
 
 # JS
 compile '/js/*' do
 end
 route '/js/*' do
-    '/Scratch/assets' + item.identifier.chop + '.js'
+    '/n3blog/assets' + item.identifier.chop + '.js'
 end
 
 compile '/html' do
@@ -81,7 +81,7 @@ compile '/html/*' do
 end
 
 route '/html/*' do
-  '/Scratch' + item.identifier.sub('/html','') + 'index.html'
+  '/n3blog' + item.identifier.sub('/html','') + 'index.html'
 end
 
 # feed
@@ -90,17 +90,17 @@ compile '/xml/*' do
 end
 
 route '/xml/en/*' do
-    '/Scratch/en/blog/feed/feed.xml'
+    '/n3blog/en/blog/feed/feed.xml'
 end
 route '/xml/fr/*' do
-    '/Scratch/fr/blog/feed/feed.xml'
+    '/n3blog/fr/blog/feed/feed.xml'
 end
 
 compile '/sitemap/*' do
     layout 'sitemap'
 end
 route '/sitemap/*' do
-    '/Scratch/sitemap.xml'
+    '/n3blog/sitemap.xml'
 end
 
 layout '*', :erb

config.yaml

@@ -5,7 +5,7 @@ data_sources:
   type: filesystem_unified
 output_dir: output
 ultraviolet_theme: "twilight"
-webprefix: "/Scratch"
+webprefix: "/n3blog"
 base_url: "http://yannesposito.com"
 author_uri: "http://yannesposito.com"
 rss_uri:

content/html/en/about.md

@@ -5,7 +5,7 @@ menupriority: 4
 
 ## To better know me
 
-![Une photo de moi](/Scratch/img/about/yann1.jpg)
+![Une photo de moi](/n3blog/img/about/yann1.jpg)
 
 <div class="en">
     <desc miscellanious informations>

content/html/en/about/contact.md

@@ -4,7 +4,7 @@ menupriority: 1
 -----
 # How to contact me
 
-<img src="/Scratch/img/about/avatar.png" alt="Avatar" class="left"/>
+<img src="/n3blog/img/about/avatar.png" alt="Avatar" class="left"/>
 
 <%= mail_perso %>  
   Follow me on [twitter](http://twitter.com/yogsototh)  

content/html/en/about/cv.erb

@@ -16,8 +16,8 @@ menupriority: 3
 -----
 
 <div style="text-align: center">
-    <a href="/Scratch/files/cv_en.pdf">
+    <a href="/n3blog/files/cv_en.pdf">
-        <img class="inside" src="/Scratch/img/about/cv/cv.png" alt="preview cv"/>
+        <img class="inside" src="/n3blog/img/about/cv/cv.png" alt="preview cv"/>
         &darr; pdf version
     </a>
 </div>

content/html/en/blog.erb

@@ -7,7 +7,7 @@ noSubMenu: true
 <% 
     number_of_articles=5
     number_of_char_for_resume=800
-    language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'') 
+    language=@item_rep.path.sub(/\/n3blog\//,'').sub(/\/.*$/,'') 
     last_articles = @items.select do |a| 
             a.reps[0].path =~ /\/#{language}\//  && a[:kind] == 'article'
     end

content/html/en/blog/06_How_I_use_git.md

@@ -47,10 +47,10 @@ for example mine is:
 *.swp
 .DS_Store
 ikog.py.bak
-output/Scratch/assets
+output/n3blog/assets
-output/Scratch/en
+output/n3blog/en
-output/Scratch/fr
+output/n3blog/fr
-output/Scratch/multi
+output/n3blog/multi
 </code>
 </div>
 

content/html/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe.md

@@ -19,7 +19,7 @@ tags:
 # Update <small>(2009/10/28)</small>
 
 
-I [updated my script](/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-) which is now incremental. Since the writing of this article, Apple(c) had made many efforts about the bandwith of its European servers.
+I [updated my script](/n3blog/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-) which is now incremental. Since the writing of this article, Apple(c) had made many efforts about the bandwith of its European servers.
 
 
 newcorps
@@ -116,7 +116,7 @@ if [[ ! $1 = '-s' ]]; then
     result=1
     essai=1
     while (( $result > 0 )); do
-        rsync -arv $root/Scratch/ $destRep.tmp
+        rsync -arv $root/n3blog/ $destRep.tmp
         result=$?
         if (( $result > 0 )); then
             print -P -- "%BEchec du rsync%b (essai n°$essai)" >&2
@@ -222,7 +222,7 @@ if [[ ! $1 = '-s' ]]; then
     result=1
     essai=1
     while (( $result > 0 )); do
-        rsync -arv $root/Scratch/ $destRep.tmp
+        rsync -arv $root/n3blog/ $destRep.tmp
         result=$?
         if (( $result > 0 )); then
             print -P -- "%Brsync failed%b (try n°$essai)" >&2

content/html/en/blog/11_Load_Disqus_Asynchronously.md

@@ -71,7 +71,7 @@ If you forget the `window.disqus_no_style=true;` then your page will be blank. S
 
 ### CSS
 
-But with this option you still need to provide a CSS. This is why you have to copy the css code from the `embed.js` file and rewrite it in a CSS file. You can [download the CSS](/Scratch/en/blog/11_Load_Disqus_Asynchronously/code/original_disqus.css) I obtained.
+But with this option you still need to provide a CSS. This is why you have to copy the css code from the `embed.js` file and rewrite it in a CSS file. You can [download the CSS](/n3blog/en/blog/11_Load_Disqus_Asynchronously/code/original_disqus.css) I obtained.
 
 ---
 

content/html/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-.md

@@ -16,7 +16,7 @@ tags:
 
 # [Disqus](http://disqus.com/) *vs.* [Intense Debate](http://intensedebate.com/)
 
-I made a blog entry about how I tried to integrate [Disqus](http://disqus.com). I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a "non-blocking" way. Unfortunately, I had [difficulties to make it works correctly](/Scratch/en/blog/11_Load_Disqus_Asynchronously/). 
+I made a blog entry about how I tried to integrate [Disqus](http://disqus.com). I had to wait Disqus comment to be displayed before loading correctly my page. This is why I tried to include it in a "non-blocking" way. Unfortunately, I had [difficulties to make it works correctly](/n3blog/en/blog/11_Load_Disqus_Asynchronously/). 
 
 Furthermore, it was not trivial to make comment to be shared between multiple version of the same page (each page has three differents representations, one for each language and one more for the multi-language version).
 

content/html/en/blog/2009-09-jQuery-Tag-Cloud.md

@@ -230,7 +230,7 @@ end
 </code>
 </div>
 
-You can [download the complete file](/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/code/tag.rb) to put in your 'lib' directory.
+You can [download the complete file](/n3blog/en/blog/2009-09-jQuery-Tag-Cloud/code/tag.rb) to put in your 'lib' directory.
 
 Of course to be nice you need the associated CSS
 

content/html/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-.md

@@ -15,7 +15,7 @@ tags:
   - script
 
 -----
-I already talked about how [I synchronized my website with mobileme](/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe). I ameliorated this script in order to make it incremental.
+I already talked about how [I synchronized my website with mobileme](/n3blog/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe). I ameliorated this script in order to make it incremental.
 
 Here is my new script, it first create a map which associate to each file its hash. After that it compare this file to the remote one. Then for each different file, update the content.
 

content/html/en/blog/2009-10-How-to-preload-your-site-with-style.md

@@ -22,7 +22,7 @@ Here is a live example of what appear while loading my pages.
     <p>Click me to see me disapear again.</p>
     <div id="todisapear" style="color: #000; position:absolute;top:0;left:0;text-align: center; padding-top: 1em; width: 100%; background-color: #eee; height: 8em;">
     Loading...
-    <img style="border: none; background-color: none; background: none" src="/Scratch/img/loading.gif" alt="loading logo"/>
+    <img style="border: none; background-color: none; background: none" src="/n3blog/img/loading.gif" alt="loading logo"/>
     </div>
     <script>
     function Rabbit(){

content/html/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery.md

@@ -14,7 +14,7 @@ tags:
 
 -----
 
-I discussed [earlier why I prefer to hide my navigation menu](/Scratch/en/blog/2009-10-Focus-vs-Minimalism). I finally decided to hide it only after a short time. Just the time needed for a user to see it. But how make it disappear only when it is not used for some time?
+I discussed [earlier why I prefer to hide my navigation menu](/n3blog/en/blog/2009-10-Focus-vs-Minimalism). I finally decided to hide it only after a short time. Just the time needed for a user to see it. But how make it disappear only when it is not used for some time?
 
 Here is how to accomplish that easily.
 

content/html/en/blog/2010-02-16-All-but-something-regexp--2-.md

@@ -105,4 +105,4 @@ And it works in only 9 lines for any beginning and ending string. This solution
 <small><a name="note1"><sup>&dagger;</sup></a> I know I used an HTML syntax example, but in my real life usage, I needed to match between `en:` and `::`. And sometimes the string could finish with `e::`.</small>
     
 
-[previouspost]: /Scratch/en/blog/2010-02-16-All-but-something-regexp--2- "All but something regexp"
+[previouspost]: /n3blog/en/blog/2010-02-16-All-but-something-regexp--2- "All but something regexp"

content/html/en/blog/2010-06-15-Get-my-blog-engine.md

@@ -105,7 +105,7 @@ multi/blog/2010-06-01-the-title/third_part.md
 
 ### mobileme
 
-All files are intended to be generated into the `output/Scratch` directory.
+All files are intended to be generated into the `output/n3blog` directory.
 This was made like that to work nicely with iWeb organisation of websites.
 
 ### menu

content/html/en/blog/2010-06-17-hide-yourself-to-analytics.md

@@ -16,7 +16,7 @@ tags:
 -----
 
 This is a way not to count your own visits to your blog.
-First you should look on how [I handle analytics](/Scratch/en/blog/2010-06-17-track-events-with-google-analytics). All analytics are handled in one javascript file, this make things really convenient.
+First you should look on how [I handle analytics](/n3blog/en/blog/2010-06-17-track-events-with-google-analytics). All analytics are handled in one javascript file, this make things really convenient.
 
 Then you need to know my method use the `jquery-cookie`.
 

content/html/en/blog/2010-08-23-Now-heberged-on-heroku.md

@@ -60,7 +60,7 @@ use Rack::TryStatic,
     :urls => %w[/],                                 # match all requests 
     :try => ['.html', 'index.html', '/index.html']  # try these postfixes sequentially
 
-errorFile='output/Scratch/en/error/404-not_found/index.html'
+errorFile='output/n3blog/en/error/404-not_found/index.html'
 run lambda { [404, {
                 "Last-Modified"  => File.mtime(errorFile).httpdate,
                 "Content-Type"   => "text/html",

content/html/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes.md

@@ -23,7 +23,7 @@ This is how I do this with [nanoc](http://nanoc.stoneship.org):
 
 <code class="ruby" file="gitmtime.rb">
 def gitmtime
-    filepath=@item.path.sub('/Scratch/','content/html/').sub(/\/$/,'')
+    filepath=@item.path.sub('/n3blog/','content/html/').sub(/\/$/,'')
     ext=%{.#{@item[:extension]}}
     filepath<<=ext
     if not FileTest.exists?(filepath)

content/html/en/blog/2010-10-06-New-Blog-Design-Constraints.md

@@ -16,7 +16,7 @@ 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 [blog entry](/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator).
+For more details you can read my older [blog entry](/n3blog/en/blog/2010-07-07-CSS-rendering-problems-by-navigator).
 But the major problem came from, `font-shadow` and gradients.
 Then my new design obey to the following rules:
 

content/html/en/index.erb

@@ -16,7 +16,7 @@ no_entete: true
             <div class="flush"></div>
             <div class="block left">
                 <h3>
-                    <a href="/Scratch/en/blog/" onclick="setLanguage('en')">
+                    <a href="/n3blog/en/blog/" onclick="setLanguage('en')">
                         Blog
                         <span class="nicer">»</span>
                     </a>
@@ -27,7 +27,7 @@ no_entete: true
             </div>
             <div class="block left">
                 <h3>
-                    <a href="/Scratch/en/softwares" onclick="setLanguage('en')">
+                    <a href="/n3blog/en/softwares" onclick="setLanguage('en')">
                         Softwares
                         <span class="nicer">»</span>
                     </a>
@@ -40,7 +40,7 @@ no_entete: true
             </div>
             <div class="block right">
                 <h3>
-                    <a href="/Scratch/en/about/contact" onclick="setLanguage('en')">Contact 
+                    <a href="/n3blog/en/about/contact" onclick="setLanguage('en')">Contact 
                         <span class="nicer">»</span>
                     </a>
                 </h3>

content/html/en/rss.md

@@ -7,7 +7,7 @@ isHidden: true
 
 When you click on this logo: 
 
-<img src="/Scratch/img/menu/rss-128.png" alt="rss"/>
+<img src="/n3blog/img/menu/rss-128.png" alt="rss"/>
 
 You have the capability to subscribe to my RSS flux. But what it is all about?
 

content/html/en/softwares.md

@@ -5,17 +5,17 @@ noSubMenu: true
 hidden: false
 -----
 <%= block( %{YPassword}, 
-    %{/Scratch/en/softwares/ypassword}, 
+    %{/n3blog/en/softwares/ypassword}, 
     %{YPassword is a password manager that make your web life more secure} 
 ) %>
 
 <%= block( %{YAquaBubbles}, 
-   %{/Scratch/en/softwares/yaquabubbles}, 
+   %{/n3blog/en/softwares/yaquabubbles}, 
    %{Nice underwater floating bubbles}
     ) %>
 
 <%= block( %{YClock}, 
-   %{/Scratch/en/softwares/yclock}, 
+   %{/n3blog/en/softwares/yclock}, 
    %{Biohazard logo inspired clock},
     "right"
     ) %>

content/html/en/softwares/yaquabubbles.md

@@ -6,7 +6,7 @@ noSubMenu: true
 hidden: false
 -----
 
-[ ![Screenshot](/Scratch/img/softwares/yaquabubbles/screenshot1.png 'screenshot') ][yaquabubbles]
+[ ![Screenshot](/n3blog/img/softwares/yaquabubbles/screenshot1.png 'screenshot') ][yaquabubbles]
 
 YAquaBubbles is a QuartzComposer Screensaver.
 It was one of my first try but the result was nice.
@@ -14,4 +14,4 @@ It was one of my first try but the result was nice.
 
 [<span class="nicer">&#x27A5;</span> YAquaBubbles.dmg][yaquabubbles]
 
-[yaquabubbles]: /Scratch/files/YAquaBubbles.dmg
+[yaquabubbles]: /n3blog/files/YAquaBubbles.dmg

content/html/en/softwares/yclock.md

@@ -6,7 +6,7 @@ hidden: false
 -----
 
 
-[ ![Screenshot](/Scratch/img/softwares/yclock/screenshot1.png 'screenshot') ][yclock]
+[ ![Screenshot](/n3blog/img/softwares/yclock/screenshot1.png 'screenshot') ][yclock]
 
 YClock is a nice clock screensaver. 
 It has three themes: white, black and red. 
@@ -14,4 +14,4 @@ It is based on a QuartzComposition and with some little Objective-C code to hand
 
 [<span class="nicer">&#x27A5;</span> YClock.dmg][yclock]
 
-[yclock]: /Scratch/files/YClock.dmg
+[yclock]: /n3blog/files/YClock.dmg

content/html/en/softwares/ypassword.md

@@ -7,15 +7,15 @@ hidden: false
 _Easy_, _Secure_ and _Portable_ way to manage your web passwords.
 
 Remember only _one_ strong password. And the rest follow.
-See my [blog entry](/Scratch/en/blog/ypassword.html) for the details.
+See my [blog entry](/n3blog/en/blog/ypassword.html) for the details.
 
 Here you can find:
 
- - A [Dashboard Widget](/Scratch/files/YPassword-1.6.zip),
+ - A [Dashboard Widget](/n3blog/files/YPassword-1.6.zip),
- - An [Applescript](/Scratch/files/forcePaste.app.zip) to simulate copy/paste in protected fields,
+ - An [Applescript](/n3blog/files/forcePaste.app.zip) to simulate copy/paste in protected fields,
- - An alpha [Web Application](/Scratch/en/softwares/ypassword/web/) made with [Cappuccino](http://cappuccino.org),
+ - An alpha [Web Application](/n3blog/en/softwares/ypassword/web/) made with [Cappuccino](http://cappuccino.org),
- - An alpha [Web Application](/Scratch/en/softwares/ypassword/iphoneweb/) for iPhone,
+ - An alpha [Web Application](/n3blog/en/softwares/ypassword/iphoneweb/) for iPhone,
- - A [command line tool](/Scratch/files/getpass).
+ - A [command line tool](/n3blog/files/getpass).
 
 
 I'll soon release an iPhone application.

content/html/fr/about.md

@@ -5,7 +5,7 @@ menupriority: 4
 
 ## Pour faire connaissance
 
-![Une photo de moi](/Scratch/img/about/yann1.jpg)
+![Une photo de moi](/n3blog/img/about/yann1.jpg)
 
 <div class="fr">
     <desc informations générales>

content/html/fr/about/contact.md

@@ -4,7 +4,7 @@ menupriority: 1
 -----
 # Comment me contacter
 
-<img src="/Scratch/img/about/avatar.png" alt="Avatar" class="left"/>
+<img src="/n3blog/img/about/avatar.png" alt="Avatar" class="left"/>
 
 <%= mail_perso %>  
   Suivez moi sur [twitter](http://twitter.com/yogsototh)  

content/html/fr/blog.erb

@@ -7,7 +7,7 @@ noSubMenu: true
 <% 
     number_of_articles=5
     number_of_char_for_resume=800
-    language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'') 
+    language=@item_rep.path.sub(/\/n3blog\//,'').sub(/\/.*$/,'') 
     last_articles = @items.select do |a| 
             a.reps[0].path =~ /\/#{language}\//  && a[:kind] == 'article'
     end

content/html/fr/blog/06_How_I_use_git.md

@@ -49,10 +49,10 @@ Par exemple voici le mien :
 *.swp
 .DS_Store
 ikog.py.bak
-output/Scratch/assets
+output/n3blog/assets
-output/Scratch/en
+output/n3blog/en
-output/Scratch/fr
+output/n3blog/fr
-output/Scratch/multi
+output/n3blog/multi
 </code>
 </div>
 

content/html/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe.md

@@ -16,7 +16,7 @@ tags:
 
 # mise à jour du <small>28/10/2009</small>
 
-J'ai mis à jour mon script [avec une version incrémentale](/Scratch/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-) bien plus pratique.
+J'ai mis à jour mon script [avec une version incrémentale](/n3blog/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-) bien plus pratique.
 En plus depuis l'écriture de cet article Apple(c) semble avoir nettement amélioré la vitesse de ses serveurs en Europe.
 
 newcorps
@@ -98,7 +98,7 @@ if [[ ! $1 = '-s' ]]; then
     result=1
     essai=1
     while (( $result > 0 )); do
-        rsync -arv $root/Scratch/ $destRep.tmp
+        rsync -arv $root/n3blog/ $destRep.tmp
         result=$?
         if (( $result > 0 )); then
             print -P -- "%BEchec du rsync%b (essai n°$essai)" >&2
@@ -204,7 +204,7 @@ if [[ ! $1 = '-s' ]]; then
     result=1
     essai=1
     while (( $result > 0 )); do
-        rsync -arv $root/Scratch/ $destRep.tmp
+        rsync -arv $root/n3blog/ $destRep.tmp
         result=$?
         if (( $result > 0 )); then
             print -P -- "%Brsync failed%b (try n°$essai)" >&2

content/html/fr/blog/11_Load_Disqus_Asynchronously.md

@@ -69,7 +69,7 @@ If you forget the `window.disqus_no_style=true;` then your page will be blank. S
 
 ### CSS
 
-But with this option you still need to provide a CSS. This is why you have to copy the css code from the `embed.js` file and rewrite it in a CSS file. You can [download the CSS](/Scratch/en/blog/11_Load_Disqus_Asynchronously/code/original_disqus.css) I obtained.
+But with this option you still need to provide a CSS. This is why you have to copy the css code from the `embed.js` file and rewrite it in a CSS file. You can [download the CSS](/n3blog/en/blog/11_Load_Disqus_Asynchronously/code/original_disqus.css) I obtained.
 
 ---
 

content/html/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-.md

@@ -16,7 +16,7 @@ tags:
 # [Disqus](http://disqus.com/) *vs.* [Intense Debate](http://intensedebate.com/)
 
 J'ai écrit un article sur la façon dont j'ai essayé d'intégrer [Disqus](http://disqus.com). Mon problème majeur avec [Disqus](http://disqus.com/) c'était que ma page ne s'affichait pas correctement tant que les commentaire n'avait pas fini de s'afficher. Ça m'est arrivé plusieurs fois d'avoir ma page complètement bloquée parce que les serveurs de [Disqus](http://disqus.com/) ne répondait pas.
-C'est pourquoi j'ai essayer de l'inclure de manière asynchrone. Cependant j'ai eu des [difficultés pour le faire fonctionner correctement](/Scratch/fr/blog/11_Load_Disqus_Asynchronously/).
+C'est pourquoi j'ai essayer de l'inclure de manière asynchrone. Cependant j'ai eu des [difficultés pour le faire fonctionner correctement](/n3blog/fr/blog/11_Load_Disqus_Asynchronously/).
 
 De plus il n'a pas été trivial de faire en sorte que les commentaires soient commun à plusieurs pages différentes (chaque page à trois représentations différentes, une par language plus une version multi-langue).
 

content/html/fr/blog/2009-09-jQuery-Tag-Cloud.md

@@ -229,7 +229,7 @@ end
 </code>
 </div>
 
-You can [download the complete file](/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/code/tag.rb) to put in your 'lib' directory. **Beware, it is a nanoc 2 version, you'll have to make some small changes like replace `@pages` by `@items` to be nanoc3 compatible.**
+You can [download the complete file](/n3blog/en/blog/2009-09-jQuery-Tag-Cloud/code/tag.rb) to put in your 'lib' directory. **Beware, it is a nanoc 2 version, you'll have to make some small changes like replace `@pages` by `@items` to be nanoc3 compatible.**
 
 Of course to be nice you need the associated CSS
 

content/html/fr/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-.md

@@ -15,7 +15,7 @@ tags:
 
 -----
 
-J'ai déjà discuté de la façon dont je [synchronise mon site web sur mobileme](/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe). J'ai amélioré mon script pour le rendre incrémental.
+J'ai déjà discuté de la façon dont je [synchronise mon site web sur mobileme](/n3blog/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe). J'ai amélioré mon script pour le rendre incrémental.
 
 Voici mon script, il créé tout d'abord un fichier qui contient la liste des fichiers avec leur *hash*. Afin de les comparer avec ceux qui sont en ligne sans avoir à les parcourir. Ensuite pour chaque fichier qui semble différent, je met à jour le contenu.
 
@@ -261,7 +261,7 @@ if [[ "$1" = "-s" ]]; then
     swap
 else 
     print -P "Copie de l'init"
-    \cp -f $webroot/Scratch/multi/index.html $webroot/index.html
+    \cp -f $webroot/n3blog/multi/index.html $webroot/index.html
 
     if [[ "$1" = "-d" ]]; then
         suffix=""

content/html/fr/blog/2009-10-How-to-preload-your-site-with-style.md

@@ -20,7 +20,7 @@ Voici comment apparaissent mes pages pendant leur chargement.
     <p>Cliquez-moi dessus pour recommencer.</p>
     <div id="todisapear" style="color: #000; position:absolute;top:0;left:0;text-align: center; padding-top: 1em; width: 100%; background-color: #eee; height: 8em;">
     Loading...
-    <img style="border: none; background-color: none; background: none" src="/Scratch/img/loading.gif" alt="loading logo"/>
+    <img style="border: none; background-color: none; background: none" src="/n3blog/img/loading.gif" alt="loading logo"/>
     </div>
     <script>
     function Rabbit(){

content/html/fr/blog/2009-10-Wait-to-hide-a-menu-in-jQuery.md

@@ -12,7 +12,7 @@ tags:
     - design
 -----
 
-J'ai déjà dit pourquoi [je préférais que mon menu de navigation soit caché](/Scratch/fr/blog/2009-10-Focus-vs-Minimalism). J'ai finalement décidé d'attendre un peu avant de cacher le menu. Juste le temps que l'utilisateur le voit. Mais voilà. Comment faire pour qu'il ne disparaisse que lorsque l'on ne s'en sert pas pendant un petit moment ?
+J'ai déjà dit pourquoi [je préférais que mon menu de navigation soit caché](/n3blog/fr/blog/2009-10-Focus-vs-Minimalism). J'ai finalement décidé d'attendre un peu avant de cacher le menu. Juste le temps que l'utilisateur le voit. Mais voilà. Comment faire pour qu'il ne disparaisse que lorsque l'on ne s'en sert pas pendant un petit moment ?
 
 Voici la solution que j'utilise avec jQuery
 

content/html/fr/blog/2010-02-16-All-but-something-regexp--2-.md

@@ -108,4 +108,4 @@ Cette solution fait un peu moins *I AM THE GREAT REGEXP M45T3R, URAN00B*, mais e
 <small><a name="note1"><sup>&dagger;</sup></a> Je sais que j'ai utilisé une syntaxe HTML dans mon exemple. Mais dans l'utilisation réelle que j'en ai faite, je devais matcher entre `en:` et `::`, sachant que parfois les chaines pouvaient se terminer par `e::`. </small>
     
 
-[previouspost]: /Scratch/fr/blog/2010-02-16-All-but-something-regexp--2- "All but something regexp"
+[previouspost]: /n3blog/fr/blog/2010-02-16-All-but-something-regexp--2- "All but something regexp"

content/html/fr/blog/2010-06-15-Get-my-blog-engine.md

@@ -107,7 +107,7 @@ multi/blog/2010-06-01-the-title/third_part.md
 
 ### mobileme
 
-All files are intended to be generated into the `output/Scratch` directory.
+All files are intended to be generated into the `output/n3blog` directory.
 This was made like that to work nicely with iWeb organisation of websites.
 
 ### menu

content/html/fr/blog/2010-06-17-hide-yourself-to-analytics.md

@@ -16,7 +16,7 @@ tags:
 -----
 
 Voici un moyen très simple de ne plus être comptabilisé dans les visites de son propre site.
-Tout d'abord, vous devriez jeter un coup d'œil sur comment [je gère les systèmes de récupération de statistiques](/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics). 
+Tout d'abord, vous devriez jeter un coup d'œil sur comment [je gère les systèmes de récupération de statistiques](/n3blog/fr/blog/2010-06-17-track-events-with-google-analytics). 
 Je centralise tout dans un seul fichier javascript ce qui facilite le travail.
 
 Cette méthode nécessite l'utilisation de `jquery-cookie`.

content/html/fr/blog/2010-08-23-Now-heberged-on-heroku.md

@@ -60,7 +60,7 @@ use Rack::TryStatic,
     :urls => %w[/],                                 # match all requests 
     :try => ['.html', 'index.html', '/index.html']  # try these postfixes sequentially
 
-errorFile='output/Scratch/en/error/404-not_found/index.html'
+errorFile='output/n3blog/en/error/404-not_found/index.html'
 run lambda { [404, {
                 "Last-Modified"  => File.mtime(errorFile).httpdate,
                 "Content-Type"   => "text/html",

content/html/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes.md

@@ -23,7 +23,7 @@ Voici comment je m'y prend avec [nanoc](http://nanoc.stoneship.org) :
 
 <code class="ruby" file="gitmtime.rb">
 def gitmtime
-    filepath=@item.path.sub('/Scratch/','content/html/').sub(/\/$/,'')
+    filepath=@item.path.sub('/n3blog/','content/html/').sub(/\/$/,'')
     ext=%{.#{@item[:extension]}}
     filepath<<=ext
     if not FileTest.exists?(filepath)

content/html/fr/index.erb

@@ -17,7 +17,7 @@ no_entete: true
 
         <div class="block left">
             <h3>
-                <a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/blog/" onclick="setLanguage('fr')">
                     Blog
                     <span class="nicer">»</span>
                 </a>
@@ -28,7 +28,7 @@ no_entete: true
         </div>
         <div class="block left">
             <h3>
-                <a href="/Scratch/fr/softwares" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/softwares" onclick="setLanguage('fr')">
                     Logiciels
                     <span class="nicer">»</span>
                 </a>
@@ -41,7 +41,7 @@ no_entete: true
         </div>
         <div class="block right">
             <h3>
-                <a href="/Scratch/fr/about/contact" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/about/contact" onclick="setLanguage('fr')">
                     Contact
                     <span class="nicer">»</span>
                 </a>

content/html/fr/rss.md

@@ -9,7 +9,7 @@ isHidden: true
 
 Lorsque vous cliquez sur ce logo : 
 
-<img src="/Scratch/img/menu/rss-128.png" alt="rss"/>
+<img src="/n3blog/img/menu/rss-128.png" alt="rss"/>
 
 On vous propose de vous abonner au flux RSS. Mais de quoi s'agit il ?
 

content/html/fr/softwares.md

@@ -5,17 +5,17 @@ noSubMenu: true
 hidden: false
 -----
 <%= block( %{YPassword}, 
-    %{/Scratch/fr/softwares/ypassword}, 
+    %{/n3blog/fr/softwares/ypassword}, 
     %{YPassword est un outil de gestion de mots de passe pour rendre votre vie en ligne plus sûre.} 
 ) %>
 
 <%= block( %{YAquaBubbles}, 
-   %{/Scratch/fr/softwares/yaquabubbles}, 
+   %{/n3blog/fr/softwares/yaquabubbles}, 
    %{Des bulles se déplaçant sous l'eau}
     ) %>
 
 <%= block( %{YClock}, 
-   %{/Scratch/fr/softwares/yclock}, 
+   %{/n3blog/fr/softwares/yclock}, 
    %{Une horloge inspirée par le symbole "biohazard"},
     "right"
     ) %>

content/html/fr/softwares/yaquabubbles.md

@@ -6,7 +6,7 @@ noSubMenu: true
 hidden: false
 -----
 
-[ ![Screenshot](/Scratch/img/softwares/yaquabubbles/screenshot1.png 'screenshot') ][yaquabubbles]
+[ ![Screenshot](/n3blog/img/softwares/yaquabubbles/screenshot1.png 'screenshot') ][yaquabubbles]
 
 YAquaBubbles est un économiseur d'écran réalisé avec QuartzComposer. 
 Il s'agissait d'un simple essai mais le résultat était plaisant.
@@ -14,4 +14,4 @@ Il s'agissait d'un simple essai mais le résultat était plaisant.
 
 [<span class="nicer">&#x27A5;</span> YAquaBubbles.dmg][yaquabubbles]
 
-[yaquabubbles]: /Scratch/files/YAquaBubbles.dmg
+[yaquabubbles]: /n3blog/files/YAquaBubbles.dmg

content/html/fr/softwares/yclock.md

@@ -6,7 +6,7 @@ hidden: false
 -----
 
 
-[ ![Screenshot](/Scratch/img/softwares/yclock/screenshot1.png 'screenshot') ][yclock]
+[ ![Screenshot](/n3blog/img/softwares/yclock/screenshot1.png 'screenshot') ][yclock]
 
 YClock est un économiseur d'écran qui vous donne l'heure.i
 Il a trois thèmes clair, rouge et noir.
@@ -14,4 +14,4 @@ Il utilise une base de QuartzComposition + du code objective-C pour la gestion d
 
 [<span class="nicer">&#x27A5;</span> YClock.dmg][yclock]
 
-[yclock]: /Scratch/files/YClock.dmg
+[yclock]: /n3blog/files/YClock.dmg

content/html/fr/softwares/ypassword.md

@@ -7,15 +7,15 @@ hidden: false
 Une gestion _simple_, _sécurisée_ et _portable_ de ses mots de passes web.
 
 Souvenez vous d'_un_ seul mot de passe de bonne qualité, le reste suis.
-Lisez mon [article](/Scratch/fr/blog/ypassword.html) pour les détails.
+Lisez mon [article](/n3blog/fr/blog/ypassword.html) pour les détails.
 
 Ici vous trouverez :
 
 
- - Un [widget](/Scratch/files/YPassword-1.6.zip) ;
+ - Un [widget](/n3blog/files/YPassword-1.6.zip) ;
- - un [Applescript](/Scratch/files/forcePaste.app.zip) pour simuler la copie dans les champs textes protégés ;
+ - un [Applescript](/n3blog/files/forcePaste.app.zip) pour simuler la copie dans les champs textes protégés ;
- - une [application web](/Scratch/fr/softwares/ypassword/web/) écrite avec [Cappuccino](http://cappuccino.org),
+ - une [application web](/n3blog/fr/softwares/ypassword/web/) écrite avec [Cappuccino](http://cappuccino.org),
- - une [application web](/Scratch/fr/softwares/ypassword/iphoneweb/) pour iPhone ;
+ - une [application web](/n3blog/fr/softwares/ypassword/iphoneweb/) pour iPhone ;
- - un [script utilisable en ligne de commande](/Scratch/files/getpass).
+ - un [script utilisable en ligne de commande](/n3blog/files/getpass).
 
 Dans peu de temps je créerai une application iPhone pour YPassword.

content/html/index.erb

@@ -17,7 +17,7 @@ no_entete: true
             <div class="flush"></div>
             <div class="block left">
                 <h3>
-                    <a href="/Scratch/en/blog/" onclick="setLanguage('en')">
+                    <a href="/n3blog/en/blog/" onclick="setLanguage('en')">
                         Blog
                         <span class="nicer">»</span>
                     </a>
@@ -28,7 +28,7 @@ no_entete: true
             </div>
             <div class="block left">
                 <h3>
-                    <a href="/Scratch/en/softwares" onclick="setLanguage('en')">
+                    <a href="/n3blog/en/softwares" onclick="setLanguage('en')">
                         Softwares
                         <span class="nicer">»</span>
                     </a>
@@ -41,7 +41,7 @@ no_entete: true
             </div>
             <div class="block right">
                 <h3>
-                    <a href="/Scratch/en/about/contact" onclick="setLanguage('en')">Contact 
+                    <a href="/n3blog/en/about/contact" onclick="setLanguage('en')">Contact 
                         <span class="nicer">»</span>
                     </a>
                 </h3>
@@ -56,7 +56,7 @@ no_entete: true
         <div class="flush"></div>
         <div class="block left">
             <h3>
-                <a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/blog/" onclick="setLanguage('fr')">
                     Blog
                     <span class="nicer">»</span>
                 </a>
@@ -67,7 +67,7 @@ no_entete: true
         </div>
         <div class="block left">
             <h3>
-                <a href="/Scratch/fr/softwares" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/softwares" onclick="setLanguage('fr')">
                     Logiciels
                     <span class="nicer">»</span>
                 </a>
@@ -80,7 +80,7 @@ no_entete: true
         </div>
         <div class="block right">
             <h3>
-                <a href="/Scratch/fr/about/contact" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/about/contact" onclick="setLanguage('fr')">
                     Contact
                     <span class="nicer">»</span>
                 </a>

layouts/article.html

@@ -10,10 +10,10 @@
         <% if t.length > 0 %>
         <meta name="keywords" content="<%= t %>">
         <% end %>
-        <link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
+        <link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
-        <link rel="stylesheet" type="text/css" href="/Scratch/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/twilight.css" />
-        <link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
+        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/css/idc.css" />
         <link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocom<%= language %>"/>
         <% 
         languages.each do |lang|
@@ -22,21 +22,21 @@
         <link rel="alternate" lang="<%= lang %>" xml:lang="<%= lang %>" title="<%= item_for_lang[:title] %>" type="text/html" hreflang="<%= lang %>" href="<%= item_for_lang.reps[0].path %>" /> <% 
         end
         end %>
-        <script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
-        <script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
-        <script type="text/javascript" src="/Scratch/js/index.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
         <!-- < % if containMaths %>
-        <script type="text/javascript" src="/Scratch/js/MathJax/MathJax.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/MathJax/MathJax.js"></script>
         < % end %>
         -->
         <title><%= @item[:title] %></title>
     </head>
     <body lang="<%= language %>">
         <script type="text/javascript">// <![CDATA[
-            document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
+            document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
             // ]]>
         </script>
 
@@ -46,7 +46,7 @@
                 <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
                 <div id="choixlang">
                     <%= languages.map do |l|
-                    dest=@item_rep.path.sub(/^\/Scratch\/..\//, %{/Scratch/#{l}/}) 
+                    dest=@item_rep.path.sub(%r{#{@config[:webprefix]}/../}, %{#{config[:webprefix]}/#{l}/}) 
                     if @item_rep.path != dest
                     %{<a href="#{dest}" onclick="setLanguage('#{l}')">#{ tradOfKeywordIn(:switchTo,l)}</a>}
                     else
@@ -168,12 +168,12 @@
                     <a href="http://nanoc.stoneship.org">nanoc</a>
                 </div>
                 <div>
-                    <a href="/Scratch/<%=language%>/validation/">Validation</a> 
+                    <a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a> 
                     <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
                     .
                     <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
                     .
-                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/<%=language%>/blog/feed/feed.xml">[rss]</a>
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
                 </div>
             </div>
             <div class="clear"></div>

layouts/default.html

@@ -7,13 +7,13 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
         <%= meta_tags %>
-        <link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
+        <link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
         <link rel="alternate" type="application/rss+xml" title="RSS" href="<%= @config[:rss_uri][language.intern] %>"/>
         <%= meta_alternate %>
-        <script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
-        <script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
-        <script type="text/javascript" src="/Scratch/js/index.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/index.js"></script>
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
@@ -21,7 +21,7 @@
     </head>
     <body lang="<%= language %>">
         <script type="text/javascript">// <![CDATA[
-            document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
+            document.write('<div id="blackpage"><img src="<%=@config[:webprefix]%>/img/loading.gif" alt="<%= tradOf(:loading) %>"/></div>');
             // ]]>
         </script>
 
@@ -37,7 +37,7 @@
                 </div>
             </div>
             <% end %>
-            <img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
+            <img src="<%=@config[:webprefix]%>/img/presentation.png" alt="Presentation drawing"/>
             <div id="titre">
                 <h1>
                     <%= @item[:content_for_title].nil? ? @item[:title] : @item[:content_for_title] %>
@@ -82,12 +82,12 @@
                     <a href="http://nanoc.stoneship.org">nanoc</a>
                 </div>
                 <div>
-                    <a href="/Scratch/<%=language%>/validation/">Validation</a> 
+                    <a href="<%=@config[:webprefix]%>/<%=language%>/validation/">Validation</a> 
                     <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
                     .
                     <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
                     .
-                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/<%=language%>/blog/feed/feed.xml">[rss]</a>
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/<%=language%>/blog/feed/feed.xml">[rss]</a>
                 </div>
             </div>
             <div class="clear"></div>

layouts/error.html

@@ -10,10 +10,10 @@
         <% if t.length > 0 %>
         <meta name="keywords" content="<%= t %>">
         <% end %>
-        <link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
+        <link rel="shortcut icon" type="image/x-icon" href="<%=@config[:webprefix]%>/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="<%=@config[:webprefix]%>/assets/css/main.css" />
-        <script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery-1.3.1.min.js"></script>
-        <script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="<%=@config[:webprefix]%>/js/jquery.cookie.js"></script>
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
@@ -22,7 +22,7 @@
     <body>
         <div id="content">
             <a href="/">
-            <img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
+            <img src="<%=@config[:webprefix]%>/img/presentation.png" alt="Presentation drawing"/>
             </a>
             <h1>
                 <%= @item[:title] %>
@@ -55,12 +55,12 @@
                     <a href="http://nanoc.stoneship.org">nanoc</a>
                 </div>
                 <div>
-                    <a href="/Scratch/en/validation/">Validation</a> 
+                    <a href="<%=@config[:webprefix]%>/en/validation/">Validation</a> 
                     <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
                     .
                     <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
                     .
-                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/en/blog/feed/feed.xml">[rss]</a>
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com<%=@config[:webprefix]%>/en/blog/feed/feed.xml">[rss]</a>
                 </div>
             </div>
             <div class="clear"></div>

layouts/feed.html

@@ -1,7 +1,7 @@
 -----
 -----
 <% 
-language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'') 
+language=@item_rep.path.sub(%r{#{@config[:webprefix]}/},'').sub(/\/.*$/,'') 
 number_of_char_for_resume=800
 
 %><%= atom_feed( {

lib/gitmtime.rb

@@ -1,5 +1,5 @@
 def gitmtime
-    filepath=@item.path.sub('/Scratch/','content/html/').sub(/\/$/,'')
+    filepath=@item.path.sub(@config[:webprefix]+'/','content/html/').sub(/\/$/,'')
     ext=%{.#{@item[:extension]}}
     filepath<<=ext
     if not FileTest.exists?(filepath)

lib/html.rb

@@ -22,7 +22,7 @@ end
 
 def choixlang
     @conf.languages.map do |l|
-        dest=@item_rep.path.sub(/^\/Scratch\/..\//, %{/Scratch/#{l}/}) 
+        dest=@item_rep.path.sub(%r{#{@config[:webprefix]}/../}, %{#{@config[:webprefix]}/#{l}/}) 
         if @item_rep.path != dest
             %{<a href="#{dest}" onclick="setLanguage('#{l}')">#{ tradOfKeywordIn(:switchTo,l)}</a>}
         else

lib/intenseDebate.rb

@@ -21,6 +21,6 @@ def generateIntenseDebateThread
     var idcomments_post_url = 'http://yannesposito.com#{protectedPath}';
     </script>
     <span id="IDCommentsPostTitle" style="display:none"></span>
-    <script type='text/javascript' src='/Scratch/js/genericCommentWrapperV2.js'></script>
+    <script type='text/javascript' src='#{@config[:webprefix]}/js/genericCommentWrapperV2.js'></script>
     }
 end

lib/nanoc_item_conf.rb

@@ -14,7 +14,7 @@ end
 def setItemConf
     # -- init variables --
     conf=LocalConf.new
-    language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
+    language=@item_rep.path.sub(%r{#{@config[:webprefix]}/},'').sub(/\/.*$/,'')
     if language != ''
         conf.language=language
     else

lib/tag.rb

@@ -11,9 +11,9 @@
    
     def alltags
         language=@item.path
-        language =~ %r{/Scratch/([^/]*)/}
+        language =~ %r{#{@config[:webprefix]}/([^/]*)/}
         language = $1
-        @items.select {|p| p.path =~ %r{/Scratch/#{language}/} and p[:kind].to_s == "article" and p.parent[:kind].to_s == 'blog'}
+        @items.select {|p| p.path =~ %r{#{@config[:webprefix]}/#{language}/} and p[:kind].to_s == "article" and p.parent[:kind].to_s == 'blog'}
     end
 
     def tagNumber
@@ -92,7 +92,7 @@
         end
         tagCloud <<= %{</div><div id="hiddenDivs" >}
         language=@item.path
-        language =~ %r{/Scratch/([^/]*)/}
+        language =~ %r{#{@config[:webprefix]}/([^/]*)/}
         language = $1
         tagLinks.sort{|a,b| a[0].downcase <=> b[0].downcase}.each do |t,l|
             protected=t.gsub(/\W/,'_')

multi/about/contact.md

@@ -6,8 +6,8 @@ menupriority: 1
 en: # How to contact me
 fr: # Comment me contacter
 
-en: <img src="/Scratch/img/about/avatar.png" alt="Avatar" class="left"/>
+en: <img src="/n3blog/img/about/avatar.png" alt="Avatar" class="left"/>
-fr: <img src="/Scratch/img/about/avatar.png" alt="Avatar" class="left"/>
+fr: <img src="/n3blog/img/about/avatar.png" alt="Avatar" class="left"/>
 
 <%= mail_perso %>  
 en:   Follow me on [twitter](http://twitter.com/yogsototh)  

multi/blog.erb

@@ -7,7 +7,7 @@ noSubMenu: true
 <% 
     number_of_articles=5
     number_of_char_for_resume=800
-    language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'') 
+    language=@item_rep.path.sub(/\/n3blog\//,'').sub(/\/.*$/,'') 
     last_articles = @items.select do |a| 
             a.reps[0].path =~ /\/#{language}\//  && a[:kind] == 'article'
     end

multi/blog/2010-06-15-Get-my-blog-engine.md

@@ -119,7 +119,7 @@ multi/blog/2010-06-01-the-title/third_part.md
 
 ### mobileme
 
-All files are intended to be generated into the `output/Scratch` directory.
+All files are intended to be generated into the `output/n3blog` directory.
 This was made like that to work nicely with iWeb organisation of websites.
 
 ### menu

multi/blog/2010-06-17-hide-yourself-to-analytics.md

@@ -19,10 +19,10 @@ fr:   - cacher
 -----
 
 fr: Voici un moyen très simple de ne plus être comptabilisé dans les visites de son propre site.
-fr: Tout d'abord, vous devriez jeter un coup d'œil sur comment [je gère les systèmes de récupération de statistiques](/Scratch/fr/blog/2010-06-17-track-events-with-google-analytics). 
+fr: Tout d'abord, vous devriez jeter un coup d'œil sur comment [je gère les systèmes de récupération de statistiques](/n3blog/fr/blog/2010-06-17-track-events-with-google-analytics). 
 fr: Je centralise tout dans un seul fichier javascript ce qui facilite le travail.
 en: This is a way not to count your own visits to your blog.
-en: First you should look on how [I handle analytics](/Scratch/en/blog/2010-06-17-track-events-with-google-analytics). All analytics are handled in one javascript file, this make things really convenient.
+en: First you should look on how [I handle analytics](/n3blog/en/blog/2010-06-17-track-events-with-google-analytics). All analytics are handled in one javascript file, this make things really convenient.
 
 fr: Cette méthode nécessite l'utilisation de `jquery-cookie`.
 en: Then you need to know my method use the `jquery-cookie`.

multi/blog/2010-08-23-Now-heberged-on-heroku.md

@@ -70,7 +70,7 @@ use Rack::TryStatic,
     :urls => %w[/],                                 # match all requests 
     :try => ['.html', 'index.html', '/index.html']  # try these postfixes sequentially
 
-errorFile='output/Scratch/en/error/404-not_found/index.html'
+errorFile='output/n3blog/en/error/404-not_found/index.html'
 run lambda { [404, {
                 "Last-Modified"  => File.mtime(errorFile).httpdate,
                 "Content-Type"   => "text/html",

multi/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes.md

@@ -31,7 +31,7 @@ fr: Voici comment je m'y prend avec [nanoc](http://nanoc.stoneship.org) :
 
 <code class="ruby" file="gitmtime.rb">
 def gitmtime
-    filepath=@item.path.sub('/Scratch/','content/html/').sub(/\/$/,'')
+    filepath=@item.path.sub('/n3blog/','content/html/').sub(/\/$/,'')
     ext=%{.#{@item[:extension]}}
     filepath<<=ext
     if not FileTest.exists?(filepath)

multi/blog/2010-10-06-New-Blog-Design-Constraints.md

@@ -27,7 +27,7 @@ en: Now it should be far cleaner.
 en: I believe I use no CSS3 feature and far less javascript.
 en: Of course before my website was perfectly browsable without javascript. 
 en: Unfortunately some CSS3 feature are not mature enough on some browser.
-en: For more details you can read my older [blog entry](/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator).
+en: For more details you can read my older [blog entry](/n3blog/en/blog/2010-07-07-CSS-rendering-problems-by-navigator).
 en: But the major problem came from, `font-shadow` and gradients.
 en: Then my new design obey to the following rules:
 

multi/index.erb

@@ -17,7 +17,7 @@ no_entete: true
             <div class="flush"></div>
 en:             <div class="block left">
 en:                 <h3>
-en:                     <a href="/Scratch/en/blog/" onclick="setLanguage('en')">
+en:                     <a href="/n3blog/en/blog/" onclick="setLanguage('en')">
 en:                         Blog
 en:                         <span class="nicer">»</span>
 en:                     </a>
@@ -28,7 +28,7 @@ en:                 </p>
 en:             </div>
 en:             <div class="block left">
 en:                 <h3>
-en:                     <a href="/Scratch/en/softwares" onclick="setLanguage('en')">
+en:                     <a href="/n3blog/en/softwares" onclick="setLanguage('en')">
 en:                         Softwares
 en:                         <span class="nicer">»</span>
 en:                     </a>
@@ -41,7 +41,7 @@ en:                 </p>
 en:             </div>
 en:             <div class="block right">
 en:                 <h3>
-en:                     <a href="/Scratch/en/about/contact" onclick="setLanguage('en')">Contact 
+en:                     <a href="/n3blog/en/about/contact" onclick="setLanguage('en')">Contact 
 en:                         <span class="nicer">»</span>
 en:                     </a>
 en:                 </h3>
@@ -53,7 +53,7 @@ en:         </div>
 
 fr:         <div class="block left">
 fr:             <h3>
-fr:                 <a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
+fr:                 <a href="/n3blog/fr/blog/" onclick="setLanguage('fr')">
 fr:                     Blog
 fr:                     <span class="nicer">»</span>
 fr:                 </a>
@@ -64,7 +64,7 @@ fr:             </p>
 fr:         </div>
 fr:         <div class="block left">
 fr:             <h3>
-fr:                 <a href="/Scratch/fr/softwares" onclick="setLanguage('fr')">
+fr:                 <a href="/n3blog/fr/softwares" onclick="setLanguage('fr')">
 fr:                     Logiciels
 fr:                     <span class="nicer">»</span>
 fr:                 </a>
@@ -77,7 +77,7 @@ fr:             </p>
 fr:         </div>
 fr:         <div class="block right">
 fr:             <h3>
-fr:                 <a href="/Scratch/fr/about/contact" onclick="setLanguage('fr')">
+fr:                 <a href="/n3blog/fr/about/contact" onclick="setLanguage('fr')">
 fr:                     Contact
 fr:                     <span class="nicer">»</span>
 fr:                 </a>

multi/softwares.md

@@ -5,23 +5,23 @@ noSubMenu: true
 hidden: false
 -----
 <%= block( %{YPassword}, 
-en:     %{/Scratch/en/softwares/ypassword}, 
+en:     %{/n3blog/en/softwares/ypassword}, 
 en:     %{YPassword is a password manager that make your web life more secure} 
-fr:     %{/Scratch/fr/softwares/ypassword}, 
+fr:     %{/n3blog/fr/softwares/ypassword}, 
 fr:     %{YPassword est un outil de gestion de mots de passe pour rendre votre vie en ligne plus sûre.} 
 ) %>
 
 <%= block( %{YAquaBubbles}, 
-en:    %{/Scratch/en/softwares/yaquabubbles}, 
+en:    %{/n3blog/en/softwares/yaquabubbles}, 
 en:    %{Nice underwater floating bubbles}
-fr:    %{/Scratch/fr/softwares/yaquabubbles}, 
+fr:    %{/n3blog/fr/softwares/yaquabubbles}, 
 fr:    %{Des bulles se déplaçant sous l'eau}
     ) %>
 
 <%= block( %{YClock}, 
-en:    %{/Scratch/en/softwares/yclock}, 
+en:    %{/n3blog/en/softwares/yclock}, 
 en:    %{Biohazard logo inspired clock},
-fr:    %{/Scratch/fr/softwares/yclock}, 
+fr:    %{/n3blog/fr/softwares/yclock}, 
 fr:    %{Une horloge inspirée par le symbole "biohazard"},
     "right"
     ) %>

multi/softwares/yaquabubbles.md

@@ -7,7 +7,7 @@ noSubMenu: true
 hidden: false
 -----
 
-[ ![Screenshot](/Scratch/img/softwares/yaquabubbles/screenshot1.png 'screenshot') ][yaquabubbles]
+[ ![Screenshot](/n3blog/img/softwares/yaquabubbles/screenshot1.png 'screenshot') ][yaquabubbles]
 
 fr: YAquaBubbles est un économiseur d'écran réalisé avec QuartzComposer. 
 fr: Il s'agissait d'un simple essai mais le résultat était plaisant.
@@ -17,4 +17,4 @@ en: It was one of my first try but the result was nice.
 
 [<span class="nicer">&#x27A5;</span> YAquaBubbles.dmg][yaquabubbles]
 
-[yaquabubbles]: /Scratch/files/YAquaBubbles.dmg
+[yaquabubbles]: /n3blog/files/YAquaBubbles.dmg

multi/softwares/yclock.md

@@ -6,7 +6,7 @@ hidden: false
 -----
 
 
-[ ![Screenshot](/Scratch/img/softwares/yclock/screenshot1.png 'screenshot') ][yclock]
+[ ![Screenshot](/n3blog/img/softwares/yclock/screenshot1.png 'screenshot') ][yclock]
 
 fr: YClock est un économiseur d'écran qui vous donne l'heure.i
 fr: Il a trois thèmes clair, rouge et noir.
@@ -17,4 +17,4 @@ en: It is based on a QuartzComposition and with some little Objective-C code to
 
 [<span class="nicer">&#x27A5;</span> YClock.dmg][yclock]
 
-[yclock]: /Scratch/files/YClock.dmg
+[yclock]: /n3blog/files/YClock.dmg

multi/softwares/ypassword.md

@@ -8,24 +8,24 @@ en: _Easy_, _Secure_ and _Portable_ way to manage your web passwords.
 fr: Une gestion _simple_, _sécurisée_ et _portable_ de ses mots de passes web.
 
 en: Remember only _one_ strong password. And the rest follow.
-en: See my [blog entry](/Scratch/en/blog/ypassword.html) for the details.
+en: See my [blog entry](/n3blog/en/blog/ypassword.html) for the details.
 fr: Souvenez vous d'_un_ seul mot de passe de bonne qualité, le reste suis.
-fr: Lisez mon [article](/Scratch/fr/blog/ypassword.html) pour les détails.
+fr: Lisez mon [article](/n3blog/fr/blog/ypassword.html) pour les détails.
 
 en: Here you can find:
 fr: Ici vous trouverez :
 
-en:  - A [Dashboard Widget](/Scratch/files/YPassword-1.6.zip),
+en:  - A [Dashboard Widget](/n3blog/files/YPassword-1.6.zip),
-en:  - An [Applescript](/Scratch/files/forcePaste.app.zip) to simulate copy/paste in protected fields,
+en:  - An [Applescript](/n3blog/files/forcePaste.app.zip) to simulate copy/paste in protected fields,
-en:  - An alpha [Web Application](/Scratch/en/softwares/ypassword/web/) made with [Cappuccino](http://cappuccino.org),
+en:  - An alpha [Web Application](/n3blog/en/softwares/ypassword/web/) made with [Cappuccino](http://cappuccino.org),
-en:  - An alpha [Web Application](/Scratch/en/softwares/ypassword/iphoneweb/) for iPhone,
+en:  - An alpha [Web Application](/n3blog/en/softwares/ypassword/iphoneweb/) for iPhone,
-en:  - A [command line tool](/Scratch/files/getpass).
+en:  - A [command line tool](/n3blog/files/getpass).
 
-fr:  - Un [widget](/Scratch/files/YPassword-1.6.zip) ;
+fr:  - Un [widget](/n3blog/files/YPassword-1.6.zip) ;
-fr:  - un [Applescript](/Scratch/files/forcePaste.app.zip) pour simuler la copie dans les champs textes protégés ;
+fr:  - un [Applescript](/n3blog/files/forcePaste.app.zip) pour simuler la copie dans les champs textes protégés ;
-fr:  - une [application web](/Scratch/fr/softwares/ypassword/web/) écrite avec [Cappuccino](http://cappuccino.org),
+fr:  - une [application web](/n3blog/fr/softwares/ypassword/web/) écrite avec [Cappuccino](http://cappuccino.org),
-fr:  - une [application web](/Scratch/fr/softwares/ypassword/iphoneweb/) pour iPhone ;
+fr:  - une [application web](/n3blog/fr/softwares/ypassword/iphoneweb/) pour iPhone ;
-fr:  - un [script utilisable en ligne de commande](/Scratch/files/getpass).
+fr:  - un [script utilisable en ligne de commande](/n3blog/files/getpass).
 
 en: I'll soon release an iPhone application.
 fr: Dans peu de temps je créerai une application iPhone pour YPassword.

output/index.html

@@ -5,14 +5,14 @@
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
         
-        <link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
-        <link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.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="Yann Esposito" type="text/html" hreflang="fr" href="/" />
 <link rel="alternate" lang="en" xml:lang="en" title="Yann Esposito" type="text/html" hreflang="en" href="/" />
-        <script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
-        <script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
-        <script type="text/javascript" src="/Scratch/js/index.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
         <!--[if lt IE 9]>
         <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
         <![endif]-->
@@ -20,13 +20,13 @@
     </head>
     <body lang="en">
         <script type="text/javascript">// <![CDATA[
-            document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="loading..."/></div>');
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
             // ]]>
         </script>
 
         <div id="content">
             
-            <img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
+            <img src="/n3blog/img/presentation.png" alt="Presentation drawing"/>
             <div id="titre">
                 <h1>
                     
@@ -62,7 +62,7 @@
             <div class="flush"></div>
             <div class="block left">
                 <h3>
-                    <a href="/Scratch/en/blog/" onclick="setLanguage('en')">
+                    <a href="/n3blog/en/blog/" onclick="setLanguage('en')">
                         Blog
                         <span class="nicer">»</span>
                     </a>
@@ -73,7 +73,7 @@
             </div>
             <div class="block left">
                 <h3>
-                    <a href="/Scratch/en/softwares" onclick="setLanguage('en')">
+                    <a href="/n3blog/en/softwares" onclick="setLanguage('en')">
                         Softwares
                         <span class="nicer">»</span>
                     </a>
@@ -86,7 +86,7 @@
             </div>
             <div class="block right">
                 <h3>
-                    <a href="/Scratch/en/about/contact" onclick="setLanguage('en')">Contact 
+                    <a href="/n3blog/en/about/contact" onclick="setLanguage('en')">Contact 
                         <span class="nicer">»</span>
                     </a>
                 </h3>
@@ -101,7 +101,7 @@
         <div class="flush"></div>
         <div class="block left">
             <h3>
-                <a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/blog/" onclick="setLanguage('fr')">
                     Blog
                     <span class="nicer">»</span>
                 </a>
@@ -112,7 +112,7 @@
         </div>
         <div class="block left">
             <h3>
-                <a href="/Scratch/fr/softwares" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/softwares" onclick="setLanguage('fr')">
                     Logiciels
                     <span class="nicer">»</span>
                 </a>
@@ -125,7 +125,7 @@
         </div>
         <div class="block right">
             <h3>
-                <a href="/Scratch/fr/about/contact" onclick="setLanguage('fr')">
+                <a href="/n3blog/fr/about/contact" onclick="setLanguage('fr')">
                     Contact
                     <span class="nicer">»</span>
                 </a>
@@ -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: 04/13/2011 
+                    Modified: 04/20/2011 
                 </div>
                 <div>
                     Entirely done with
@@ -197,12 +197,12 @@
                     <a href="http://nanoc.stoneship.org">nanoc</a>
                 </div>
                 <div>
-                    <a href="/Scratch/en/validation/">Validation</a> 
+                    <a href="/n3blog/en/validation/">Validation</a> 
                     <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
                     .
                     <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
                     .
-                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/en/blog/feed/feed.xml">[rss]</a>
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
                 </div>
             </div>
             <div class="clear"></div>

output/n3blog/css/iPhone.css

@@ -0,0 +1,2 @@
+#content { width: 100%; font-size: 20px; }
+.corps { padding-right: 2px; padding-left: 2px;}

output/n3blog/css/idc.css

@@ -0,0 +1,8 @@
+#idc-container-parent h3 {
+    display: inline;
+    left: auto;
+    border: none;
+    box-shadow: none;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+}

output/n3blog/css/twilight.css

@@ -0,0 +1,141 @@
+pre.twilight {
+    padding: .8em;
+}
+
+pre.twilight .DiffInserted {
+   /* background-color: #253B22; */
+   color: #F8F8F8;
+}
+pre.twilight .DiffHeader {
+   /* background-color: #0E2231; */
+   color: #F8F8F8;
+   font-style: italic;
+}
+pre.twilight .CssPropertyValue {
+   color: #F9EE98;
+}
+pre.twilight .CCCPreprocessorDirective {
+   color: #AFC4DB;
+}
+pre.twilight .Constant {
+   color: #CF6A4C;
+}
+pre.twilight .DiffChanged {
+   /* background-color: #4A410D; */
+   color: #F8F8F8;
+}
+pre.twilight .EmbeddedSource {
+   /* background-color: #A3A6AD; */
+}
+pre.twilight .Support {
+   color: #9B859D;
+}
+pre.twilight .MarkupList {
+   color: #F9EE98;
+}
+pre.twilight .CssConstructorArgument {
+   color: #8F9D6A;
+}
+pre.twilight .Storage {
+   color: #F9EE98;
+}
+pre.twilight .line-numbers {
+   /* background-color: #DDF0FF; */
+   color: #000000;
+}
+pre.twilight .CssClass {
+   color: #9B703F;
+}
+pre.twilight .StringConstant {
+   color: #DDF2A4;
+}
+pre.twilight .CssAtRule {
+   color: #8693A5;
+}
+pre.twilight .MetaTagInline {
+   color: #E0C589;
+}
+pre.twilight .MarkupHeading {
+   color: #CF6A4C;
+}
+pre.twilight .CssTagName {
+   color: #CDA869;
+}
+pre.twilight .SupportConstant {
+   color: #CF6A4C;
+}
+pre.twilight .DiffDeleted {
+   /* background-color: #420E09; */
+   color: #F8F8F8;
+}
+pre.twilight .CCCPreprocessorLine {
+   color: #8996A8;
+}
+pre.twilight .StringRegexpSpecial {
+   color: #CF7D34;
+}
+pre.twilight .EmbeddedSourceBright {
+   /* background-color: #9C9EA4; */
+}
+pre.twilight .InvalidIllegal {
+   /* background-color: #241A24; */
+   color: #F8F8F8;
+}
+pre.twilight .SupportFunction {
+   color: #DAD085;
+}
+pre.twilight .CssAdditionalConstants {
+   color: #CA7840;
+}
+pre.twilight .MetaTagAll {
+   color: #AC885B;
+}
+pre.twilight .StringRegexp {
+   color: #E9C062;
+}
+pre.twilight .StringEmbeddedSource {
+   color: #DAEFA3;
+}
+pre.twilight .EntityInheritedClass {
+   color: #9B5C2E;
+   font-style: italic;
+}
+pre.twilight .CssId {
+   color: #8B98AB;
+}
+pre.twilight .CssPseudoClass {
+   color: #8F9D6A;
+}
+pre.twilight .StringVariable {
+   color: #8A9A95;
+}
+pre.twilight .String {
+   color: #8F9D6A;
+}
+pre.twilight .Keyword {
+   color: #CDA869;
+}
+pre.twilight {
+   /* background-color: #141414; */
+   color: #F8F8F8;
+}
+pre.twilight .CssPropertyName {
+   color: #C5AF75;
+}
+pre.twilight .DoctypeXmlProcessing {
+   color: #494949;
+}
+pre.twilight .InvalidDeprecated {
+   color: #D2A8A1;
+   font-style: italic;
+}
+pre.twilight .Variable {
+   color: #7587A6;
+}
+pre.twilight .Entity {
+   color: #9B703F;
+}
+pre.twilight .Comment {
+   color: #5F5A60;
+   font-style: italic;
+}

output/n3blog/en/about/contact/index.html

@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.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="Contact" type="text/html" hreflang="fr" href="/n3blog/fr/about/contact/" />
+<link rel="alternate" lang="en" xml:lang="en" title="Contact" type="text/html" hreflang="en" href="/n3blog/en/about/contact/" />
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <title>Contact</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+            
+            <div id="entete">
+                <div id="choix"> 
+                    <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomen">Subscribe</a> </div>
+                    <div id="choixlang"><a href="/n3blog/fr/about/contact/" onclick="setLanguage('fr')">en Français</a> </div>
+                    <div id="liens">
+                        <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                    </div>
+                </div>
+            </div>
+            
+            <img src="/n3blog/img/presentation.png" alt="Presentation drawing"/>
+            <div id="titre">
+                <h1>
+                    Contact
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/about/">About <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">Contact <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/about/cv/">Curriculum Vitæ <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/technical_details/">Technical details <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/old/">Other website <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+
+            <div id="afterheader">
+                <div class="corps">
+                    <h1 class="first" id="how-to-contact-me">How to contact me</h1>
+
+<p><img src="/n3blog/img/about/avatar.png" alt="Avatar" class="left" /></p>
+
+<p><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a><br />
+  Follow me on <a href="http://twitter.com/yogsototh">twitter</a><br />
+  My preferred bookmarks <a href="http://diigo.com/profile/yogsototh">diigo</a><br />
+  Open Source <a href="http://github.com/yogsototh">github</a><br />
+<a href="http://stackoverflow.com/users/40569/yogsototh">stackoverflow</a></p>
+
+                    
+                    <div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
+                    
+                </div>
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Modified: 01/06/2011 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/about/cv/index.html

@@ -0,0 +1,559 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.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="Curriculum Vitæ" type="text/html" hreflang="fr" href="/n3blog/fr/about/cv/" />
+<link rel="alternate" lang="en" xml:lang="en" title="Curriculum Vitæ" type="text/html" hreflang="en" href="/n3blog/en/about/cv/" />
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <title>Curriculum Vitæ</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+            
+            <div id="entete">
+                <div id="choix"> 
+                    <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomen">Subscribe</a> </div>
+                    <div id="choixlang"><a href="/n3blog/fr/about/cv/" onclick="setLanguage('fr')">en Français</a> </div>
+                    <div id="liens">
+                        <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                    </div>
+                </div>
+            </div>
+            
+            <img src="/n3blog/img/presentation.png" alt="Presentation drawing"/>
+            <div id="titre">
+                <h1>
+                    Curriculum Vitæ
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/about/">About <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/contact/">Contact <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">Curriculum Vitæ <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/about/technical_details/">Technical details <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/old/">Other website <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+
+            <div id="afterheader">
+                <div class="corps">
+                    <div style="text-align: center">
+    <a href="/n3blog/files/cv_en.pdf">
+        <img class="inside" src="/n3blog/img/about/cv/cv.png" alt="preview cv"/>
+        &darr; pdf version
+    </a>
+</div>
+
+
+</div>
+
+<div class="corps">
+
+
+<h1 class="first">
+    
+    Professional background
+</h1>
+<div><table class="description" summary="Professionnal background"><tr class="assombris20"><td class="definitionCell">
+    from 2009 </td><td class="valueCell"> GridPocket co-founder, Sophia Antipolis, France </td></tr><tr class="assombris10"><td class="definitionCell">
+    from 2007 </td><td class="valueCell"> Airfrance consultant, Astek, Sophia Antipolis, France </td></tr><tr class="assombris20"><td class="definitionCell">
+    2006-2007 </td><td class="valueCell"> Post PhD in the Laboratory Hubert Curien, Saint-Etienne, France </td></tr><tr class="assombris10"><td class="definitionCell">
+    2004-2006 </td><td class="valueCell"> ATER, (College Degree Teacher)  </td></tr><tr class="assombris20"><td class="definitionCell">
+    2001-2004 </td><td class="valueCell"> Allocataire Moniteur (PhD student with a grant + a teach grant)  </td></tr><tr class="assombris10"><td class="definitionCell">
+    1999-2000 </td><td class="valueCell"> College degree teaching </td></tr>
+    </table></div>
+
+
+
+</div>
+
+<div class="corps">
+
+
+<h1 class="first"> 
+    
+    Education
+</h1>
+<div><table class="description" summary="no description"><tr class="assombris20"><td class="definitionCell">
+    2004 </td><td class="valueCell"> PhD Degree in computer science in the 
+        <a href="http://www.lif.univ-mrs.fr"><abbr title="Laboratoire d'Informatique Fondamentale">LIF</abbr></a>,
+        <a href="http://www.up.univ-mrs.fr/"> Université de Provence</a>,
+        Marseille (France) </td></tr><tr class="assombris10"><td class="definitionCell">
+    2001 </td><td class="valueCell"> DEA in computer science </td></tr><tr class="assombris20"><td class="definitionCell">
+    2000 </td><td class="valueCell"> Maîtrise in computer science </td></tr><tr class="assombris10"><td class="definitionCell">
+    1999 </td><td class="valueCell"> Licence in computer science </td></tr><tr class="assombris20"><td class="definitionCell">
+    1998 </td><td class="valueCell"> DEUG MIAS (Math) </td></tr><tr class="assombris10"><td class="definitionCell">
+    1995 </td><td class="valueCell"> BAC S </td></tr>
+    </table></div>
+
+
+
+</div>
+
+<div class="corps">
+
+
+<h1 class="first">
+    
+    Research activities
+    
+</h1>
+
+<h4>
+     
+    Background
+</h4>
+     
+    <ul> 
+        <li>Machine Learning, </li> 
+        <li>Data Mining, </li> 
+        <li>Grammatical Inference </li> 
+    </ul>  
+     
+    
+
+    <h4>
+        
+         studied objects
+    </h4>
+
+    
+    <ul>
+        <li>Markov chains,</li>
+        <li>Hidden Markov Models, </li>
+        <li>Multiplicity Automata, </li> 
+        <li>Weighted Transducer, </li>
+        <li>Tree Weighted Automata, </li>
+        <li>Tree Edit Distance</li>
+    </ul>  
+    
+    
+
+<h4>
+    
+     main theoretical results 
+</h4>
+    <ul class="long">
+        <li> 
+        
+        Multiplicity Automata Algorithm which identifie the class of
+        rational stocastic languages in the limit with probability one, 
+        </li>
+        <li>
+        
+         The problem to know whether an MA generates a
+        probabilistic distribution is undecidable (was left open in 
+        Probabilistic Automata, Azaria Paz, 1977), 
+        </li>
+        <li> 
+        
+        Algorithm of identification in the limit with
+        probability one of some subclass of non deterministic <abbr title="Hidden Markov Model">HMM</abbr> 
+        </li>
+
+    </ul>
+
+<h2>
+     
+      Softwares 
+</h2>
+
+<h4><a href="http://yann.esposito.free.fr/sedil.php">SEDiL</a></h4>
+<p>
+
+ <a href="http://yann.esposito.free.fr/sedil.php?lang=en">SEDiL</a>: 
+    Software aimed to learn tree edit distances.
+    Developped in JAVA (11.000 lines with javadoc comments)&nbsp;; 
+
+</p>
+
+<p>
+
+ main features: 
+</p>
+    <ul class="small">
+        <li>
+        
+         edition operations cost matrix learning, 
+        </li>
+        <li>
+        
+         tree or string edit distance computation, 
+        
+        </li>
+        <li>
+        
+         
+        tree and strings visualisation,
+        </li>
+        <li>
+        
+         
+        classification using the K nearest 
+        neighbor algorithm, 
+        </li>
+        <li>
+        
+         
+        Tree pairs generation, 
+        </li>
+    </ul>
+
+    <h4> <a href="http://yann.esposito.free.fr/dees.php">DEES</a> </h4>
+
+    
+    
+    <a href="http://yann.esposito.free.fr/dees.php">DEES</a>:
+    Software of Multiplicity Automata inference 
+    written in C++ (7.500 lines, 10.000 with comments)&nbsp;; 
+    
+    <p>
+    
+    Main features: 
+    </p>
+    <ul class="small">
+        <li>
+        
+         Multiplicity Automata Inference, 
+        </li>
+        <li>
+        
+         Probabilistic Automata Inference 
+        (Hidden Markov Model Inference&nbsp;; learn Parameters 
+        and <b>Structure</b>), 
+        
+        </li>
+        <li>
+        
+         
+        Deterministic Probabilistic Automata Inference 
+        </li>
+        <li>
+        
+         Baum Welch Algorithm
+        (learn parameter of an 
+        <a href="http://en.wikipedia.org/wiki/Hidden_Markov_model">
+            <abbr title="Hidden Markov Model">HMM</abbr></a> from a sample), 
+        </li>
+        <li>
+        
+         
+        <a href="http://www.graphviz.org">GraphViz</a> export, 
+        </li>
+        <li>
+        
+         
+        Sample generation from an MA, 
+        </li>
+        <li> And many others... </li>
+    </ul>
+
+
+</div>
+
+<div class="corps">
+
+
+<h1 class="first">
+    
+     Scientific Publications 
+</h1>
+<div><table class="description" summary="no description"><tr class="assombris20"><td class="definitionCell">
+
+    
+     International Journal 
+    </td><td class="valueCell"> 
+    [Fundamenta&nbsp;Informaticæ,&nbsp;2008] 
+    [Pattern&nbsp;Recognition,&nbsp;2004] 
+    </td></tr><tr class="assombris10"><td class="definitionCell">
+
+    
+     French Journal 
+    </td><td class="valueCell"> 
+    [JEDAI&nbsp;2003] 
+    </td></tr><tr class="assombris20"><td class="definitionCell">
+
+
+International conferences
+</td><td class="valueCell"> 
+        [ECML&nbsp;2008] [ICGI&nbsp;2006] [COLT&nbsp;2006] [COLT&nbsp;2004] 
+        [ICALP&nbsp;2003] [ICGI&nbsp;2002] </td></tr><tr class="assombris10"><td class="definitionCell">
+    
+    
+    Conférences nationales  </td><td class="valueCell"> [CAp'06] [CAp'04] [CAp'03] </td></tr><tr class="assombris20"><td class="definitionCell">
+    Workshop                </td><td class="valueCell"> [TAGI'05] </td></tr><tr class="assombris10"><td class="definitionCell">
+    
+     PhD Thesis 
+        </td><td class="valueCell"> [Université&nbsp;de&nbsp;Provence&nbsp;2004] </td></tr>
+</table></div>
+
+
+</div>
+
+<div class="corps">
+
+
+<h1 class="first">
+    
+     Skills 
+</h1>
+<div><table class="description" summary="no description"><tr class="assombris20"><td class="definitionCell">
+
+    
+     Computer languages 
+</td><td class="valueCell">
+    <ul class="strong horizontal">
+        <li> Perl,          </li>
+        <li> Ruby,          </li>
+        <li> Awk,           </li>
+        <li> Python,        </li>
+        <li> Java,          </li>
+        <li> C++,           </li>
+        <li> C,             </li>
+        <li> Objective-C,   </li>
+        <li> PHP,           </li>
+        <li> scripts shell (zsh et bash), </li>
+        <li> LaTeX, ConTeXt, Metapost     </li>
+    </ul>
+    <ul class="horizontal">
+        <li> CamL </li>
+    </ul>
+</td></tr><tr class="assombris10"><td class="definitionCell">
+
+    WEB </td><td class="valueCell">
+    <ul class="horizontal">
+        <li> HTML, </li>
+        <li> XHTML, </li>
+        <li> CSS, </li>
+        <li> SVG,  </li>
+        <li> PHP,  </li>
+        <li> MySQL,  </li>
+        <li> PostGreSQL </li>
+    </ul>
+</td></tr><tr class="assombris20"><td class="definitionCell">
+
+    
+     Computer Networks 
+</td><td class="valueCell">
+    <ul class="horizontal">
+        <li> Ethernet, </li>
+        <li> TCP/IP, </li>
+        <li> UDP, </li>
+        <li> DHCP, </li>
+        <li> DNS, </li>
+        <li> tcpdump, </li>
+        <li> ethereal, </li>
+        <li> VPN </li>
+    </ul>
+</td></tr><tr class="assombris10"><td class="definitionCell">
+
+    
+     Security 
+</td><td class="valueCell">
+    <ul class="horizontal">
+        <li>
+        
+         Encryption, 
+        </li>
+        <li> PGP, GPG, </li>
+        <li> 
+        
+         Anonymous Networks, 
+        </li>
+        <li> Network security</li>
+    </ul>
+</td></tr><tr class="assombris20"><td class="definitionCell">
+
+    
+     Project Management 
+</td><td class="valueCell">
+    <ul class="horizontal">
+        <li> UML, </li>
+        <li> Merise, </li>
+        <li> SVN, </li>
+        <li> CVS </li>
+    </ul>
+</td></tr><tr class="assombris10"><td class="definitionCell">
+
+    API
+</td><td class="valueCell">
+    <ul class="horizontal">
+        <li> System V, </li>
+        <li> POSIX, </li>
+        <li> STL (C++), </li>
+        <li> Cocoa (Mac OS X) </li>
+    </ul>
+</td></tr><tr class="assombris20"><td class="definitionCell">
+
+    
+     Software 
+</td><td class="valueCell">
+    <ul class="horizontal">
+        <li> Entreprise Miner (SAS), </li>
+        <li> Weka, </li>
+        <li> Quartz Composer </li>
+    </ul>
+</td></tr><tr class="assombris10"><td class="definitionCell">
+
+    
+     Learning Methods 
+</td><td class="valueCell">
+    <ul class="horizontal small">
+        <li>
+        
+        
+        Attribute&nbsp;selection,
+        
+        </li>
+        <li>
+        Naïve&nbsp;Bayes, 
+        </li>
+        <li>
+        
+        
+        Decision&nbsp;Tree,
+        
+        </li>
+        <li>
+        
+        
+        K&nbsp;nearest&nbsp;neighboor,
+        
+        </li>
+        <li>
+        
+        
+        Markov&nbsp;Chains (bigrams,&nbsp;trigrams...),
+        
+        </li>
+        <li>
+        
+        
+        Hidden&nbsp;Markov&nbsp;Models (<abbr title="Hidden Markov Model">HMM</abbr>),
+        
+        </li>
+        <li>
+        
+        
+        Neural&nbsp;Network (Multilayer&nbsp;Perceptron),
+        
+        </li>
+        <li>
+        SVM,
+        </li>
+        <li>
+        Boosting 
+        </li>
+    </ul>
+</td></tr>
+
+</table></div>
+
+
+</div>
+
+<div class="corps">
+
+
+<h1 class="first">
+    
+     Miscellaneous 
+</h1>
+
+<h4>
+    
+     Network Project 
+</h4>
+
+<p>
+    
+     
+    I have done with
+    <a href="http://www.lif.univ-mrs.fr/~egodard"> Emmanuel Godard </a>
+    the conception of an 
+    <a href="http://www.lif.univ-mrs.fr/~esposito/enseignement/rez0.php">
+        anonymous network protocol (- in french -)</a>.
+    
+</p>
+
+<h4>
+    
+     Mac Softwares 
+</h4>
+<p>
+    
+     I've done some
+        <a href="http://yannesposito.com/YBlog/Softwares.html" >Mac sofwares</a>.
+        Such as screen saver using Quartz Composer, Dashboard widgets and
+        Objective-C.
+    
+</p>
+
+<h4>  Web </h4>
+<p>
+    
+    <a href="/n3blog/en/about/technical_details">You can see details on how I did this website</a>.
+</p>
+                    
+                    <div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
+                    
+                </div>
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Modified: 04/13/2011 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/about/index.html

@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.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="À propos" type="text/html" hreflang="fr" href="/n3blog/fr/about/" />
+<link rel="alternate" lang="en" xml:lang="en" title="About" type="text/html" hreflang="en" href="/n3blog/en/about/" />
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <title>About</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+            
+            <div id="entete">
+                <div id="choix"> 
+                    <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomen">Subscribe</a> </div>
+                    <div id="choixlang"><a href="/n3blog/fr/about/" onclick="setLanguage('fr')">en Français</a> </div>
+                    <div id="liens">
+                        <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><span class="active" title="You're here.">About</span></li></ul>
+                    </div>
+                </div>
+            </div>
+            
+            <img src="/n3blog/img/presentation.png" alt="Presentation drawing"/>
+            <div id="titre">
+                <h1>
+                    About
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><span class="active" title="You're here.">About <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/about/contact/">Contact <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/cv/">Curriculum Vitæ <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/technical_details/">Technical details <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/old/">Other website <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+
+            <div id="afterheader">
+                <div class="corps">
+                    <h2 class="first" id="to-better-know-me">To better know me</h2>
+
+<p><img src="/n3blog/img/about/yann1.jpg" alt="Une photo de moi" /></p>
+
+<div class="en">
+<div><table class="description" summary="miscellanious informations"><tr class="assombris20"><td class="definitionCell">
+    Name </td><td class="valueCell"> Yann Esposito </td></tr><tr class="assombris10"><td class="definitionCell">
+    Education </td><td class="valueCell"> Post Ph. D. in Computer Science  </td></tr><tr class="assombris20"><td class="definitionCell">
+    School </td><td class="valueCell"> Université de Provence </td></tr><tr class="assombris10"><td class="definitionCell">
+    Job </td><td class="valueCell"> IT at Sophia Antipolis (France) </td></tr>
+    </table></div>
+</div>
+
+<p>Books I like: </p>
+
+<ul>
+  <li>Goëdel, Escher &amp; Bach  <em>[Hofstadter]</em></li>
+  <li>On Numbers And Games <em>[Conway]</em></li>
+  <li>Baudolino <em>[Eco]</em></li>
+</ul>
+
+<p>Movies I like: </p>
+
+<ul>
+  <li>Eraserhead <em>[Lynch]</em></li>
+  <li>Mullholland Drive <em>[Lynch]</em></li>
+  <li>Naked Lunch <em>[Cronenberg]</em></li>
+  <li>eXistenZ <em>[Cronenberg]</em></li>
+</ul>
+
+<p><a href="http://diigo.com/profile/yogsototh">My online bookmarks</a></p>
+
+
+</div>
+
+<div class="corps">
+
+
+<h2 class="first" id="in-two-words">In two words</h2>
+
+<p>I’m a passionate guy. Passionate about</p>
+
+<ul>
+  <li>Computer Science: <a href="http://yann.esposito.free.fr/recherche.php">I’ve got a post Ph. D. degree in Computer Science</a>.</li>
+  <li>Programming: <a href="http://yann.esposito.free.fr/logiciels.php">I developed two scientific apps</a>, <a href="/YBlog/Softwares.html">two Mac screen savers</a>,</li>
+  <li>Computer Security: <a href="http://yann.esposito.free.fr/enseignement/rez0.php#projet">I designed a secure web protocol (similar to TOR)</a>, <a href="/YBlog/Computer/Entries/2008/7/30_Easy,_secure_and_portable_password_management_system.html">a method to securely remember strong passwords</a> (<a href="/YBlog/YPassword.html">programmed a dashboard widget</a> and a shell script to use this method). </li>
+</ul>
+
+<p>But before all, I love to learn. For example, I learned many programming languages: <code>C</code>, <code>C++</code>, <code>Objective-C</code>, <code>Python</code>, <code>Java</code>, <code>Perl</code>, <code>awk</code>, <code>bash</code>, <code>zsh</code>, <code>LaTeX</code>, <code>Metapost</code>, <code>camL</code>&hellip; And I’ve got the same passion about computer science research, computer security, philosophy and many other things.</p>
+
+
+</div>
+
+<div class="corps">
+
+
+<h2 class="first" id="my-little-story">My little story</h2>
+
+<p>I had my Ph. D degree in Computer Science in december 2004 at the LIF (Marseille). During the 3 years of my formation, not only I made my research but I also teach computer science and programming to University degree students. I also developed a program to experiment my theoretical results.</p>
+
+<p>Then I had a post Ph. D. Degree position in the Hubert Curien Laboratory at St-Etienne. My mission consisted to develop a scientific application (SEDiL). This application should be used by biologist and should have a simple and nice user interface.</p>
+
+<p>Today I work for AirFrance<small>&copy;</small> via Astek. This job need many differents skills, CMS and Web technologies, Perl, JSP, meta-programming&hellip;</p>
+
+                    
+                    <div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
+                    
+                </div>
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Modified: 04/29/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/about/old/index.html

@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.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="Autres sites" type="text/html" hreflang="fr" href="/n3blog/fr/about/old/" />
+<link rel="alternate" lang="en" xml:lang="en" title="Other website" type="text/html" hreflang="en" href="/n3blog/en/about/old/" />
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <title>Other website</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+            
+            <div id="entete">
+                <div id="choix"> 
+                    <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomen">Subscribe</a> </div>
+                    <div id="choixlang"><a href="/n3blog/fr/about/old/" onclick="setLanguage('fr')">en Français</a> </div>
+                    <div id="liens">
+                        <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                    </div>
+                </div>
+            </div>
+            
+            <img src="/n3blog/img/presentation.png" alt="Presentation drawing"/>
+            <div id="titre">
+                <h1>
+                    Other website
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/about/">About <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/contact/">Contact <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/cv/">Curriculum Vitæ <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/technical_details/">Technical details <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">Other website <span class="nicer">&raquo;</span></span></li></ul></div>
+
+            <div class="flush"></div>
+
+            <div id="afterheader">
+                <div class="corps">
+                    <div class="block left">
+        <h3>
+            <a href="http://yann.esposito.free.fr/recherche.php?css=blue&amp;lang=en"> Research 
+                <span class="nicer">»</span> 
+            </a>
+        </h3>
+        <p>
+        My research activities.
+        </p>
+    </div>
+
+<div class="block left">
+        <h3>
+            <a href="http://yann.esposito.free.fr/"> Student website 
+                <span class="nicer">»</span> 
+            </a>
+        </h3>
+        <p>
+        My student website. &#x271E; 2007
+        </p>
+    </div>
+
+<div class="flush"></div>
+
+                    
+                    <div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
+                    
+                </div>
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Modified: 10/04/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/about/technical_details/index.html

@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.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="Détails techniques" type="text/html" hreflang="fr" href="/n3blog/fr/about/technical_details/" />
+<link rel="alternate" lang="en" xml:lang="en" title="Technical details" type="text/html" hreflang="en" href="/n3blog/en/about/technical_details/" />
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <title>Technical details</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+            
+            <div id="entete">
+                <div id="choix"> 
+                    <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/yannespositocomen">Subscribe</a> </div>
+                    <div id="choixlang"><a href="/n3blog/fr/about/technical_details/" onclick="setLanguage('fr')">en Français</a> </div>
+                    <div id="liens">
+                        <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                    </div>
+                </div>
+            </div>
+            
+            <img src="/n3blog/img/presentation.png" alt="Presentation drawing"/>
+            <div id="titre">
+                <h1>
+                    Technical details
+                </h1>
+                 
+                <h2>
+                    How this website live.
+                </h2>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/about/">About <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/contact/">Contact <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/about/cv/">Curriculum Vitæ <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">Technical details <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/about/old/">Other website <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+
+            <div id="afterheader">
+                <div class="corps">
+                    <p>This website was completely made from scratch.  Most is done using 
+<a href="http://www.vim.org">Vim</a> and I generate pages using 
+<a href="http://nanoc.stoneship.org">nanoc</a>.</p>
+
+<p>
+
+Pictures were done with 
+<a href="http://inkscape.org">Inkscape</a> and 
+<a href="http://gimp.org">Gimp</a>. 
+My website is versionned using the 
+<a href="http://en.wikipedia.org/wiki/Distributed_Concurrent_Versions_System">
+    <acronym title="Distributed Concurrent Versions System">DCVS</acronym>
+</a> 
+<a href="http://git-scm.com">Git</a>.
+
+</p>
+
+<p>Blog comments are externalized to <del><a href="http://disqus.com">disqus</a></del> <a href="http://intensedebate.com">intense debate</a>.
+All I need is a static web server, no PHP, Java, ASP or CGI.
+Main advantages of this method concerns the load 
+and the security of the server.</p>
+
+<p>
+
+If you didn't understood anything, just remember I used only 
+<a href="http://en.wikipedia.org/wiki/OpenSource">Opensource</a> 
+and I mostly all done myself from scratch.
+
+</p>
+
+<p>If you want all the gory details I suggest you to read
+my <a href="/n3blog/en/blog/01_nanoc">article about nanoc</a>.</p>
+
+                    
+                    <div class="return"><a href="#entete" onclick="fastShowMenu()">&uarr;</a></div>
+                    
+                </div>
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Modified: 09/28/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/01_nanoc/index.html

@@ -0,0 +1,190 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="nanoc" type="text/html" hreflang="fr" href="/n3blog/fr/blog/01_nanoc/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="Nanoc" type="text/html" hreflang="en" href="/n3blog/en/blog/01_nanoc/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>Nanoc</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/01_nanoc/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    Nanoc
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h1 class="first" id="what-is-nanoc">What is nanoc?</h1>
+
+<p>It is not exactly a 
+<abbr title="Content Management System">CMS</abbr>.
+But a Framework to generate static web pages.</p>
+
+<p>You have to program yourself webpages, the code
+to generate the menu&hellip;</p>
+
+<p>I added feature to make my website multilingual for example</p>
+
+<p>You&rsquo;ll can find many informations on the
+<a href="http://nanoc.stoneship.org">official nanoc website</a>.</p>
+
+                </div>
+            
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/01_nanoc/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/01_nanoc/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/">Better than Grep&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/03_losthighway/">A try to demystify 'Lost Highway'&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/04_drm/">DRM are EVIL&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 10/10/2008
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/02_ackgrep/code/ack

@@ -0,0 +1,14 @@
+
+#!/usr/bin/env zsh
+(($#<1)) && { print 'usage: ack "regexp"' >&2; exit 1 }
+
+listeFic=( **/*(.) )
+autoload zargs
+zargs -- $listeFic -- grep $1 | perl -ne 'use Term::ANSIColor;
+if (m/([^:]*)(:.*)('$1')(.*)/) {
+    print color("green").$1;
+    print color("reset").$2;
+    print color("black","on_yellow").$3;
+    print color("reset").$4."\n";
+} '
+    

output/n3blog/en/blog/02_ackgrep/index.html

@@ -0,0 +1,233 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Mieux que grep" type="text/html" hreflang="fr" href="/n3blog/fr/blog/02_ackgrep/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="Better than Grep" type="text/html" hreflang="en" href="/n3blog/en/blog/02_ackgrep/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>Better than Grep</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/02_ackgrep/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    Better than Grep
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h1 class="first" id="update">update</h1>
+
+<p>As <a href="http://www.theworkinggeek.com">Andy Lester</a> told me <a href="http://betterthangrep.com"><code>ack</code></a> is a simple file you only have to copy in your <code>~/bin</code> folder. Now I&rsquo;ve got <code>ack</code> on my professional server.</p>
+
+<p>Go on <a href="http://betterthangrep.com">http://betterthangrep.com</a> to download it.</p>
+
+<p>Sincerely, I don&rsquo;t understand <code>ack</code> don&rsquo;t become a common command on all UNIX systems. I can no more live without. For me it is as essential as <code>which</code> or <code>find</code>.</p>
+
+
+</div>
+
+<div class="corps">
+
+
+<h1 class="first" id="better-than-grep">Better than grep</h1>
+
+<p>One of the my main usage of <code>grep</code> is</p>
+
+<div>
+    <pre class="twilight">
+grep <span class="String"><span class="String">'</span>pattern<span class="String">'</span></span> **/*(.)
+</pre>
+</div>
+
+<p>Most of time it is enough. 
+But it is far better with colored output. 
+<code>ack-grep</code> in Ubuntu does that. 
+As I couldn&rsquo;t install it on my &lsquo;Evil Company Server&rsquo;,
+I had done one myself in very few lines:</p>
+
+<div>
+    <div class="code"><div class="file"><a href="/n3blog/en/blog/02_ackgrep/code/ack"> &#x27A5; ack </a></div><div class="withfile">
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env zsh</span>
+((<span class="Variable"><span class="Variable">$</span>#</span><span class="Keyword">&lt;</span>1)) <span class="Keyword">&amp;&amp;</span> { print <span class="String"><span class="String">'</span>usage: ack &quot;regexp&quot;<span class="String">'</span></span> <span class="Keyword">&gt;&amp;2</span><span class="Keyword">;</span> exit 1 }
+
+listeFic=( **/*(.) )
+autoload zargs
+zargs -- <span class="Variable"><span class="Variable">$</span>listeFic</span> -- grep <span class="Variable"><span class="Variable">$</span>1</span> <span class="Keyword">|</span> perl -ne <span class="String"><span class="String">'</span>use Term::ANSIColor;</span>
+<span class="String">if (m/([^:]*)(:.*)(<span class="String">'</span></span><span class="Variable"><span class="Variable">$</span>1</span><span class="String"><span class="String">'</span>)(.*)/) {</span>
+<span class="String">    print color(&quot;green&quot;).$1;</span>
+<span class="String">    print color(&quot;reset&quot;).$2;</span>
+<span class="String">    print color(&quot;black&quot;,&quot;on_yellow&quot;).$3;</span>
+<span class="String">    print color(&quot;reset&quot;).$4.&quot;\n&quot;;</span>
+<span class="String">} <span class="String">'</span></span>
+    
+</pre>
+</div></div>
+</div>
+
+<p>For my team  and I it is usable enough.
+I hope it could help.</p>
+
+                </div>
+            
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/02_ackgrep/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/02_ackgrep/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/01_nanoc/"><span class="nicer">«</span>&nbsp;Nanoc</a>
+                        </div>
+                        
+                        
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/03_losthighway/">A try to demystify 'Lost Highway'&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/04_drm/">DRM are EVIL&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/05_git_create_remote_branch/">Git remote branch creation&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 07/22/2009
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/03_losthighway/03_losthighway_1/index.html

@@ -0,0 +1,229 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Lost Highway démystifié (un peu)" type="text/html" hreflang="fr" href="/n3blog/fr/blog/03_losthighway/03_losthighway_1/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="A try to demystify 'Lost Highway'" type="text/html" hreflang="en" href="/n3blog/en/blog/03_losthighway/03_losthighway_1/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>A try to demystify 'Lost Highway'</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/03_losthighway/03_losthighway_1/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    A try to demystify 'Lost Highway'
+                </h1>
+                 
+                <h2>
+                    Movie's keys 
+                </h2>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/blog/03_losthighway/">introduction <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">Movie's keys <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_2/">Who is the mystery man? <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_3/">Who's at the origin of the video tapes? <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_4/">What really happened? <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h1 class="first" id="movies-keys">Movie&rsquo;s keys</h1>
+
+<div class="encadre" style="text-align: center">
+        <strong>
+            All is in Fred's memory
+        </strong>
+</div>
+
+<p>In a first, it is clear for me, it is not a fantastic movie. If you follow this line, you&rsquo;ll face many problem explaining some scenes.</p>
+
+<p>My hypothesis is the movie describe the Fred&rsquo;s representation of reality.
+Each of his tries to escape reality will fail.</p>
+
+<p>Fred had commited an horrible act, a murder, and try to <em>repair</em> his memory to accepts it. He&rsquo;ll then create alternative realities.</p>
+
+<ul>
+  <li>In a first time he kills his wife (Renee) because he believes she cheated at him.</li>
+  <li>In the second part, he&rsquo;s weaker and will be manipulated by the blond equivalent of Renee to kill Dick Laurent.</li>
+  <li>In a third part, he kills Dick Laurent</li>
+</ul>
+
+<h2 id="why-this-interpretation-can-be-valid">Why this interpretation can be valid?</h2>
+
+<p>Because of the dialog at the begining of the movie. Cops ask Fred if he&rsquo;s own a video camera:</p>
+
+<blockquote>
+  <p>&ldquo;Do you own a video camera?&rdquo;<br />
+&ldquo;No, Fred hates them.&rdquo;<br />
+&ldquo;I like to remember things my own way.&rdquo;<br />
+&ldquo;What do you mean by that?&rdquo;<br />
+&ldquo;How I remember them, not necessarily the way they happened.&rdquo;  </p>
+</blockquote>
+
+<p>Then, what we see is not reality but the Fred&rsquo;s perception. Fred is the God of the reality we see. This is why some God/Devil interpretation of the movie works not so bad.</p>
+
+                </div>
+            
+                
+                    <div class="navigation">
+                        <div class="navigationprev"><a href="/n3blog/en/blog/03_losthighway/"><span class="nicer">«</span>&nbsp;previous</a></div>
+                        <div class="navigationnext"><a href="/n3blog/en/blog/03_losthighway/03_losthighway_2/">next&nbsp;<span class="nicer">»</span></a></div>
+                    </div>
+                    <div class="flush"></div>
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/03_losthighway/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/03_losthighway/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/"><span class="nicer">«</span>&nbsp;Better than Grep</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/01_nanoc/"><span class="nicer">«</span>&nbsp;Nanoc</a>
+                        </div>
+                        
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/04_drm/">DRM are EVIL&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/05_git_create_remote_branch/">Git remote branch creation&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/06_How_I_use_git/">Git for self&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 08/04/2009
+                    Modified: 07/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/03_losthighway/03_losthighway_2/index.html

@@ -0,0 +1,208 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Lost Highway démystifié (un peu)" type="text/html" hreflang="fr" href="/n3blog/fr/blog/03_losthighway/03_losthighway_2/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="A try to demystify 'Lost Highway'" type="text/html" hreflang="en" href="/n3blog/en/blog/03_losthighway/03_losthighway_2/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>A try to demystify 'Lost Highway'</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/03_losthighway/03_losthighway_2/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    A try to demystify 'Lost Highway'
+                </h1>
+                 
+                <h2>
+                    Who is the mystery man? 
+                </h2>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/blog/03_losthighway/">introduction <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_1/">Movie's keys <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">Who is the mystery man? <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_3/">Who's at the origin of the video tapes? <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_4/">What really happened? <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h2 class="first" id="who-is-the-mysterious-man">Who is the mysterious man?</h2>
+
+<p><img alt="l'homme mystérieux" src="/n3blog/img/blog/03_losthighway/mysteryman.jpg" class="left" /></p>
+
+<p>Who&rsquo;s this mysterious man? He tells Fred it&rsquo;s him who invited him in his house. He&rsquo;s present at the party and in the house of Fred in the same time. Eyes wide open, looking everything Fred&rsquo;s doing?</p>
+
+<p>It&rsquo;s a key of the movie. In my humble opinion, I believe it represents the bad part of Fred. Certainly jalousy. If I was catholic, I&rsquo;ll said he&rsquo;s Satan. He observe, film but don&rsquo;t act. He helps Fred to kill Dick Laurent.
+Fred had let him enter and cannot let him go.
+As <em>Iago</em> of Shakespeare is imprisonned by its own jalousy.
+The Mysterious Man help Fred doing the acts of violence. 
+It also force Fred to remember the reality.</p>
+
+<p>When he makes love to his wife (Renee), he sees the face of the Mysterious Man instead of his wife&rsquo;s face. In reality, it&rsquo;s the same person for Fred. It should be her who&rsquo;s the origin of his interior badness.</p>
+
+                </div>
+            
+                
+                    <div class="navigation">
+                        <div class="navigationprev"><a href="/n3blog/en/blog/03_losthighway/03_losthighway_1/"><span class="nicer">«</span>&nbsp;previous</a></div>
+                        <div class="navigationnext"><a href="/n3blog/en/blog/03_losthighway/03_losthighway_3/">next&nbsp;<span class="nicer">»</span></a></div>
+                    </div>
+                    <div class="flush"></div>
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/03_losthighway/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/03_losthighway/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/"><span class="nicer">«</span>&nbsp;Better than Grep</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/01_nanoc/"><span class="nicer">«</span>&nbsp;Nanoc</a>
+                        </div>
+                        
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/04_drm/">DRM are EVIL&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/05_git_create_remote_branch/">Git remote branch creation&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/06_How_I_use_git/">Git for self&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 08/04/2009
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/03_losthighway/03_losthighway_3/index.html

@@ -0,0 +1,204 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Lost Highway démystifié (un peu)" type="text/html" hreflang="fr" href="/n3blog/fr/blog/03_losthighway/03_losthighway_3/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="A try to demystify 'Lost Highway'" type="text/html" hreflang="en" href="/n3blog/en/blog/03_losthighway/03_losthighway_3/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>A try to demystify 'Lost Highway'</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/03_losthighway/03_losthighway_3/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    A try to demystify 'Lost Highway'
+                </h1>
+                 
+                <h2>
+                    Who's at the origin of the video tapes? 
+                </h2>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/blog/03_losthighway/">introduction <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_1/">Movie's keys <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_2/">Who is the mystery man? <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">Who's at the origin of the video tapes? <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_4/">What really happened? <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h2 class="first" id="whos-at-the-origin-of-the-video-tapes">Who&rsquo;s at the origin of the video tapes?</h2>
+
+<p>Certainly it&rsquo;s the mysterious man (Fred himself) who makes them. 
+Their reason should be:</p>
+
+<ul>
+  <li>Remember the reality to Fred. From Fred point-of-view, video tapes are the reality. He tries to forget reality. But, finally, the video tapes go to the end: the murder of his wife.</li>
+  <li>It may also be a reference to pornographic video tapes, made by Renee.</li>
+</ul>
+
+                </div>
+            
+                
+                    <div class="navigation">
+                        <div class="navigationprev"><a href="/n3blog/en/blog/03_losthighway/03_losthighway_2/"><span class="nicer">«</span>&nbsp;previous</a></div>
+                        <div class="navigationnext"><a href="/n3blog/en/blog/03_losthighway/03_losthighway_4/">next&nbsp;<span class="nicer">»</span></a></div>
+                    </div>
+                    <div class="flush"></div>
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/03_losthighway/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/03_losthighway/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/"><span class="nicer">«</span>&nbsp;Better than Grep</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/01_nanoc/"><span class="nicer">«</span>&nbsp;Nanoc</a>
+                        </div>
+                        
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/04_drm/">DRM are EVIL&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/05_git_create_remote_branch/">Git remote branch creation&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/06_How_I_use_git/">Git for self&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 08/04/2009
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/03_losthighway/03_losthighway_4/index.html

@@ -0,0 +1,227 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Lost Highway démystifié (un peu)" type="text/html" hreflang="fr" href="/n3blog/fr/blog/03_losthighway/03_losthighway_4/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="A try to demystify 'Lost Highway'" type="text/html" hreflang="en" href="/n3blog/en/blog/03_losthighway/03_losthighway_4/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>A try to demystify 'Lost Highway'</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/03_losthighway/03_losthighway_4/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    A try to demystify 'Lost Highway'
+                </h1>
+                 
+                <h2>
+                    What really happened? 
+                </h2>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><a href="/n3blog/en/blog/03_losthighway/">introduction <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_1/">Movie's keys <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_2/">Who is the mystery man? <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_3/">Who's at the origin of the video tapes? <span class="nicer">&raquo;</span></a></li><li><span class="active" title="You're here.">What really happened? <span class="nicer">&raquo;</span></span></li></ul></div>
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h2 class="first" id="what-really-happened">What really happened?</h2>
+
+<p>There is many possibilities here. But we have many indices. Here is a supposition.</p>
+
+<h3 id="hypothesis">#1 Hypothesis</h3>
+
+<p>The protagonist is a garagist fallen in love with a porno actress. He believe the producer is the bad guy who go again his will. Then he kills Dick Laurent.</p>
+
+<h3 id="hypothesis-1">#2 Hypothesis</h3>
+
+<p>He was really married, he had killed his wife. The the remorse let him create an alternate self, which live in a kind of perfect world. But after the time pass, his obsession about the murder came again. And nobody could know if he had killed Andy or not.</p>
+
+<h2 id="which-one-then">which one then?</h2>
+
+<p>The second hypothesis seems better. We can make much more interpretation with it. It explain in most part the strange phone call from Dick Laurent to Pete.
+But the first hypothesis remain coherent. And, we should probably make an in depth explanantion using the first hypothesis. And I&rsquo;m not sure it would be better.</p>
+
+<p>One of the strength of this movie is to understand there is many other coherent hypothesis. It is an expression of the <a href="http://en.wikipedia.org/wiki/Rashomon_effect">Rashomon effect</a>. Many different persons could describe in a coherent manner what they saw. But each description contradicts the others.</p>
+
+
+</div>
+
+<div class="corps">
+
+
+<h2 class="first" id="conclusion">Conclusion</h2>
+
+<p>There is much to tell about this movie. But I believe I put all essential keys here. It is a proof this movie is not a random one.</p>
+
+<p>I believe it is essential to remember the &ldquo;test of Rorschach effet&rdquo; when watching this movie.</p>
+
+<p>I&rsquo;d like to know or opinion&nbsp;; is my interpration wrong?</p>
+
+                </div>
+            
+                
+                    <div class="navigation">
+                        <div class="navigationprev"><a href="/n3blog/en/blog/03_losthighway/03_losthighway_3/"><span class="nicer">«</span>&nbsp;previous</a></div>
+                        <div class="navigationnext"></div>
+                    </div>
+                    <div class="flush"></div>
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/03_losthighway/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/03_losthighway/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/"><span class="nicer">«</span>&nbsp;Better than Grep</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/01_nanoc/"><span class="nicer">«</span>&nbsp;Nanoc</a>
+                        </div>
+                        
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/04_drm/">DRM are EVIL&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/05_git_create_remote_branch/">Git remote branch creation&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/06_How_I_use_git/">Git for self&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 08/04/2009
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/03_losthighway/index.html

@@ -0,0 +1,246 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <meta name="keywords" content="movie, David Lynch, Lost Highway, alternate reality">
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Lost Highway démystifié (un peu)" type="text/html" hreflang="fr" href="/n3blog/fr/blog/03_losthighway/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="A try to demystify 'Lost Highway'" type="text/html" hreflang="en" href="/n3blog/en/blog/03_losthighway/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>A try to demystify 'Lost Highway'</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/03_losthighway/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    A try to demystify 'Lost Highway'
+                </h1>
+                 
+                <h2>
+                    introduction 
+                </h2>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            <div id="sousliens"><ul><li><span class="active" title="You're here.">introduction <span class="nicer">&raquo;</span></span></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_1/">Movie's keys <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_2/">Who is the mystery man? <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_3/">Who's at the origin of the video tapes? <span class="nicer">&raquo;</span></a></li><li><a href="/n3blog/en/blog/03_losthighway/03_losthighway_4/">What really happened? <span class="nicer">&raquo;</span></a></li></ul></div>
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <p><img alt="Lost Highway" src="/n3blog/img/blog/03_losthighway/intro.jpg" /></p>
+
+<div class="small">
+...this movie must be watched knowing you'll cannot resolve the solution. At his best you'll can suggest an interpretation close to the one of David Lynch.<br />I believe I had found a coherent interpretation which allow to follow the movie without being totally lost. I believed it can give the keys necessary to make its own idea of the movie...
+</div>
+
+<p>Lost Higway is a really good movie. You keep watching it event it seem totally obscure. This is one of the strength of David Lynch.</p>
+
+<p>The first time I watched Lost Highway, I was a bit lost.
+Here some of explanations of Lost Highway I found on the Internet:</p>
+
+<ul>
+  <li>Fred make a pact with the devil incarnated by the <em>Mysterious Man</em>,</li>
+  <li><em>Mysterious Man</em> is a video camera,</li>
+  <li>Just the first part of the story is real. The rest is in the Fred&rsquo;s imagination,</li>
+</ul>
+
+<p>and I don&rsquo;t speak about many point of view found in forums.</p>
+
+<p>I finished to find two good site talking about this movie. But none of them still totally convinced me:</p>
+
+<ul>
+  <li>the first is <a href="http://www.mediacircus.net/lh.html">mediacircus</a>,</li>
+  <li>the second which state almost the same interpretation about the movie and explain with even more details is on <a href="http://www.jasonsweb.com/LostHighway/main.htm">jasonweb</a></li>
+</ul>
+
+<p>Nonetheless, this movie must be watched knowing you&rsquo;ll cannot resolve the solution. At his best you&rsquo;ll can suggest an interpretation close to the one of David Lynch.</p>
+
+<p>I believe I had found a coherent interpretation which allow to follow the movie <strong>without being totally lost</strong>. I believed it can give the keys necessary to make its own idea of the movie.</p>
+
+<h2 id="the-rorschach-test">The Rorschach test</h2>
+
+<p><img alt="test de Rorschach" src="/n3blog/img/blog/03_losthighway/rorschach.gif" class="left" /></p>
+
+<p>Like the protagonist, everybody see what he want to see in this movie. It is an invitation to think. Watch this movie is a little like watch a Rorschach&rsquo;s test. What do we see in it? Everybody put its own personnality in the interpretation of the movie.</p>
+
+<ul>
+  <li>If you are mystic, you&rsquo;ll see in the mysterious man a devil,</li>
+  <li>If you are more psychanalytics, you&rsquo;ll see an inconscient part of the protagonist&hellip;</li>
+</ul>
+
+<p>Generally, we stay in this movie and we fail explaining everything. There is almost always a point that don&rsquo;t fit within the interpretation of the movie. This is why trying to find a unique good interpretation of this movie is a mistake.</p>
+
+<h2 id="interprtation-ne-explanation">Interprétation&nbsp;&ne; Explanation</h2>
+
+<p>I give an <strong>interpretation</strong> and not an <strong>explanation</strong>. Just to tell my vision of the movie should be very different from yours.
+There is certainly many coherent explanations.</p>
+
+<p>I write this post because I believe I had found an interpretation which seems coherent for most of the movie.</p>
+
+                </div>
+            
+                
+                    <div class="navigation">
+                        <div class="navigationprev"></div>
+                        <div class="navigationnext"><a href="/n3blog/en/blog/03_losthighway/03_losthighway_1/">next&nbsp;<span class="nicer">»</span></a></div>
+                    </div>
+                    <div class="flush"></div>
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/03_losthighway/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/03_losthighway/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/"><span class="nicer">«</span>&nbsp;Better than Grep</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/01_nanoc/"><span class="nicer">«</span>&nbsp;Nanoc</a>
+                        </div>
+                        
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/04_drm/">DRM are EVIL&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/05_git_create_remote_branch/">Git remote branch creation&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/06_How_I_use_git/">Git for self&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 08/04/2009
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/04_drm/index.html

@@ -0,0 +1,213 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <meta name="keywords" content="drm, protection, iTunes, Apple">
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Les protections anti-copies sont LE MAL" type="text/html" hreflang="fr" href="/n3blog/fr/blog/04_drm/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="DRM are EVIL" type="text/html" hreflang="en" href="/n3blog/en/blog/04_drm/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>DRM are EVIL</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/04_drm/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    DRM are EVIL
+                </h1>
+                 
+                <h2>
+                    DRM are bad (+1) 
+                </h2>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h1 class="first" id="drm-are-evil-1">DRM are EVIL (+1)</h1>
+
+<p>My wife bought about 500€ (at least) of TV Shows on iTunes. She bought the first season of Battlestar Gallactica in english (she notified the language after the dowload). DRM make it impossible to play it with french sub-titles. </p>
+
+<div class="encadre">
+    <p style="text-align: center; font-size: 5em"><strong>WTF?</strong></p>
+</div>
+
+<p>Result, my wife would never buy any TV show on iTunes. She don&rsquo;t like DVD because it is not as easy to buy and to use than to simply download episodes.</p>
+
+<div class="encadre">
+
+Therefore far less money for you EVIL Copyrighter!!!!!
+
+</div>
+
+<p>My wife won&rsquo;t see these episodes.<br />
+This is a <strong>&lsquo;LOSE-LOSE&rsquo;</strong> cooperation.</p>
+
+                </div>
+            
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/04_drm/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/04_drm/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/03_losthighway/"><span class="nicer">«</span>&nbsp;A try to demystify 'Lost Highway'</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/"><span class="nicer">«</span>&nbsp;Better than Grep</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/01_nanoc/"><span class="nicer">«</span>&nbsp;Nanoc</a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/05_git_create_remote_branch/">Git remote branch creation&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/06_How_I_use_git/">Git for self&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub>&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 08/15/2009
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/05_git_create_remote_branch/code/git-create-new-branch.sh

@@ -0,0 +1,14 @@
+
+#!/usr/bin/env zsh
+
+if (($#<1)); then
+    print -- "usage: $0:t branch_name" >&2
+    exit 1
+fi
+
+branch=$1
+git br ${branch}
+git co ${branch}
+git config branch.${branch}.remote origin
+git config branch.${branch}.merge refs/heads/${branch}
+    

output/n3blog/en/blog/05_git_create_remote_branch/index.html

@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+        
+        
+        <meta name="keywords" content="git, branch, local, remote">
+        
+        <link rel="shortcut icon" type="image/x-icon" href="/n3blog/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/assets/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/css/twilight.css" />
+        <link rel="stylesheet" type="text/css" href="/n3blog/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="Création de branches externe avec Git" type="text/html" hreflang="fr" href="/n3blog/fr/blog/05_git_create_remote_branch/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="Git remote branch creation" type="text/html" hreflang="en" href="/n3blog/en/blog/05_git_create_remote_branch/" /> 
+        <script type="text/javascript" src="/n3blog/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/n3blog/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/n3blog/js/index.js"></script>
+        <!--[if lt IE 9]>
+        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
+        <![endif]-->
+        <!-- < % if containMaths %>
+        <script type="text/javascript" src="/n3blog/js/MathJax/MathJax.js"></script>
+        < % end %>
+        -->
+        <title>Git remote branch creation</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/n3blog/img/loading.gif" alt="loading..."/></div>');
+            // ]]>
+        </script>
+
+        <div id="content">
+
+            <div id="choix"> 
+                <div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
+                <div id="choixlang">
+                    <a href="/n3blog/fr/blog/05_git_create_remote_branch/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+            </div>
+            <div id="titre">
+                <h1>
+                    Git remote branch creation
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            
+
+            <div class="flush"></div>
+            <div id="afterheader">
+                <div class="corps">
+                    <h2 class="first" id="easiest-remote-git-branch-creation">easiest remote Git branch creation</h2>
+
+<p>I use git simply to synchronize stuff for personnal projects.
+Therefore, when I create a local branch I want most of time this
+branch to be created remotely.</p>
+
+<p>Here is the script I use to achieve that: </p>
+
+<div>
+    <div class="code"><div class="file"><a href="/n3blog/en/blog/05_git_create_remote_branch/code/git-create-new-branch.sh"> &#x27A5; git-create-new-branch.sh </a></div><div class="withfile">
+<pre class="twilight">
+<span class="Comment"><span class="Comment">#</span>!/usr/bin/env zsh</span>
+
+<span class="Keyword">if</span> ((<span class="Variable"><span class="Variable">$</span>#</span><span class="Keyword">&lt;</span>1))<span class="Keyword">;</span> <span class="Keyword">then</span>
+    print -- <span class="String"><span class="String">&quot;</span>usage: <span class="StringVariable"><span class="StringVariable">$</span>0</span>:t branch_name<span class="String">&quot;</span></span> <span class="Keyword">&gt;&amp;2</span>
+    exit 1
+<span class="Keyword">fi</span>
+
+branch=<span class="Variable"><span class="Variable">$</span>1</span>
+git br <span class="Variable"><span class="Variable">${</span>branch<span class="Variable">}</span></span>
+git co <span class="Variable"><span class="Variable">${</span>branch<span class="Variable">}</span></span>
+git config branch.<span class="Variable"><span class="Variable">${</span>branch<span class="Variable">}</span></span>.remote origin
+git config branch.<span class="Variable"><span class="Variable">${</span>branch<span class="Variable">}</span></span>.merge refs/heads/<span class="Variable"><span class="Variable">${</span>branch<span class="Variable">}</span></span>
+    
+</pre>
+</div></div>
+</div>
+
+<p>Of course, I suppose <code>origin</code> is already configured.</p>
+
+                </div>
+            
+                
+
+                <div id="choixrss">
+                    <a id="rss" href="http://feeds.feedburner.com/yannespositocomen">
+                        Subscribe
+                    </a>
+                </div>
+                <script type="text/javascript">
+                    $(document).ready(function(){ 
+                            $('#comment').hide(); 
+                            $('#clickcomment').click(showComments); 
+                        });
+                    function showComments() {
+                        $('#comment').show();
+                        $('#clickcomment').fadeOut();
+                    }
+                    document.write('<div id="clickcomment">Comments</div>');
+                </script>
+                <div class="flush"></div>
+                <div class="corps" id="comment">
+                    <h2 class="first">comments</h2>
+                    <noscript>
+                        You must enable javascript to comment.
+                    </noscript>
+                    
+    <script type="text/javascript">
+    var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
+    var idcomments_post_id = '/n3blog/en/blog/05_git_create_remote_branch/';
+    var idcomments_post_url = 'http://yannesposito.com/n3blog/en/blog/05_git_create_remote_branch/';
+    </script>
+    <span id="IDCommentsPostTitle" style="display:none"></span>
+    <script type='text/javascript' src='/n3blog/js/genericCommentWrapperV2.js'></script>
+    
+                </div>
+
+            <div id="entete" class="corps_spaced">
+                <div id="liens">
+                    <ul><li><a href="/n3blog/en/">Home</a></li>
+<li><a href="/n3blog/en/blog/">Blog</a></li>
+<li><a href="/n3blog/en/softwares/">Softwares</a></li>
+<li><a href="/n3blog/en/about/">About</a></li></ul>
+                </div>
+                <div class="flush"></div>
+                <hr/>
+                <div id="next_before_articles">
+                    <div id="previous_articles">
+                        previous entries
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/04_drm/"><span class="nicer">«</span>&nbsp;DRM are EVIL</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/03_losthighway/"><span class="nicer">«</span>&nbsp;A try to demystify 'Lost Highway'</a>
+                        </div>
+                        
+                        
+                        <div class="previous_article">
+                            <a href="/n3blog/en/blog/02_ackgrep/"><span class="nicer">«</span>&nbsp;Better than Grep</a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div id="next_articles">
+                        next entries
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/06_How_I_use_git/">Git for self&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/">Screensaver compilation option for Snow Leopard<sub>&copy;</sub>&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                        <div class="next_article">
+                            <a href="/n3blog/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/">ssh to Listen 443 on Snow Leopard&nbsp;<span class="nicer">»</span></a>
+                        </div>
+                        
+                        
+                    </div>
+                    <div class="flush"></div>
+                </div>
+            </div>
+
+
+            <div id="bottom">
+                <div>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
+                </div>
+                <div id="lastmod">
+                    Created: 08/17/2009
+                    Modified: 05/09/2010 
+                </div>
+                <div>
+                    Entirely done with
+                    <a href="http://www.vim.org">Vim</a>
+                    and 
+                    <a href="http://nanoc.stoneship.org">nanoc</a>
+                </div>
+                <div>
+                    <a href="/n3blog/en/validation/">Validation</a> 
+                    <a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
+                    .
+                    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
+                    .
+                    <a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/n3blog/en/blog/feed/feed.xml">[rss]</a>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+        <script type="text/javascript">
+        var clicky = { log: function(){ return; }, goal: function(){ return; }};
+        var clicky_site_id = 66374971;
+        (function() {
+              var s = document.createElement('script');
+              s.type = 'text/javascript';
+              s.async = true;
+              s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
+              ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
+        })();
+</script>
+<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
+    
+    </body>
+</html>

output/n3blog/en/blog/06_How_I_use_git/code/git-create-new-branch

@@ -0,0 +1,13 @@
+
+#!/usr/bin/env zsh
+
+if (($#<1)); then
+    print -- "usage: $0:t branch_name" >&2
+    exit 1
+fi
+
+branch=$1
+git br ${branch}
+git co ${branch}
+git config branch.${branch}.remote origin
+git config branch.${branch}.merge refs/heads/${branch}

output/n3blog/en/blog/06_How_I_use_git/code/git-get-remote-branches

@@ -0,0 +1,14 @@
+
+#!/usr/bin/env zsh
+
+# recup branches not on local
+localbranches=( $(git br | sed 's/\*/ /') )
+remoteMissingBranches=( $(git br -r | \
+    egrep -v "origin/HEAD|(${(j:|:)localbranches})" ) )
+for br in $remoteMissingBranches; do
+  branch=${br#origin/}
+  print "get remote branch $branch"
+  git br ${branch}
+  git config branch.${branch}.remote origin
+  git config branch.${branch}.merge refs/heads/${branch}
+done