packages/123done/static/about.html (90 lines of code) (raw):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>123done - your tasks, simplified</title>
<meta type="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=yes"
/>
<link type="text/css" rel="stylesheet" href="/en/drsugiyama/fonts.css" />
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link
rel="stylesheet"
href="css/bootstrap-responsive.css"
type="text/css"
/>
<script src="modernizr.min.js"></script>
</head>
<body>
<div id="container">
<header>
<h1>
<a href="/index.html" style="text-decoration: none; color: #000;"
>123done</a
>
<span>your tasks - simplified</span>
</h1>
<nav>
<ul class="loginarea" style="vertical-align: center;">
<li id="loggedout">
<button class="btn btn-small btn-persona" type="submit">
<i class="icon-persona"></i> Sign In
</button>
</li>
<li id="loggedin">
<p>Hi, <span></span></p>
<p><a href="#">logout</a></p>
</li>
<li class="loading"><img src="img/loading.gif" /></li>
</ul>
<div id="dataState">
<div class="saved">
<img
src="img/sync_saved.png"
title="Your todolist is saved on the server, you can access it anywhere!"
/>
</div>
<div class="outofdate">
<img
src="img/sync_alert.png"
title="Your todo list isn't saved, sign in with persona to save it!"
/>
</div>
<div class="inprogress">
<img
src="img/sync_progress.png"
title="One sec, we're saving your todolist items to the server..."
/>
</div>
</div>
</nav>
</header>
<section id="info">
<header><h1>So what is all this then?</h1></header>
<p>
123done.org is a very simple to-do list application. Simply enter your
to-do list item above and add it to your tasks. Click the tasks to
mark them as done. Clicking an already finished task will remove it
from the list.
</p>
<p>
Your task list is stored on the computer for you to use. If you want
to sync 123done across devices, log in with Mozilla Persona.
</p>
</section>
<footer>
<p>
<strong>123done</strong> is a simple todo list application!
<a href="/about.html">Learn more!</a>
</p>
</footer>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/state.js"></script>
<script src="js/123done.js"></script>
</body>
</html>