2011-05-08 01:01:02 +00:00
<!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" >
2011-05-16 15:12:35 +00:00
<!-- CSS: blueprint framework -->
< link href = "/css/screen.css" media = "screen, projection" rel = "stylesheet" type = "text/css" / >
< link href = "/css/print.css" media = "print" rel = "stylesheet" type = "text/css" / >
<!-- [if lt IE 8]>
< link href = "/css/ie.css" media = "screen, projection" rel = "stylesheet" type = "text/css" / >
<![endif]-->
2011-05-08 01:01:02 +00:00
<!-- CSS: implied media="all" -->
2011-05-16 15:12:35 +00:00
<!-- Google Fonts -->
2011-05-08 01:01:02 +00:00
< 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" >
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
< script src = "/js/libs/modernizr-1.7.min.js" > < / script >
2011-05-13 17:20:27 +00:00
< link rel = "alternate" type = "application/rss+xml" title = "RSS" href = "http://feeds.feedburner.com/ypasswordespozitocomfr" / >
2011-05-08 01:01:02 +00:00
< / head >
2011-05-16 15:12:35 +00:00
< body lang = "fr" class = "bp" >
< div id = "container" >
< header >
< hgroup >
< h1 > Blog< / h1 >
< / hgroup >
< div id = "choixlang" > < a href = "/Scratch/en/blog/" onclick = "setLanguage('en')" > in English< / a > < / div >
< div id = "choixrss" > < a id = "rss" href = "http://feeds.feedburner.com/ypasswordespozitocomfr" > s'abonner< / 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 >
2011-05-08 01:01:02 +00:00
< div id = "main" role = "main" >
< 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 >
< / 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 >
2011-05-13 22:12:01 +00:00
< h1 > < a href = "/Scratch/fr/blog/2011-05-05-Screenshots/" > Captures d'écran < span class = "nicer" > »< / span > < / a > < / h1 >
2011-05-08 01:01:02 +00:00
< div class = "content" >
2011-05-13 20:01:52 +00:00
2011-05-08 01:01:02 +00:00
< div class = "intro" >
2011-05-13 20:01:52 +00:00
< p > < span class = "sc" > < abbr title = "Trop long à lire" > tlàl< / abbr > : < / span > Des captures d’ écrans.< / p >
2011-05-08 01:01:02 +00:00
< / div >
< p > Ceci est une suite de quelques captures d’ écran d’ YPassword.< / p >
2011-05-13 22:12:01 +00:00
< p > < img alt = "Entry screen" src = "/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class = "left" / > < / p >
2011-05-13 20:01:52 +00:00
< div class = "flush" > < / div >
2011-05-13 22:12:01 +00:00
< hr / >
2011-05-13 20:01:52 +00:00
< p > < img alt = "main view" src = "/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class = "left" / > < / p >
< p class = "big" > Lorsque vous tapez le mot de passe ou votre nom de login la lumière pulse. Votre mot de passe est copié, prêt à être collé n’ importe où.< / p >
2011-05-13 22:12:01 +00:00
< p class = "big" > Si vous appuyez sur le bouton “ go to website” vous allez sur le site web. fr: Le mot de passe est copié pour vous.< / p > < / p > < / hr > < / p >
2011-05-08 01:01:02 +00:00
< 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 >
2011-05-13 22:12:01 +00:00
< a href = "/Scratch/fr/blog/2011-05-05-Screenshots/" > Captures d'écran < span class = "nicer" > »< / span > < / a >
2011-05-08 01:01:02 +00:00
< / 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 >
2011-05-13 22:12:01 +00:00
< / span > < a href = "/Scratch/fr/blog/2011-05-05-Screenshots/" > Captures d'écran< span class = "nicer" > »< / span > < / a > < / li > < / ul > < script type = "text/javascript" > $ ( '#archives_2011' ) . hide ( ) < / script > < / div >
2011-05-08 01:01:02 +00:00
< / div >
< footer >
< ul class = "article_metadata" >
2011-05-16 15:12:35 +00:00
< li > modifié le : < time > 14/05/2011< / time > < / li >
2011-05-08 01:01:02 +00:00
< 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 >
2011-05-16 15:12:35 +00:00
< 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 >
<!-- TODO: add compass, blueprint -->
< / div >
< / div >
< / footer >
< / div > <!-- ! end of #container -->
2011-05-08 01:01:02 +00:00
<!-- 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" ) ; / / F i x a n y < i m g > o r . p n g _ b g b g - i m a g e s . A l s o , p l e a s e r e a d g o o . g l / m Z i y b < / script >
<![endif]-->
<!-- mathiasbynens.be/notes/async - analytics - snippet Change UA - XXXXX - X to be your site's ID -->
< script >
2011-05-14 15:30:44 +00:00
var _gaq=[["_setAccount","UA-10612400-2"],["_trackPageview"]];
2011-05-08 01:01:02 +00:00
(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 >
2011-05-14 15:16:00 +00:00
< script type = "text/javascript" >
(function() {
var uv = document.createElement('script'); uv.type = 'text/javascript'; uv.async = true;
uv.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'widget.uservoice.com/JgOrVPRCzoip6TmO9Rkbw.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(uv, s);
})();
< / script >
2011-05-08 01:01:02 +00:00
< / body >
< / html >