Better CSS + Block integration

2010-09-28 03:34:37 +02:00 · 2010-09-28 03:34:37 +02:00 · d495346bc1
commit d495346bc1
parent 5b090de076
156 changed files with 535 additions and 44 deletions
--- a/content/css/main.css
+++ b/content/css/main.css
@ -671,3 +671,20 @@ a:hover

 a:hover .nicer
  color: $lighterRevealColor
+
+.block
+  width: 31%
+  text-align: left
+  line-height: 1em
+  margin-left: 1%
+  margin-right: 1%
+  font-size: .8em
+.block h3 
+  margin: 0
+  font-size: 1.3em
+.block p
+  line-height: 1.2em
+.left
+  float: left
+.right
+  float: right
--- a/content/html/en/software.md
+++ b/content/html/en/software.md
@ -0,0 +1,24 @@
+----- 
+title: Softwares
+menupriority: 3
+noSubMenu: true
+hidden: false
+-----
+
+<%= block( %{YPassword}, 
+    %{/Scratch/en/softwares/ypassword}, 
+    %{YPassword is a password manager that make your web life more secure} 
+) %>
+
+<%= block( %{YAquabubbles}, 
+    %{/Scratch/en/softwares/yaquabubbles}, 
+    %{Nice underwater floating bubbles}
+    ) %>
+
+<%= block( %{YClock}, 
+    %{/Scratch/en/softwares/yclock}, 
+    %{Biohazard logo inspired clock},
+    "right"
+    ) %>
+
+<div class="flush"></div>
--- a/content/html/fr/software.md
+++ b/content/html/fr/software.md
@ -0,0 +1,24 @@
+----- 
+title: Softwares
+menupriority: 3
+noSubMenu: true
+hidden: false
+-----
+
+<%= block( %{YPassword}, 
+    %{/Scratch/en/softwares/ypassword}, 
+    %{YPassword is a password manager that make your web life more secure} 
+) %>
+
+<%= block( %{YAquabubbles}, 
+    %{/Scratch/en/softwares/yaquabubbles}, 
+    %{Nice underwater floating bubbles}
+    ) %>
+
+<%= block( %{YClock}, 
+    %{/Scratch/en/softwares/yclock}, 
+    %{Biohazard logo inspired clock},
+    "right"
+    ) %>
+
+<div class="flush"></div>
--- a/lib/y.rb
+++ b/lib/y.rb
@ -152,3 +152,15 @@ module Nanoc3::Filters
    end
 end

+def block(title, url, text, position="left")
+    return %{<div class="block #{position}">
+        <h3>
+            <a href="#{url}"> #{title} 
+                <span class="nicer">»</span> 
+            </a>
+        </h3>
+        <p>
+        #{text}
+        </p>
+    </div>}
+end
--- a/multi/software.md
+++ b/multi/software.md
@ -0,0 +1,23 @@
+----- 
+title: Softwares
+menupriority: 3
+noSubMenu: true
+hidden: false
+-----
+<%= block( %{YPassword}, 
+    %{/Scratch/en/softwares/ypassword}, 
+    %{YPassword is a password manager that make your web life more secure} 
+) %>
+
+<%= block( %{YAquaBubbles}, 
+    %{/Scratch/en/softwares/yaquabubbles}, 
+    %{Nice underwater floating bubbles}
+    ) %>
+
+<%= block( %{YClock}, 
+    %{/Scratch/en/softwares/yclock}, 
+    %{Biohazard logo inspired clock},
+    "right"
+    ) %>
+
+<div class="flush"></div>
--- a/output/Scratch/assets/css/main.css
+++ b/output/Scratch/assets/css/main.css
--- a/output/Scratch/en/about/contact/index.html
+++ b/output/Scratch/en/about/contact/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/about/cv/index.html
+++ b/output/Scratch/en/about/cv/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
@ -523,7 +524,7 @@ International conferences
                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
                </div>
                <div id="lastmod">
-                    Modified: 08/02/2010 
+                    Modified: 09/28/2010 
                </div>
                <div>
                    Entirely done with
--- a/output/Scratch/en/about/index.html
+++ b/output/Scratch/en/about/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><span class="active" title="You're here.">About</span></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/about/old/index.html
+++ b/output/Scratch/en/about/old/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
@ -92,7 +93,7 @@
                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
                </div>
                <div id="lastmod">
