sharieswebsite/site/Scratch/en/blog/2011-05-05-Screenshots/index.html
2011-07-23 12:39:22 +02:00

176 lines
6.5 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>Screenshots</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="images, screenshot">
<!-- 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="/img/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Molengo: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>
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/ypasswordespozitocomen"/>
</head>
<body lang="en" class="std">
<div id="container">
<header>
<div id="prelinks">
<div id="choixlang"><a href="/Scratch/fr/blog/2011-05-05-Screenshots/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav>
</div>
<hgroup id="maintitle">
<h1>YPassword</h1><h2>Screenshots<h2>
</hgroup>
</header>
<div id="main" role="main">
<article>
<div class="content">
<div class="intro">
<p><span class="sc"><abbr title="Too long; don't read">tl;dr</abbr>: </span> Some screenshots</p>
</div>
<p>Here are some screenshots of YPassword.</p>
<p><img alt="Entry screen" src="/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class="left" /></p>
<p><img alt="main view" src="/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class="left" /></p>
<ul class="big">
<li>Tap <em>login</em> or <em>password</em>, </li>
<li>The light glow, the field is copied,</li>
<li>Paste it in any other application.</li>
</ul>
<ul class="big">
<li>Tap <em>&ldquo;Go to website&rdquo;</em></li>
<li>You are sent to the website <em>&amp;</em> your password is copied for you.</li>
</ul>
<div class="flush"></div>
<p><img alt="list view" src="/Scratch/img/blog/2011-05-05-Screenshots/list_view.jpg" class="left" />
<img alt="main password" src="/Scratch/img/blog/2011-05-05-Screenshots/main_password.jpg" class="left" />
<img alt="add website view" src="/Scratch/img/blog/2011-05-05-Screenshots/add_website.jpg" class="left" /></p>
<div class="flush"></div>
</div>
<footer>
<ul class="article_metadata">
<li>Created: <time>05/05/2011</time></li>
<li>Modified: <time> 07/12/2011</time></li>
</ul>
</footer>
</article>
</div>
<div id="related_articles">
<div id="previous_articles">
<h4> previous entries </h4>
</div>
<div id="next_articles">
<h4>next entries</h4>
</div>
<div class="flush"></div>
</div>
<footer>
<div id="webpageinfo">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Copyright ©, Yann Esposito</a>
<div>
Designed by <a href="htt://yannesposito.com">Yann Esposito</a>
</div>
<div>
Entirely done with
<a href="http://www.vim.org">vim</a>,
<a href="http://nanoc.stoneship.org">nanoc</a>,
<a href="http://compass-style.org">compass</a>
and
<a href="http://html5boilerplate">html5boilerplate</a>
</div>
</div>
</footer>
</div> <!--! end of #container -->
<!-- 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>
<!-- 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-10612400-2"],["_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">
(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>
</body>
</html>