233 lines
8.7 KiB
HTML
233 lines
8.7 KiB
HTML
<!doctype html>
|
|
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
|
|
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
|
|
<!--[if IE 7 ]> <html class="no-js ie7" lang="en"> <![endif]-->
|
|
<!--[if IE 8 ]> <html class="no-js ie8" lang="en"> <![endif]-->
|
|
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<!--
|
|
Copyright ©Yann Esposito 2011
|
|
Extended from HTML5boilerplate
|
|
-->
|
|
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
|
|
Remove this if you use the .htaccess -->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
<title>Blog</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
|
|
|
|
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
|
|
|
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
|
|
<link rel="shortcut icon" href="/Scratch/img/favicon.ico" />
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
|
|
|
|
<!-- CSS: implied media="all" -->
|
|
<link rel="stylesheet" href="/css/less.css"/>
|
|
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:bold' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Kreon:regular,bold' rel='stylesheet' type='text/css'>
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
|
|
<!-- Uncomment if you are specifically targeting less enabled mobile browsers
|
|
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
|
|
|
|
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
|
|
<script src="/js/libs/modernizr-1.7.min.js"></script>
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/ypasswordespozitocomfr"/>
|
|
|
|
</head>
|
|
|
|
<body lang="fr">
|
|
<header>
|
|
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
|
|
<div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
|
|
<nav id="mainnav">
|
|
<ul>
|
|
<ul><li><a href="/Scratch/fr/">YPassword</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<div id="metacontainer">
|
|
<div id="container">
|
|
|
|
<div id="main" role="main">
|
|
<hgroup>
|
|
<h1>Blog</h1>
|
|
|
|
</hgroup>
|
|
|
|
<article>
|
|
<div class="content">
|
|
|
|
|
|
|
|
<div id="elementblock">
|
|
<ul>
|
|
<li> <a href="#last-articles">Les 5 derniers articles </a></li>
|
|
<li> <a href="#tagcloud">Nuage de mots clés </a></li>
|
|
<li> <a href="#archives">Achives </a></li>
|
|
<li> <a href="#un-petit-mot-sur-le-contenu">Une remarque</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2 id="last-articles">
|
|
Les 5 derniers articles
|
|
</h2>
|
|
|
|
|
|
<article>
|
|
<span class="date">
|
|
<span class="day">5</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<h1> <a href="/Scratch/fr/blog/2011-05-05-Screenshots/">Screenshots <span class="nicer">»</span></a> </h1>
|
|
|
|
<div class="content">
|
|
<p><img alt="îcone" src="/Scratch/img/blog/2011-05-05-Screenshots/main.png" /></p>
|
|
|
|
|
|
<div class="intro">
|
|
|
|
|
|
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr> : </span></p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p>Ceci est une suite de quelques captures d’écran d’YPassword.</p>
|
|
|
|
<p><img alt="première image" src="/Scratch/img/blog/2011-05-05-Screenshots/screenshot1.png" /></p>
|
|
|
|
<p><img alt="seconde image" src="/Scratch/img/blog/2011-05-05-Screenshots/screenshot2.png" /></p>
|
|
</p></p></p>
|
|
|
|
<div class="flush"></div>
|
|
<div>
|
|
<p>
|
|
<a class="small" href="/Scratch/fr/blog/2011-05-05-Screenshots/">en lire plus <span class="nicer">»</span></a>
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
<hr/>
|
|
|
|
|
|
<div class="corps">
|
|
<h2 class="first">Tag Cloud</h2>
|
|
<div>
|
|
<script type="text/javascript">
|
|
$(document).ready( function(){$('.list').hide();$('#tagcloud a').removeAttr("href")} );
|
|
function tagSelected(id) {
|
|
$('.list').hide();
|
|
$('#'+id).fadeIn();
|
|
$('.tag.selected').removeClass('selected');
|
|
$('#tag_'+id).addClass('selected');
|
|
}
|
|
</script><div id="tagcloud"><a href="#images" style="font-size: 1.0em;" class="tag" onclick="tagSelected('images')" id="tag_images">images</a> </div><div id="hiddenDivs" ><div id="images" class="list"><h4>images</h4><ul style="list-style-type: none; margin: 0;">
|
|
<li style="line-height: 3em; margin: 0;">
|
|
<span class="date">
|
|
<span class="day">5</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2011</span>
|
|
</span>
|
|
<a href="/Scratch/fr/blog/2011-05-05-Screenshots/">Screenshots <span class="nicer">»</span></a>
|
|
</li>
|
|
</ul><a class="return" href="#tagcloud">↑</a></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="archives">Archives</h2>
|
|
|
|
<div id="sousliens" class="archive"><h4 class="button" onclick="$('#archives_2011').slideToggle()">[2011]</h4><ul id="archives_2011"><li><span class="date">
|
|
<span class="day">5</span>
|
|
<span class="month">Mai</span>
|
|
<span class="year">2011</span>
|
|
</span> <a href="/Scratch/fr/blog/2011-05-05-Screenshots/">Screenshots<span class="nicer">»</span></a></li></ul><script type="text/javascript">$('#archives_2011').hide()</script></div>
|
|
</div>
|
|
<footer>
|
|
<ul class="article_metadata">
|
|
<li>modifié le : <time> 08/05/2011</time></li>
|
|
<li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a></li>
|
|
</ul>
|
|
</footer>
|
|
</article>
|
|
|
|
</div>
|
|
</div> <!--! end of #container -->
|
|
</div> <!--! end of #metacontainer -->
|
|
<footer>
|
|
<div id="webpageinfo">
|
|
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
|
|
<div>
|
|
Site entièrement réalisé avec
|
|
<a href="http://www.vim.org">Vim</a>
|
|
et
|
|
<a href="http://nanoc.stoneship.org">nanoc</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<!-- JavaScript at the bottom for fast page loading -->
|
|
|
|
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
|
|
<script>window.jQuery || document.write("<script src='/js/libs/jquery-1.5.1.min.js'>\x3C/script>")</script>
|
|
|
|
|
|
<!-- scripts concatenated and minified via ant build script-->
|
|
<script src="/js/plugins.js"></script>
|
|
<script src="/js/script.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready( function(){$('.list').hide();$('#tagcloud a').removeAttr("href")} );
|
|
function tagSelected(id) {
|
|
$('.list').hide();
|
|
$('#'+id).fadeIn();
|
|
$('.tag.selected').removeClass('selected');
|
|
$('#tag_'+id).addClass('selected');
|
|
}
|
|
</script>
|
|
|
|
<!-- end scripts-->
|
|
|
|
|
|
<!--[if lt IE 7 ]>
|
|
<script src="/js/libs/dd_belatedpng.js"></script>
|
|
<script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
|
|
<![endif]-->
|
|
|
|
|
|
<!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
|
|
<script>
|
|
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
|
|
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
|
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
|
s.parentNode.insertBefore(g,s)}(document,"script"));
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
var clicky = { log: function(){ return; }, goal: function(){ return; }};
|
|
var clicky_site_id = 66374971;
|
|
(function() {
|
|
var s = document.createElement('script');
|
|
s.type = 'text/javascript';
|
|
s.async = true;
|
|
s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
|
|
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
|
|
})();
|
|
</script>
|
|
<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/66374971ns.gif" /></p></noscript>
|
|
|
|
</body>
|
|
</html>
|