-                    Modified: 08/02/2010 
+                    Modified: 09/28/2010 
                </div>
                <div>
                    Entirely done with
--- a/output/Scratch/en/about/technical_details/index.html
+++ b/output/Scratch/en/about/technical_details/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
@ -104,7 +105,7 @@ my <a href="/Scratch/en/blog/01_nanoc">article about nanoc</a>.</p>
                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
                </div>
                <div id="lastmod">
-                    Modified: 08/02/2010 
+                    Modified: 09/28/2010 
                </div>
                <div>
                    Entirely done with
--- a/output/Scratch/en/blog/01_nanoc/index.html
+++ b/output/Scratch/en/blog/01_nanoc/index.html
@ -106,6 +106,7 @@ to generate the menu&hellip;</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/02_ackgrep/index.html
+++ b/output/Scratch/en/blog/02_ackgrep/index.html
@ -145,6 +145,7 @@ I hope it could help.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_1/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_1/index.html
@ -137,6 +137,7 @@ Each of his tries to escape reality will fail.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_2/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_2/index.html
@ -116,6 +116,7 @@ It also force Fred to remember the reality.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_3/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_3/index.html
@ -112,6 +112,7 @@ Their reason should be:</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/03_losthighway/03_losthighway_4/index.html
+++ b/output/Scratch/en/blog/03_losthighway/03_losthighway_4/index.html
@ -135,6 +135,7 @@ But the first hypothesis remain coherent. And, we should probably make an in dep
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/03_losthighway/index.html
+++ b/output/Scratch/en/blog/03_losthighway/index.html
@ -154,6 +154,7 @@ There is certainly many coherent explanations.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/04_drm/index.html
+++ b/output/Scratch/en/blog/04_drm/index.html
@ -117,6 +117,7 @@ This is a <strong>&lsquo;LOSE-LOSE&rsquo;</strong> cooperation.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/05_git_create_remote_branch/index.html
+++ b/output/Scratch/en/blog/05_git_create_remote_branch/index.html
@ -124,6 +124,7 @@ git config branch.<span class="Variable"><span class="Variable">${</span>branch<
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/06_How_I_use_git/index.html
+++ b/output/Scratch/en/blog/06_How_I_use_git/index.html
@ -272,6 +272,7 @@ remoteMissingBranches=( <span class="String"><span class="String">$(</span>git b
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
+++ b/output/Scratch/en/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
@ -108,6 +108,7 @@ After a bit more research (thanks to <a href="http://community.electricsheep.org
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
+++ b/output/Scratch/en/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
@ -170,6 +170,7 @@ ssh -p 443 -D 9050 username@host
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
+++ b/output/Scratch/en/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
@ -108,6 +108,7 @@ Google Analytics <big><strong>&gt;</strong></big> Who's Amung Us
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
+++ b/output/Scratch/en/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
@ -347,6 +347,7 @@ print -P -- <span class="String"><span class="String">&quot;</span>  Publish ter
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/11_Load_Disqus_Asynchronously/index.html
+++ b/output/Scratch/en/blog/11_Load_Disqus_Asynchronously/index.html
@ -169,6 +169,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
+++ b/output/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html
@ -133,6 +133,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/index.html
+++ b/output/Scratch/en/blog/2009-09-jQuery-Tag-Cloud/index.html
@ -648,7 +648,7 @@ But you can easily translate from Ruby to Javascript.</p>
 </ul></div><div class="list" id="iPhone"><h4>iPhone <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
                    <li style="line-height: 3em; margin: 0;">
                        <span class="date">
-        <span class="day">1</span>
+        <span class="day">2</span>
        <span class="month">Sep</span>
        <span class="year">2010</span>
    </span> 
@ -954,7 +954,7 @@ But you can easily translate from Ruby to Javascript.</p>
 </ul></div><div class="list" id="Objective_C"><h4>Objective-C <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
                    <li style="line-height: 3em; margin: 0;">
                        <span class="date">
-        <span class="day">1</span>
+        <span class="day">2</span>
        <span class="month">Sep</span>
        <span class="year">2010</span>
    </span> 
@ -990,7 +990,7 @@ But you can easily translate from Ruby to Javascript.</p>
 </ul></div><div class="list" id="Programming"><h4>Programming <a href="#tagcloud">&uarr;</a></h4><ul style="list-style-type: none; margin: 0;">
                    <li style="line-height: 3em; margin: 0;">
                        <span class="date">
-        <span class="day">1</span>
+        <span class="day">2</span>
        <span class="month">Sep</span>
        <span class="year">2010</span>
    </span> 
@ -1878,6 +1878,7 @@ of the maximal size.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-09-replace-all-except-some-part/index.html
+++ b/output/Scratch/en/blog/2009-09-replace-all-except-some-part/index.html
@ -175,6 +175,7 @@ text
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
+++ b/output/Scratch/en/blog/2009-10-28-custom-website-synchronisation-with-mobileme--2-/index.html
@ -356,6 +356,7 @@ Hope it is usefull. I&rsquo;ll be happy to hear a way to handle the webdav renam
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/index.html
+++ b/output/Scratch/en/blog/2009-10-30-How-to-handle-evil-IE/index.html
@ -129,6 +129,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-10-Focus-vs-Minimalism/index.html
+++ b/output/Scratch/en/blog/2009-10-Focus-vs-Minimalism/index.html
@ -166,6 +166,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/index.html
+++ b/output/Scratch/en/blog/2009-10-How-to-preload-your-site-with-style/index.html
@ -176,6 +176,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
+++ b/output/Scratch/en/blog/2009-10-Wait-to-hide-a-menu-in-jQuery/index.html
@ -177,6 +177,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-10-launch-daemon-from-command-line/index.html
+++ b/output/Scratch/en/blog/2009-10-launch-daemon-from-command-line/index.html
@ -106,6 +106,7 @@ nohup cmd <span class="Keyword">&amp;</span>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-10-untaught-git-usage/index.html
+++ b/output/Scratch/en/blog/2009-10-untaught-git-usage/index.html
@ -307,6 +307,7 @@ For now I don&rsquo;t made alias to correct that. But may be one day I should do
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/Git-pour-quoi-faire/index.html
@ -312,6 +312,7 @@ Yogsototh
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/c-est-parti-pour-l-aventure/index.html
@ -208,6 +208,7 @@ git commit -a -m <span class="String"><span class="String">&quot;</span>conflict
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/commandes-avancees/index.html
@ -234,6 +234,7 @@ $ git checkout branch_name
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/comprendre/index.html
@ -121,6 +121,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/conf-et-install/index.html
@ -239,6 +239,7 @@ git clone ssh://server/path/to/project
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-11-12-Git-for-n00b/index.html
+++ b/output/Scratch/en/blog/2009-11-12-Git-for-n00b/index.html
@ -159,6 +159,7 @@ git push
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-12-06-iphone-call-filter/index.html
+++ b/output/Scratch/en/blog/2009-12-06-iphone-call-filter/index.html
@ -98,6 +98,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2009-12-14-Git-vs--Bzr/index.html
+++ b/output/Scratch/en/blog/2009-12-14-Git-vs--Bzr/index.html
@ -236,6 +236,7 @@ git commit -m <span class="String"><span class="String">&quot;</span>reverted 3
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
+++ b/output/Scratch/en/blog/2010-01-04-Change-default-shell-on-Mac-OS-X/index.html
@ -100,6 +100,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
+++ b/output/Scratch/en/blog/2010-01-12-antialias-font-in-Firefox-under-Ubuntu/index.html
@ -161,6 +161,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-02-15-All-but-something-regexp/index.html
+++ b/output/Scratch/en/blog/2010-02-15-All-but-something-regexp/index.html
@ -164,6 +164,7 @@ It can be proved that any regular set minus a finite set is also regular.
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/index.html
+++ b/output/Scratch/en/blog/2010-02-16-All-but-something-regexp--2-/index.html
@ -185,6 +185,7 @@ For example:</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/index.html
+++ b/output/Scratch/en/blog/2010-02-18-split-a-file-by-keyword/index.html
@ -129,6 +129,7 @@ Mon Dec  7 10:32:30 UTC 2009
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
+++ b/output/Scratch/en/blog/2010-02-23-When-regexp-is-not-the-best-solution/index.html
@ -194,6 +194,7 @@ chomp:  0.820000   0.040000   0.860000 (  0.947432)
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-03-22-Git-Tips/index.html
+++ b/output/Scratch/en/blog/2010-03-22-Git-Tips/index.html
@ -153,6 +153,7 @@ $ <span class="Keyword">for</span> br <span class="Keyword">in</span> <span clas
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-03-23-Encapsulate-git/index.html
+++ b/output/Scratch/en/blog/2010-03-23-Encapsulate-git/index.html
@ -257,6 +257,7 @@ git co clientB <span class="Keyword">&amp;&amp;</span> git merge client
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/index.html
+++ b/output/Scratch/en/blog/2010-05-17-at-least-this-blog-revive/index.html
@ -135,6 +135,7 @@ You&rsquo;ll be surprised by the results.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
+++ b/output/Scratch/en/blog/2010-05-19-How-to-cut-HTML-and-repair-it/index.html
@ -201,6 +201,7 @@ return res
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
+++ b/output/Scratch/en/blog/2010-05-24-Trees--Pragmatism-and-Formalism/index.html
@ -386,6 +386,7 @@ M - V - M - V - tag2      tag1
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-06-14-multi-language-choices/index.html
+++ b/output/Scratch/en/blog/2010-06-14-multi-language-choices/index.html
@ -134,6 +134,7 @@ However <a href="http://nanoc.stoneship.org">nanoc</a> was conceived to be used
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-06-15-Get-my-blog-engine/index.html
+++ b/output/Scratch/en/blog/2010-06-15-Get-my-blog-engine/index.html
@ -224,6 +224,7 @@ Rakefile    </td><td class="valueCell"> not mandatory for this blog </td></tr>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/index.html
+++ b/output/Scratch/en/blog/2010-06-17-hide-yourself-to-analytics/index.html
@ -166,6 +166,7 @@ First you should look on how <a href="/Scratch/en/blog/2010-06-17-track-events-w
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/index.html
+++ b/output/Scratch/en/blog/2010-06-17-track-events-with-google-analytics/index.html
@ -167,6 +167,7 @@ _gaq.<span class="SupportFunction">push</span>([<span class="String"><span class
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
+++ b/output/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html
@ -138,6 +138,7 @@ No need to use a <code>jQuery</code> plugin.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
+++ b/output/Scratch/en/blog/2010-07-05-Cappuccino-and-Web-applications/index.html
@ -260,6 +260,7 @@ But if it is, it could be the end of projects like Cappuccino and Sproutcore.</p
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
+++ b/output/Scratch/en/blog/2010-07-07-CSS-rendering-problems-by-navigator/index.html
@ -126,6 +126,7 @@ Utilisez <strong><code>-moz-box-shadow</code></strong> avec parcimonie.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-07-09-Indecidabilities/index.html
+++ b/output/Scratch/en/blog/2010-07-09-Indecidabilities/index.html
@ -320,6 +320,7 @@ In a future next part, I&rsquo;ll explain what we can hope and what attitude we
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-07-31-New-style-after-holidays/index.html
+++ b/output/Scratch/en/blog/2010-07-31-New-style-after-holidays/index.html
@ -101,6 +101,7 @@ I was inspired by Readability and iBooks<small>&copy;</small> (the iPhone<small>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/index.html
+++ b/output/Scratch/en/blog/2010-08-23-Now-heberged-on-heroku/index.html
@ -185,6 +185,7 @@ I hope it is helpful.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
+++ b/output/Scratch/en/blog/2010-08-31-send-mail-from-command-line-with-attached-file/index.html
@ -168,6 +168,7 @@ If I need it another time I should consider to make a shell script to automatize
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
+++ b/output/Scratch/en/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/index.html
@ -128,6 +128,7 @@ Now the date you see at the bottom is exactly the date I modified the <em>conten
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
+++ b/output/Scratch/en/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html
@ -156,6 +156,7 @@ here are two functions to add to your code to have <code>base64</code> and <code
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/blog/index.html
+++ b/output/Scratch/en/blog/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><span class="active" title="You're here.">Blog</span></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/blog/mvc/index.html
+++ b/output/Scratch/en/blog/mvc/index.html
@ -110,6 +110,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/en/error/401-authorization_required/index.html
+++ b/output/Scratch/en/error/401-authorization_required/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/error/403-forbidden/index.html
+++ b/output/Scratch/en/error/403-forbidden/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/error/404-not_found/index.html
+++ b/output/Scratch/en/error/404-not_found/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/error/408-request_timed_out/index.html
+++ b/output/Scratch/en/error/408-request_timed_out/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/error/500-internal_server_error/index.html
+++ b/output/Scratch/en/error/500-internal_server_error/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/error/503-service_unavailable/index.html
+++ b/output/Scratch/en/error/503-service_unavailable/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/index.html
+++ b/output/Scratch/en/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><span class="active" title="You're here.">Homepage</span></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/rss/index.html
+++ b/output/Scratch/en/rss/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/en/software/index.html
+++ b/output/Scratch/en/software/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="/Scratch/img/favicon.ico" />
+        <link rel="stylesheet" type="text/css" href="/Scratch/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="Softwares" type="text/html" hreflang="fr" href="/Scratch/fr/software/" /> 
+        <link rel="alternate" lang="en" xml:lang="en" title="Softwares" type="text/html" hreflang="en" href="/Scratch/en/software/" /> 
+        <script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
+        <script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
+        <script type="text/javascript" src="/Scratch/js/index.js"></script>
+        <script type="text/javascript" src="/Scratch/js/menu.js"></script>
+        <title>Softwares</title>
+    </head>
+    <body lang="en">
+        <script type="text/javascript">// <![CDATA[
+            document.write('<div id="blackpage"><img src="/Scratch/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="/Scratch/fr/software/" onclick="setLanguage('fr')">en Français</a>
+                </div>
+                <div id="liens">
+                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
+<li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><span class="active" title="You're here.">Softwares</span></li>
+<li><a href="/Scratch/en/about/">About</a></li></ul>
+                </div>
+            </div>
+            </div>
+            <img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
+            <div id="titre">
+                <h1>
+                    Softwares
+                </h1>
+                
+            </div>
+
+            <div class="flush"></div>
+
+            
+
+            
+
+            <div class="flush"></div>
+
+            <div id="afterheader">
+                <div class="corps">
+                    <div class="block left">
+        <h3>
+            <a href="/Scratch/en/softwares/ypassword"> YPassword 
+                <span class="nicer">»</span> 
+            </a>
+        </h3>
+        <p>
+        YPassword is a password manager that make your web life more secure
+        </p>
+    </div>
+
+<div class="block left">
+        <h3>
+            <a href="/Scratch/en/softwares/yaquabubbles"> YAquabubbles 
+                <span class="nicer">»</span> 
+            </a>
+        </h3>
+        <p>
+        Nice underwater floating bubbles
+        </p>
+    </div>
+
+<div class="block right">
+        <h3>
+            <a href="/Scratch/en/softwares/yclock"> YClock 
+                <span class="nicer">»</span> 
+            </a>
+        </h3>
+        <p>
+        Biohazard logo inspired clock
+        </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: 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="/Scratch/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>
+                </div>
+            </div>
+            <div class="clear"></div>
+        </div>
+    </body>
+</html>
--- a/output/Scratch/en/validation/index.html
+++ b/output/Scratch/en/validation/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/en/">Homepage</a></li>
 <li><a href="/Scratch/en/blog/">Blog</a></li>
+<li><a href="/Scratch/en/software/">Softwares</a></li>
 <li><a href="/Scratch/en/about/">About</a></li></ul>
                </div>
            </div>
@ -54,7 +55,7 @@

            

-            <div id="sousliens"><ul><li><a href="/Scratch/en/">Homepage</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/about/">About</a></li></ul></div>
+            <div id="sousliens"><ul><li><a href="/Scratch/en/">Homepage</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/software/">Softwares</a></li><li><a href="/Scratch/en/about/">About</a></li></ul></div>

            <div class="flush"></div>

--- a/output/Scratch/fr/about/contact/index.html
+++ b/output/Scratch/fr/about/contact/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/fr/about/cv/index.html
+++ b/output/Scratch/fr/about/cv/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
            </div>
@ -72,7 +73,7 @@ Si vous souhaitez pouvoir télécharger ce document en format PDF, iWorks ou Wor
                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
                </div>
                <div id="lastmod">
-                    modifié le : 29/04/2010 
+                    modifié le : 28/09/2010 
                </div>
                <div>
                    Site entièrement réalisé avec
--- a/output/Scratch/fr/about/index.html
+++ b/output/Scratch/fr/about/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><span class="active" title="You're here.">À propos</span></li></ul>
                </div>
            </div>
--- a/output/Scratch/fr/about/old/index.html
+++ b/output/Scratch/fr/about/old/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
            </div>
@ -92,7 +93,7 @@
                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
                </div>
                <div id="lastmod">
-                    modifié le : 02/08/2010 
+                    modifié le : 28/09/2010 
                </div>
                <div>
                    Site entièrement réalisé avec
--- a/output/Scratch/fr/about/technical_details/index.html
+++ b/output/Scratch/fr/about/technical_details/index.html
@ -38,6 +38,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
            </div>
--- a/output/Scratch/fr/blog/01_nanoc/index.html
+++ b/output/Scratch/fr/blog/01_nanoc/index.html
@ -106,6 +106,7 @@ le <a href="http://nanoc.stoneship.org">site officiel de nanoc</a>.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/02_ackgrep/index.html
+++ b/output/Scratch/fr/blog/02_ackgrep/index.html
@ -145,6 +145,7 @@ c&rsquo;est suffisant. J&rsquo;espère que ça pourra vous aider.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_1/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_1/index.html
@ -149,6 +149,7 @@ Chaque fois qu&rsquo;il essaye d&rsquo;échapper à la réalité, celle-ci finir
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_2/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_2/index.html
@ -124,6 +124,7 @@ Il aide Fred à accomplir les actes de violences et aussi l&rsquo;oblige à se s
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_3/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_3/index.html
@ -114,6 +114,7 @@ Le rôle des cassettes est double&nbsp;: </p>
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/03_losthighway/03_losthighway_4/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/03_losthighway_4/index.html
@ -140,6 +140,7 @@ La première me semble aussi cohérente. C&rsquo;est cette première hypothèse
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/03_losthighway/index.html
+++ b/output/Scratch/fr/blog/03_losthighway/index.html
@ -156,6 +156,7 @@ Il y a certainement beaucoup d&rsquo;autres explications qui restent cohérentes
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/04_drm/index.html
+++ b/output/Scratch/fr/blog/04_drm/index.html
@ -117,6 +117,7 @@ C&rsquo;est ce qu&rsquo;on appelle une cooperation <strong>&lsquo;LOSE-LOSE&rsqu
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/05_git_create_remote_branch/index.html
+++ b/output/Scratch/fr/blog/05_git_create_remote_branch/index.html
@ -123,6 +123,7 @@ git config branch.<span class="Variable"><span class="Variable">${</span>branch<
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/06_How_I_use_git/index.html
+++ b/output/Scratch/fr/blog/06_How_I_use_git/index.html
@ -271,6 +271,7 @@ remoteMissingBranches=( <span class="String"><span class="String">$(</span>git b
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
+++ b/output/Scratch/fr/blog/07_Screensaver_compilation_option_for_Snow_Leopard/index.html
@ -107,6 +107,7 @@ j&rsquo;ai découvert les bons paramètres.</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
+++ b/output/Scratch/fr/blog/08_Configure_ssh_to_listen_the_port_443_on_Snow_Leopard/index.html
@ -171,6 +171,7 @@ Merci à tous ceux qui m&rsquo;ont aidé. Et la solution est&nbsp;:</p>
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
+++ b/output/Scratch/fr/blog/09_Why_I_didn-t_keep_whosamung-us/index.html
@ -108,6 +108,7 @@ Google Analytics <big><strong>&gt;</strong></big> Who's Amung Us
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
+++ b/output/Scratch/fr/blog/10_Synchronize_Custom_WebSite_with_mobileMe/index.html
@ -348,6 +348,7 @@ print -P -- <span class="String"><span class="String">&quot;</span>  Publish ter
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/output/Scratch/fr/blog/11_Load_Disqus_Asynchronously/index.html
+++ b/output/Scratch/fr/blog/11_Load_Disqus_Asynchronously/index.html
@ -169,6 +169,7 @@
                <div id="liens">
                    <ul><li><a href="/Scratch/fr/">Accueil</a></li>
 <li><a href="/Scratch/fr/blog/">Blog</a></li>
+<li><a href="/Scratch/fr/software/">Softwares</a></li>
 <li><a href="/Scratch/fr/about/">À propos</a></li></ul>
                </div>
                <div class="flush"></div>
--- a/Show more
+++ b/Show more