Better intro (english for now)
This commit is contained in:
parent
071932a9a3
commit
ea891f2f11
1 changed files with 62 additions and 12 deletions
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue