scratch/output/index.html
2010-09-27 22:13:55 +02:00

227 lines
8.6 KiB
HTML

<?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="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']);
(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;}
h3 { margin: 0; font-size: 1.3em; }
.block {
width: 30%;
text-align: left;
line-height: 1em;
margin-left: 0;
margin-right: 2%;
}
.block p {
line-height: 1.2em;
}
.left { float: left; }
.right { float: right; }
</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">
<span style="letter-spacing:-.20em">Ya</span><spacer type="block" width="12"/><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">Yogsototh</h2>
</div>
<div id="afterheader" style="font-size: 1.1em; padding: 2em">
<div class="languageLabel"><i>English</i></div>
<div class="flush"></div>
<div class="block left">
<h3>
<a href="/Scratch/en/" 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="http://web.me.com/yann.esposito/Softwares/Welcome.html">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/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>
<div class="flush"></div>
<hr/>
<div class="languageLabel"><i>Français</i></div>
<div class="flush"></div>
<div class="block left">
<h3>
<a href="/Scratch/fr/" 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="http://web.me.com/yann.esposito/Softwares/Welcome.html">
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/contact" onclick="setLanguage('fr')">
Contact
<span class="nicer">»</span>
</a>
</h3>
<p>
Au diable la timidité, n'hésitez pas à me contacter, j'en 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>
<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>
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>