2012-01-16 08:51:08 +00:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
color: white;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-shadow: 0 1px black;
|
|
|
|
|
font: 16px "Baskerville";
|
|
|
|
|
}
|
2012-01-19 16:40:39 +00:00
|
|
|
h1, h2 {
|
2012-01-16 08:51:08 +00:00
|
|
|
margin-top: 1em;
|
|
|
|
|
padding-top: 1em;
|
2012-01-19 16:40:39 +00:00
|
|
|
font-family: inherit;
|
2012-01-16 08:51:08 +00:00
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2012-01-19 16:40:39 +00:00
|
|
|
h2 {
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
}
|
2012-01-24 23:30:43 +00:00
|
|
|
i {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
img {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 1.4em;
|
|
|
|
|
margin: -0.2em 0;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
2012-01-16 08:51:08 +00:00
|
|
|
</style>
|
2012-01-24 23:30:43 +00:00
|
|
|
<script src="jquery-1.6.1.min.js" type="text/javascript"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function setClass(activeClass) {
|
|
|
|
|
$(".Class").css("display", "none");
|
|
|
|
|
$(".Class." + activeClass).css("display", "block");
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2012-01-16 08:51:08 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2012-01-24 23:30:43 +00:00
|
|
|
<h1 onclick="setClass('OPElementStoredEntity')">One Password</h1>
|
|
|
|
|
<h2 onclick="setClass('OPElementGeneratedEntity')">by Lyndir</h2>
|
2012-01-19 16:40:39 +00:00
|
|
|
|
|
|
|
|
<h2 id="1">— 1 —</h2>
|
2012-01-16 08:51:08 +00:00
|
|
|
<p>
|
|
|
|
|
<b>Find the site</b> that you need a password for by entering it into the <i>search field</i>.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
2012-01-24 23:30:43 +00:00
|
|
|
<b>While searching</b>, previously used sites will show up along with a <i>usage counter</i>.<br />
|
|
|
|
|
The counter indicates the amount of times you've generated a password for that site.
|
2012-01-16 08:51:08 +00:00
|
|
|
</p>
|
|
|
|
|
|
2012-01-19 16:40:39 +00:00
|
|
|
<h2 id="2">— 2 —</h2>
|
2012-01-16 08:51:08 +00:00
|
|
|
<p>
|
2012-01-24 23:30:43 +00:00
|
|
|
<b>The site</b>'s password is now displayed.<br />
|
|
|
|
|
Tap it to <i>copy the password</i>. Once copied, you can switch to another application and paste it into a password field.
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p class="Class OPElementStoredEntity">
|
|
|
|
|
<b>To change</b> the password for this site, tap the <i>edit icon</i> <img src="icon_edit.png" />.
|
2012-01-16 08:51:08 +00:00
|
|
|
</p>
|
|
|
|
|
<p>
|
2012-01-24 23:30:43 +00:00
|
|
|
<b>Below the password</b> you can set the <i>password type</i>. Some types <i>create a password for you</i>,
|
2012-01-16 08:51:08 +00:00
|
|
|
others let you <i>choose your own</i>.
|
|
|
|
|
</p>
|
2012-01-24 23:30:43 +00:00
|
|
|
<p class="Class OPElementGeneratedEntity">
|
|
|
|
|
<b>If the site complains</b> when you try to set or update the password, try changing the password type.
|
2012-01-16 08:51:08 +00:00
|
|
|
</p>
|
2012-01-24 23:30:43 +00:00
|
|
|
|
|
|
|
|
<p class="Class OPElementGeneratedEntity">
|
|
|
|
|
<b>To create another</b> password for this site, you can increment the <i>password counter</i> <img src="icon_plus.png" />.
|
|
|
|
|
This is useful, for example, when you've had to share the password with somebody else.
|
2012-01-16 08:51:08 +00:00
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
