scratch/output/index.html

147 lines
6.3 KiB
HTML
Raw Normal View History

2010-04-16 21:45:54 +00:00
<?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" />
2010-07-16 07:54:49 +00:00
<meta name="google-site-verification" content="dJdaOEhcRTs6OPl6nDzJwQ6ftVfrWeA-9_ntYPQrf5o" />
2010-04-18 08:45:29 +00:00
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
2010-08-01 09:07:45 +00:00
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
2010-04-18 08:45:29 +00:00
2010-07-08 14:27:04 +00:00
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr" />
2010-04-18 08:45:29 +00:00
<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/" />
2010-04-16 21:45:54 +00:00
<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>
2010-07-08 14:27:04 +00:00
<script type="text/javascript">// <![CDATA[
2010-04-18 08:45:29 +00:00
// put the selected language in the cookie
2010-04-16 21:45:54 +00:00
function setLanguage(lang) {
2010-04-16 22:47:55 +00:00
$.cookie('language',lang, { path: '/Scratch'});
2010-04-16 21:45:54 +00:00
}
2010-07-08 14:27:04 +00:00
// ]]>
2010-04-16 21:45:54 +00:00
</script>
2010-04-18 08:45:29 +00:00
<noscript>
<link rel="stylesheet" type="text/css" href="/Scratch/css/nojs.css" />
</noscript>
<title>Yann Esposito - Yogsototh</title>
2010-07-08 14:27:04 +00:00
<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);
});
});
2010-07-08 14:27:04 +00:00
// ]]>
</script>
2010-09-10 12:24:50 +00:00
<style type="text/css">
2010-09-27 08:58:25 +00:00
.languageLabel {opacity:.3;display:block;float:left;position:absolute;left:-3.5em}
.lucida {
color: #CCCCCC;
font-family: "Lucida Grande", Tahoma;
}
a:hover .lucida {
color: #FFBFBE;
}
h3 { margin: 0; font-size: 1.3em; }
.block {
float: left;
width: 28%;
text-align: left;
line-height: 1em;
margin-left: 1em;
margin-right: 1em;
}
.block p {
line-height: 1.2em;
}
2010-09-10 12:24:50 +00:00
</style>
2010-04-16 21:45:54 +00:00
</head>
2010-09-26 20:55:20 +00:00
<body lang="fr" style="margin: 0em">
<div id="content" style="top:0">
<img src="/Scratch/img/presentation.png" alt="Presentation drawing"/>
2010-09-27 08:58:25 +00:00
<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>
2010-09-26 20:55:20 +00:00
</h1>
<div id="titre" style="padding: .1em; margin-top: 3em;">
<h2 style="letter-spacing: 2.7em">Yogsototh</h2>
2010-04-18 08:45:29 +00:00
</div>
2010-09-27 08:58:25 +00:00
<div id="afterheader" style="font-size: 1.1em; padding: 2em">
<div>
<div class="languageLabel"><i>English</i></div>
<div class="flush"/>
<div class="block">
<h3>
<a href="/Scratch/en/" onclick="setLanguage('en')">
Blog
<span class="lucida">»</span>
</a>
</h3>
<p>
I blog mostly technical things.
But sometimes about philosophy and science.
</p>
</div>
<div class="block">
<h3><a href="http://web.me.com/yann.esposito/Softwares/Welcome.html">Softwares
<span class="lucida">»</span>
</a>
</h3>
<p>
I make some software. Screensavers,
password manager,
scientific applications.
</p>
</div>
<div class="block">
<h3>
<a href="/Scratch/en/contact" onclick="setLanguage('en')">Contact <span class="lucida">»</span>
</a>
</h3>
<p>
Feel free to contact me about anything.
Don't be shy, I'll be happy to contact you.
</p>
</h3>
</div>
<div class="flush"/>
2010-04-19 07:00:56 +00:00
<hr/>
2010-09-10 12:24:50 +00:00
<i class="languageLabel">Français</i>
2010-09-10 09:36:27 +00:00
<span style="letter-spacing: .2em">
<a href="/Scratch/fr/" onclick="setLanguage('fr')">Blog</a> -
<a href="http://web.me.com/yann.esposito/Softwares/Welcome.html">Logiciels</a> -
<a href="/Scratch/fr/contact" onclick="setLanguage('fr')">Contact</a>
</span>
<br/>
<a href="http://j.mp/btfRJ2" style="letter-spacing:.3em">Curriculum Vitæ</a>
2010-09-10 12:24:50 +00:00
<div class="small" style="letter-spacing: -.02em">
<a href="http://yann.esposito.free.fr/enseignement/enseignement.php">Enseignement informatique(BAC+1 à BAC+5)</a> -
2010-09-10 09:36:27 +00:00
<a href="http://yann.esposito.free.fr/enseignement/projetrez0/projetrez0.html">Projet réseau anonyme</a>
</div>
2010-04-18 08:45:29 +00:00
</div>
</div>
</div>
2010-04-16 21:45:54 +00:00
</body>
</html>