New organization

This commit is contained in:
Yann Esposito (Yogsototh) 2011-01-05 15:38:31 +01:00
parent afb3a2906d
commit f83ae21da3
8 changed files with 404 additions and 281 deletions

View file

@ -5,7 +5,7 @@ menupriority: 2
noSubMenu: true
-----
<%
number_of_articles=20
number_of_articles=5
number_of_char_for_resume=800
language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
@ -23,26 +23,24 @@ end
* [Archives <%=dArr%>](#archives)
* [Two words about the content <%=dArr%>](#two-words-about-the-content)
newcorps
## Last <%= number_of_articles %> Articles
## Last <%= number_of_articles %> articles
enddiv
<ul class="bloglist">
<% last_articles.each do |a| %>
<li>
<%= calendar_for(a[:created_at], language) %>
<%
linktext=%{<span class="sc">#{a[:title]} <span class="nicer">»</span></span>}
if a[:subtitle]
linktext<<=%{ <br> <span class="small" style="margin-left: 5em"><span class="small"><em>#{a[:subtitle]}</em></span></span>}
end
%>
<%= link_to(linktext, a) %>
</li>
<% end %>
</ul>
<h1>
<%= calendar_for( a[:created_at], language ) %>
<%= link_to(a[:title]+%{ <span class="nicer">»</span>}, a) %>
</h1>
<a href="#archives">Archives <%=dArr%></a>
<div class="corps">
<%= repair_html ( excerptize( a.reps[0].compiled_content, {:length => number_of_char_for_resume} ) ) %>
<div class="flush"></div>
<p>
<%= link_to(%{Read more <span class="nicer">»</span>}, a) %>
</p>
</div>
<% end %>
newcorps

View file

@ -1,46 +1,53 @@
-----
title: Homepage
---
title: Home
noSubMenu: true
-----
<%
number_of_articles=5
number_of_char_for_resume=800
language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
a.reps[0].path =~ /\/#{language}\// && a[:kind] == 'article'
end
last_articles=last_articles.sort { |x,y| y[:created_at] <=> x[:created_at] }[0..(number_of_articles-1)]
%>
<p>Welcome on my personnal website.</p>
<p>Here are the begining<sup><a href="#footnote1">&dagger;</a></sup> of my <%= number_of_articles %> last blog posts.</p>
<p> You can also search the entries with <a href="#tagcloud">tag cloud</a></p>
You can subscribe to my RSS feed. You'll never miss a post. <a href="/Scratch/en/rss">Click here</a> if you don't know what RSS feeds are.
<hr/>
<p class="small"><span id="footnote1">&dagger;</span> approximatively the <%= number_of_char_for_resume %> first characters.</p>
<% last_articles.each do |a| %>
</div>
<h1>
<%= calendar_for( a[:created_at], language ) %>
<%= link_to(a[:title]+%{ <span class="nicer">»</span>}, a) %>
</h1>
<div class="corps">
<%= repair_html ( excerptize( a.reps[0].compiled_content, {:length => number_of_char_for_resume} ) ) %>
<p>
<%= link_to(%{Read more <span class="nicer">»</span>}, a) %>
</p>
no_entete: true
---
<% content_for :title do %>
<span style="font-weight: normal; font-size: 2.5em; margin-top: 0; line-height: 1ex">
<span style="letter-spacing:-.20em">Ya</span><span style="display:inline-block; width:.1em;"></span><span style="letter-spacing: -.12em">nn</span>
<span style="letter-spacing: -.10em">Esposito</span>
</span>
<% end %>
<% content_for :subtitle do %>
<span style="letter-spacing: 2.7em; color: #111;">Yogsototh</span>
<% end %>
</div>
<div class="corps">
<% nbtags=20 %>
<h2>tag cloud (shorter than <%= nbtags %> words))</h2>
<%= tagCloud(nbtags) %>
</div>
newcorps
<div class="flush"></div>
<div class="block left">
<h3>
<a href="/Scratch/en/blog/" onclick="setLanguage('en')">
Blog
<span class="nicer">»</span>
</a>
</h3>
<p>
Computer, Philosophy <i>&amp;</i> Life.
</p>
</div>
<div class="block left">
<h3>
<a href="/Scratch/en/softwares" onclick="setLanguage('en')">
Softwares
<span class="nicer">»</span>
</a>
</h3>
<p>
Password Manager,
Screensavers <i>&amp;</i>
Scientific Applications.
</p>
</div>
<div class="block right">
<h3>
<a href="/Scratch/en/about/contact" onclick="setLanguage('en')">Contact
<span class="nicer">»</span>
</a>
</h3>
<p>
Don't be shy, I'll be happy to talk to <i>you</i>.
</p>
</h3>
</div>
Feel free to contact me.
<div class="flush"></div>

View file

@ -5,7 +5,7 @@ menupriority: 2
noSubMenu: true
-----
<%
number_of_articles=20
number_of_articles=5
number_of_char_for_resume=800
language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
@ -23,26 +23,24 @@ end
* [Archives <%=dArr%>](#archives)
* [Un petit mot sur le contenu <%=dArr%>](#un-petit-mot-sur-le-contenu)
newcorps
## Les <%= number_of_articles %> derniers articles
<ul class="bloglist">
<% last_articles.each do |a| %>
<li>
<%= calendar_for(a[:created_at], language) %>
<%
linktext=%{<span class="sc">#{a[:title]} <span class="nicer">»</span></span>}
if a[:subtitle]
linktext<<=%{ <br> <span class="small" style="margin-left: 5em"><span class="small"><em>#{a[:subtitle]}</em></span></span>}
end
%>
<%= link_to(linktext, a) %>
</li>
<% end %>
</ul>
enddiv
<a href="#archives">Archives <%=dArr%></a>
<% last_articles.each do |a| %>
<h1>
<%= calendar_for( a[:created_at], language ) %>
<%= link_to(a[:title]+%{ <span class="nicer">»</span>}, a) %>
</h1>
<div class="corps">
<%= repair_html ( excerptize( a.reps[0].compiled_content, {:length => number_of_char_for_resume} ) ) %>
<div class="flush"></div>
<p>
<%= link_to(%{en lire plus <span class="nicer">»</span>}, a) %>
</p>
</div>
<% end %>
newcorps

View file

@ -1,47 +1,98 @@
-----
title: Accueil
---
title: Bienvenue
noSubMenu: true
-----
<%
number_of_articles=5
number_of_char_for_resume=800
language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
a.reps[0].path =~ /\/#{language}\// && a[:kind] == 'article'
end
last_articles=last_articles.sort { |x,y| y[:created_at] <=> x[:created_at] }[0..(number_of_articles-1)]
%>
<p>Bonjour et bienvenue sur mon site personnel.</p>
<p>Voici l'<i>incipit</i><sup><a href="#footnote1">&dagger;</a></sup> de mes <%= number_of_articles %> derniers articles.</p>
<p>Vous pouvez aussi chercher des entrées en utilisant le <a href="#tagcloud">nuage de mots clés (tag cloud)</a></p>
Vous pouvez aussi vous abonner au flux RSS pour être certain d'être prévenu quand un nouvel article est posté. Pour plus d'explications vous pouvez vous référer à cette <a href="/Scratch/fr/rss">page</a>.
<hr/>
<p class="small"><span id="footnote1">&dagger;</span> approximativement les <%= number_of_char_for_resume %> premiers caractères.</p>
<% last_articles.each do |a| %>
</div>
<h1>
<%= calendar_for( a[:created_at], language ) %>
<%= link_to(a[:title]+%{ <span class="nicer">»</span>}, a) %>
</h1>
<div class="corps">
<%= repair_html ( excerptize( a.reps[0].compiled_content, {:length => number_of_char_for_resume} ) ) %>
<p>
<%= link_to(%{en lire plus <span class="nicer">»</span>}, a) %>
</p>
no_entete: true
---
<% content_for :title do %>
<span style="font-weight: normal; font-size: 2.5em; margin-top: 0; line-height: 1ex">
<span style="letter-spacing:-.20em">Ya</span><span style="display:inline-block; width:.1em;"></span><span style="letter-spacing: -.12em">nn</span>
<span style="letter-spacing: -.10em">Esposito</span>
</span>
<% end %>
<% content_for :subtitle do %>
<span style="letter-spacing: 2.7em; color: #111;">Yogsototh</span>
<% end %>
</div>
<a href="#titre">&uarr; back to top &uarr;</a>
<div class="corps">
<% nbtags=20 %>
<h2>tag cloud (moins de <%= nbtags %> mots clés)</h2>
<%= tagCloud(nbtags) %>
</div>
newcorps
<div class="flush"></div>
N'hésitez pas à me contacter.
<div class="block left">
<h3>
<a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
Blog
<span class="nicer">»</span>
</a>
</h3>
<p>
Ordinateurs, philosophie <i>&amp;</i> des choses de la vie.
</p>
</div>
<div class="block left">
<h3>
<a href="/Scratch/fr/softwares" onclick="setLanguage('fr')">
Logiciels
<span class="nicer">»</span>
</a>
</h3>
<p>
Des économiseurs d'écran,
un gestionnaire de mots de passe <i>&amp;</i>
des applications scientifiques.
</p>
</div>
<div class="block right">
<h3>
<a href="/Scratch/fr/about/contact" onclick="setLanguage('fr')">
Contact
<span class="nicer">»</span>
</a>
</h3>
<p>
Au diable la timidité, n'hésitez pas à me contacter, je serai ravi de <i>vous</i> parler.
</p>
</div>
<div class="flush"></div>
<div class="block left">
<h3>
<a href="http://j.mp/btfRJ2">
Curriculum Vitæ
<span class="nicer">»</span>
</a>
</h3>
<p>
Doctorat &rarr; Post Doc &rarr; Consultant<br/>
<i>Geek &rarr; G33K &rarr; G33|&lt;
</i>
</p>
</h4>
</div>
<div class="block left">
<h3>
<a href="http://yann.esposito.free.fr/enseignement/enseignement.php">
Enseignement
<span class="nicer">»</span>
</a>
</h3>
<p>
Informatique:<br/>
TD, TD <i>&amp;</i> solutions<br/>
BAC+1 à BAC+5<br/>
<i><a href="http://yann.esposito.free.fr/enseignement/projetrez0/projetrez0.html">Projet réseau anonyme
<span class="nicer">»</span></a>
</i>
</p>
</div>
<div class="block right">
<h3>
<a href="http://web.me.com/yann.esposito/Perso/Welcome.html">
Photos
<span class="nicer">»</span>
</a>
</h3>
<p>
<a href="mailto:yannesposito@gmail.com?Subject=Permission%20site%20famille" >
Cliquez ici pour avoir le mot de passe.
<span class="nicer">»</span>
</a>
</p>
</div>
<div class="flush"></div>

View file

@ -17,7 +17,7 @@ no_entete: true
<div class="flush"></div>
<div class="block left">
<h3>
<a href="/Scratch/en/" onclick="setLanguage('en')">
<a href="/Scratch/en/blog/" onclick="setLanguage('en')">
Blog
<span class="nicer">»</span>
</a>
@ -56,7 +56,7 @@ no_entete: true
<div class="flush"></div>
<div class="block left">
<h3>
<a href="/Scratch/fr/" onclick="setLanguage('fr')">
<a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
Blog
<span class="nicer">»</span>
</a>

View file

@ -5,7 +5,7 @@ menupriority: 2
noSubMenu: true
-----
<%
number_of_articles=20
number_of_articles=5
number_of_char_for_resume=800
language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
@ -26,27 +26,26 @@ fr: * [Nuage de mots clés <%=dArr%>](#tagcloud)
en: * [Two words about the content <%=dArr%>](#two-words-about-the-content)
fr: * [Un petit mot sur le contenu <%=dArr%>](#un-petit-mot-sur-le-contenu)
newcorps
en: ## Last <%= number_of_articles %> Articles
fr: ## Les <%= number_of_articles %> derniers articles
en: ## Last <%= number_of_articles %> articles
<ul class="bloglist">
enddiv
<% last_articles.each do |a| %>
<li>
<%= calendar_for(a[:created_at], language) %>
<%
linktext=%{<span class="sc">#{a[:title]} <span class="nicer">»</span></span>}
if a[:subtitle]
linktext<<=%{ <br> <span class="small" style="margin-left: 5em"><span class="small"><em>#{a[:subtitle]}</em></span></span>}
end
%>
<%= link_to(linktext, a) %>
</li>
<% end %>
</ul>
<h1>
<%= calendar_for( a[:created_at], language ) %>
<%= link_to(a[:title]+%{ <span class="nicer">»</span>}, a) %>
</h1>
<a href="#archives">Archives <%=dArr%></a>
<div class="corps">
<%= repair_html ( excerptize( a.reps[0].compiled_content, {:length => number_of_char_for_resume} ) ) %>
<div class="flush"></div>
<p>
fr: <%= link_to(%{en lire plus <span class="nicer">»</span>}, a) %>
en: <%= link_to(%{Read more <span class="nicer">»</span>}, a) %>
</p>
</div>
<% end %>
newcorps

View file

@ -1,57 +1,134 @@
-----
fr: title: Accueil
en: title: Homepage
---
en: title: Home
fr: title: Bienvenue
noSubMenu: true
-----
<%
number_of_articles=5
number_of_char_for_resume=800
language=@item_rep.path.sub(/\/Scratch\//,'').sub(/\/.*$/,'')
last_articles = @items.select do |a|
a.reps[0].path =~ /\/#{language}\// && a[:kind] == 'article'
end
last_articles=last_articles.sort { |x,y| y[:created_at] <=> x[:created_at] }[0..(number_of_articles-1)]
%>
fr: <p>Bonjour et bienvenue sur mon site personnel.</p>
fr:
fr: <p>Voici l'<i>incipit</i><sup><a href="#footnote1">&dagger;</a></sup> de mes <%= number_of_articles %> derniers articles.</p>
fr: <p>Vous pouvez aussi chercher des entrées en utilisant le <a href="#tagcloud">nuage de mots clés (tag cloud)</a></p>
en: <p>Welcome on my personnal website.</p>
en:
en: <p>Here are the begining<sup><a href="#footnote1">&dagger;</a></sup> of my <%= number_of_articles %> last blog posts.</p>
en: <p> You can also search the entries with <a href="#tagcloud">tag cloud</a></p>
fr: Vous pouvez aussi vous abonner au flux RSS pour être certain d'être prévenu quand un nouvel article est posté. Pour plus d'explications vous pouvez vous référer à cette <a href="/Scratch/fr/rss">page</a>.
en: You can subscribe to my RSS feed. You'll never miss a post. <a href="/Scratch/en/rss">Click here</a> if you don't know what RSS feeds are.
<hr/>
fr: <p class="small"><span id="footnote1">&dagger;</span> approximativement les <%= number_of_char_for_resume %> premiers caractères.</p>
en: <p class="small"><span id="footnote1">&dagger;</span> approximatively the <%= number_of_char_for_resume %> first characters.</p>
<% last_articles.each do |a| %>
</div>
<h1>
<%= calendar_for( a[:created_at], language ) %>
<%= link_to(a[:title]+%{ <span class="nicer">»</span>}, a) %>
</h1>
<div class="corps">
<%= repair_html ( excerptize( a.reps[0].compiled_content, {:length => number_of_char_for_resume} ) ) %>
<p>
fr: <%= link_to(%{en lire plus <span class="nicer">»</span>}, a) %>
en: <%= link_to(%{Read more <span class="nicer">»</span>}, a) %>
</p>
no_entete: true
---
<% content_for :title do %>
<span style="font-weight: normal; font-size: 2.5em; margin-top: 0; line-height: 1ex">
<span style="letter-spacing:-.20em">Ya</span><span style="display:inline-block; width:.1em;"></span><span style="letter-spacing: -.12em">nn</span>
<span style="letter-spacing: -.10em">Esposito</span>
</span>
<% end %>
<% content_for :subtitle do %>
<span style="letter-spacing: 2.7em; color: #111;">Yogsototh</span>
<% end %>
</div>
fr: <a href="#titre">&uarr; back to top &uarr;</a>
<div class="corps">
<% nbtags=20 %>
fr: <h2>tag cloud (moins de <%= nbtags %> mots clés)</h2>
en: <h2>tag cloud (shorter than <%= nbtags %> words))</h2>
<%= tagCloud(nbtags) %>
</div>
newcorps
<div class="flush"></div>
en: <div class="block left">
en: <h3>
en: <a href="/Scratch/en/blog/" onclick="setLanguage('en')">
en: Blog
en: <span class="nicer">»</span>
en: </a>
en: </h3>
en: <p>
en: Computer, Philosophy <i>&amp;</i> Life.
en: </p>
en: </div>
en: <div class="block left">
en: <h3>
en: <a href="/Scratch/en/softwares" onclick="setLanguage('en')">
en: Softwares
en: <span class="nicer">»</span>
en: </a>
en: </h3>
en: <p>
en: Password Manager,
en: Screensavers <i>&amp;</i>
en: Scientific Applications.
en: </p>
en: </div>
en: <div class="block right">
en: <h3>
en: <a href="/Scratch/en/about/contact" onclick="setLanguage('en')">Contact
en: <span class="nicer">»</span>
en: </a>
en: </h3>
en: <p>
en: Don't be shy, I'll be happy to talk to <i>you</i>.
en: </p>
en: </h3>
en: </div>
fr: N'hésitez pas à me contacter.
en: Feel free to contact me.
fr: <div class="block left">
fr: <h3>
fr: <a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
fr: Blog
fr: <span class="nicer">»</span>
fr: </a>
fr: </h3>
fr: <p>
fr: Ordinateurs, philosophie <i>&amp;</i> des choses de la vie.
fr: </p>
fr: </div>
fr: <div class="block left">
fr: <h3>
fr: <a href="/Scratch/fr/softwares" onclick="setLanguage('fr')">
fr: Logiciels
fr: <span class="nicer">»</span>
fr: </a>
fr: </h3>
fr: <p>
fr: Des économiseurs d'écran,
fr: un gestionnaire de mots de passe <i>&amp;</i>
fr: des applications scientifiques.
fr: </p>
fr: </div>
fr: <div class="block right">
fr: <h3>
fr: <a href="/Scratch/fr/about/contact" onclick="setLanguage('fr')">
fr: Contact
fr: <span class="nicer">»</span>
fr: </a>
fr: </h3>
fr: <p>
fr: Au diable la timidité, n'hésitez pas à me contacter, je serai ravi de <i>vous</i> parler.
fr: </p>
fr: </div>
fr: <div class="flush"></div>
fr: <div class="block left">
fr: <h3>
fr: <a href="http://j.mp/btfRJ2">
fr: Curriculum Vitæ
fr: <span class="nicer">»</span>
fr: </a>
fr: </h3>
fr: <p>
fr: Doctorat &rarr; Post Doc &rarr; Consultant<br/>
fr: <i>Geek &rarr; G33K &rarr; G33|&lt;
fr: </i>
fr: </p>
fr: </h4>
fr: </div>
fr: <div class="block left">
fr: <h3>
fr: <a href="http://yann.esposito.free.fr/enseignement/enseignement.php">
fr: Enseignement
fr: <span class="nicer">»</span>
fr: </a>
fr: </h3>
fr: <p>
fr: Informatique:<br/>
fr: TD, TD <i>&amp;</i> solutions<br/>
fr: BAC+1 à BAC+5<br/>
fr: <i><a href="http://yann.esposito.free.fr/enseignement/projetrez0/projetrez0.html">Projet réseau anonyme
fr: <span class="nicer">»</span></a>
fr: </i>
fr: </p>
fr: </div>
fr: <div class="block right">
fr: <h3>
fr: <a href="http://web.me.com/yann.esposito/Perso/Welcome.html">
fr: Photos
fr: <span class="nicer">»</span>
fr: </a>
fr: </h3>
fr: <p>
fr: <a href="mailto:yannesposito@gmail.com?Subject=Permission%20site%20famille" >
fr: Cliquez ici pour avoir le mot de passe.
fr: <span class="nicer">»</span>
fr: </a>
fr: </p>
fr: </div>
<div class="flush"></div>

View file

@ -2,77 +2,64 @@
<!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="google-site-verification" content="dJdaOEhcRTs6OPl6nDzJwQ6ftVfrWeA-9_ntYPQrf5o" />
<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/yannespositocomfr" />
<link rel="alternate" lang="fr" xml:lang="fr" title="Bienvenue" type="text/html" hreflang="fr" href="/Scratch/fr/" />
<link rel="alternate" lang="en" xml:lang="en" title="Welcome" type="text/html" hreflang="en" href="/Scratch/en/" />
<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">// <![CDATA[
// put the selected language in the cookie
function setLanguage(lang) {
$.cookie('language',lang, { path: '/Scratch'});
}
// ]]>
</script>
<noscript>
<link rel="stylesheet" type="text/css" href="/Scratch/css/nojs.css" />
</noscript>
<title>Yann Esposito - Yogsototh</title>
<script type="text/javascript">// <![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10612400-1']);
_gaq.push(['_trackPageview']);
<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="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="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
<title>Yann Esposito</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>
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
$(function () {
$('a').click(function () {
// tell analytics to save event
try {
_gaq.push(['_trackEvent', thisel.parents('[id!=""]:first').get(0).id, 'clicked', (thisel.text() || thisel.children('img:first').attr('alt'))]);
}
catch (err) {}
// pause to allow google script to run
var date = new Date();
var curDate = null;
do {
curDate = new Date();
} while(curDate-date < 300);
});
});
// ]]>
</script>
<style type="text/css">
.languageLabel {color:#ccc;display:block;float:left;position:relative;}
</style>
</head>
<body lang="fr" style="margin: 0em">
<div id="content" style="top:0;">
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
<h1 style="font-weight: normal; font-size: 5em; margin-top: 0; line-height: 1ex">
<div id="content">
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
<div id="titre">
<h1>
<span style="font-weight: normal; font-size: 2.5em; margin-top: 0; line-height: 1ex">
<span style="letter-spacing:-.20em">Ya</span><span style="display:inline-block; width:.1em;"></span><span style="letter-spacing: -.12em">nn</span>
<span style="letter-spacing: -.10em">Esposito</span>
</h1>
<div id="titre" style="padding: .1em; margin-top: 3em;">
<h2 style="letter-spacing: 2.7em; color: #111;">Yogsototh</h2>
</div>
<div id="afterheader" style="font-size: 1.3em; padding: 2em">
<div class="languageLabel"><i>English</i></div>
</span>
</h1>
<h2>
<span style="letter-spacing: 2.7em; color: #111;">Yogsototh</span>
</h2>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<div class="languageLabel"><i>English</i></div>
<div class="flush"></div>
<div class="block left">
<h3>
<a href="/Scratch/en/" onclick="setLanguage('en')">
<a href="/Scratch/en/blog/" onclick="setLanguage('en')">
Blog
<span class="nicer">»</span>
</a>
@ -111,7 +98,7 @@
<div class="flush"></div>
<div class="block left">
<h3>
<a href="/Scratch/fr/" onclick="setLanguage('fr')">
<a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">
Blog
<span class="nicer">»</span>
</a>
@ -189,27 +176,33 @@
</a>
</p>
</div>
<div class="flush"></div>
</div>
<div class="flush"></div>
<div id="bottom" style="">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright © 2010 Yann Esposito</a>
</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/05/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="/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>
<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>
</body>
</html>
</body>
</html>