Better L&F

content/css/main.css

@@ -6,11 +6,34 @@ $behindColor: #1a0000
 $mainBackgroundColor: #fffae3
 $mainColor: #551100
 $revealColor: #faeac3
-$mainLinkColor: #aa5522
+$mainLinkColor: #663300
 $lighterColor: #eee0c2
 $codeBlockColor: $mainBackgroundColor
 $codeBlockBackgroundColor: $behindColor
 
+@mixin mainColor
+  color: $behindColor
+  background:
+    color: $mainBackgroundColor
+    image: url('/Scratch/css/img/mainColor.png')
+
+@mixin secondColor
+  color: $behindColor
+  background:
+    color: $lighterColor
+    image: url('/Scratch/css/img/secondColor.png')
+
+@mixin revealColor
+  background:
+    color: $revealColor
+    image: url('/Scratch/css/img/revealColor.png')
+
+@mixin codeColor
+  background:
+    color: $codeBlockBackgroundColor
+    image: url('/Scratch/css/img/codeColor.png')
+  color: $codeBlockColor
+
 table.description tr td
   border: 1px solid $lighterColor
 
@@ -19,14 +42,11 @@ table.description tr td
 
 body
   background:
-    color: $behindColor
     image: url('/Scratch/css/img/background.png')
   color: $mainBackgroundColor
 
 #content
-  background:
-    color: $mainBackgroundColor
-  color: $mainColor
+  @include mainColor
 
 a, a:link, a:visited, a:active, a:hover, #clickcomment
   text-decoration: none
@@ -34,7 +54,7 @@ a, a:link, a:visited, a:active, a:hover, #clickcomment
   color: $mainLinkColor
 
 a:hover, #clickcomment:hover
-  background-color: $revealColor
+  @include revealColor
 
 hr
   color: $mainColor
@@ -59,8 +79,7 @@ body, h1, h2, h3, h4, #entete, .tag
   background-repeat: no-repeat
 
 pre
-  background-color: $codeBlockBackgroundColor
-  color: $codeBlockColor
+  @include codeColor
   padding: 1em
   line-height: 1.2em
 
@@ -89,12 +108,12 @@ acronym
 // -- STYLE --
 
 #titre
-  background: $lighterColor
+  @include secondColor
   border-top: 1px solid $mainColor
   border-bottom: 1px solid $mainColor
 
 #liens .active, #bottom, #sousliens
-  background-color: $lighterColor
+  @include secondColor
 
 // -- FOOTER --
 #lastmod
@@ -151,7 +170,7 @@ h1 > .date
 
 .date .month
   border-left: solid $mainColor 0.1em
-  background-color: $lighterColor
+  @include secondColor
   color: $mainColor
   float: right
   width: 2.3em
@@ -291,14 +310,14 @@ $contentMargin: 0em
     bottom: 2em
 
 .encadre, .black, .red, .shadow
-  background-color: $lighterColor
+  @include secondColor
 
 .intro, .resume
   font-size: .9em
   font-style: italic
 
 #afterheader > h1
-  background-color: $lighterColor
+  @include secondColor
   width: 100%
   padding-bottom: 1.5em
 

output/Scratch/en/blog/2010-06-19-jQuery-popup-the-easy-way/index.html

@@ -191,7 +191,7 @@ No need to use a <code>jQuery</code> plugin.</p>
                     <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
                 </div>
                 <div id="lastmod">
-                    Created: 06/19/2010
+                    Created: 06/18/2010
                     Modified: 06/19/2010 
                 </div>
                 <div>

output/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/index.html

@@ -203,7 +203,7 @@ Il n&rsquo;y a pas de librairie officielle qui s&rsquo;occupe de ça.</p>
                     <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
                 </div>
                 <div id="lastmod">
-                    Écrit le : 02/09/2010
+                    Écrit le : 01/09/2010
                     modifié le : 04/09/2010 
                 </div>
                 <div>

output/Scratch/fr/blog/feed/feed.xml

@@ -218,7 +218,7 @@ En réalité, ce qui ralenti le rendu de ce site est par ordre d&rsq
 &lt;p&gt;Avant de commencer, je dois dire que je sais que Cappuccino et jQuery ne sont pas plus comparable que Cocoa et la &lt;em&gt;standard library&lt;/em&gt; en...&lt;/p&gt;&lt;/div&gt;&lt;/hr&gt;</content>
   </entry>
   <entry>
-    <id>tag:yannesposito.com,2010-06-18:/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/</id>
+    <id>tag:yannesposito.com,2010-06-19:/Scratch/fr/blog/2010-06-19-jQuery-popup-the-easy-way/</id>
     <title type="html">Comment faire des popups en jQuery rapidement</title>
     <published>2010-06-18T22:44:50Z</published>
     <updated>2010-06-18T22:44:50Z</updated>

output/Scratch/fr/blog/index.html

@@ -91,7 +91,7 @@
 
     <li style="line-height: 1em; margin: 0;">
         <span class="date">
-        <span class="day">2</span>
+        <span class="day">1</span>
         <span class="month">Sep</span>
         <span class="year">2010</span>
     </span> 
@@ -886,7 +886,7 @@
 </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">2</span>
+        <span class="day">1</span>
         <span class="month">Sep</span>
         <span class="year">2010</span>
     </span> 
@@ -1183,7 +1183,7 @@
 </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">2</span>
+        <span class="day">1</span>
         <span class="month">Sep</span>
         <span class="year">2010</span>
     </span> 
@@ -1228,7 +1228,7 @@
 </ul></div><div class="list" id="Programmation"><h4>Programmation <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">2</span>
+        <span class="day">1</span>
         <span class="month">Sep</span>
         <span class="year">2010</span>
     </span> 
@@ -1824,7 +1824,7 @@
         <span class="month">Sep</span>
         <span class="year">2010</span>
     </span> <a href="/Scratch/fr/blog/2010-09-02-Use-git-to-calculate-trusted-mtimes/">Utilisation de git pour calculer les mtimes</a></li><li><span class="date">
-        <span class="day">2</span>
+        <span class="day">1</span>
         <span class="month">Sep</span>
         <span class="year">2010</span>
     </span> <a href="/Scratch/fr/blog/2010-09-02-base64-and-sha1-on-iPhone/">base64 et sha1 sur iPhone</a></li><li><span class="date">

resources/background01.drawit/Info.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>fileVersion</key>
+	<integer>2</integer>
+</dict>
+</plist>

resources/mainColor.drawit/Info.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>fileVersion</key>
+	<integer>2</integer>
+</dict>
+</plist>

resources/revealColor.drawit/Info.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>fileVersion</key>
+	<integer>2</integer>
+</dict>
+</plist>

resources/secondColor.drawit/Info.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>fileVersion</key>
+	<integer>2</integer>
+</dict>
+</plist>

resources/separator.drawit/Info.plist

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>fileVersion</key>
+	<integer>2</integer>
+</dict>
+</plist>