Better intro (english for now)

This commit is contained in:
Yann Esposito (Yogsototh) 2010-09-27 10:58:25 +02:00
parent 071932a9a3
commit ea891f2f11

View file

@ -55,27 +55,77 @@
// ]]>
</script>
<style type="text/css">
.languageLabel {opacity:.3;display:block;float:left;position:absolute;left:.5em}
.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;
}
</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; line-height: 1ex">
<span style="letter-spacing: -.12em">Yann</span>
<span style="letter-spacing: -.05em">Esposito</span>
<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=" padding: 4em">
<div style="font-size: 1.7em;">
<i class="languageLabel">English</i>
<span style="letter-spacing: .2em">
<a href="/Scratch/en/" onclick="setLanguage('en')">Blog</a> -
<a href="http://web.me.com/yann.esposito/Softwares/Welcome.html">Softwares</a> -
<a href="/Scratch/en/contact" onclick="setLanguage('en')">Contact</a>
</span>
<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"/>
<hr/>
<i class="languageLabel">Français</i>
<span style="letter-spacing: .2em">