packages/123done/static/index.html (272 lines of code) (raw):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>123done + Do Stuff</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"
/>
<meta name="firefox-accounts" content="supported" />
<link rel="stylesheet" href="/components/normalize.css" type="text/css" />
<link rel="stylesheet" href="/css/main.css" type="text/css" />
<script src="/components/modernizr.js"></script>
<script src="/components/jquery.min.js"></script>
</head>
<body>
<div class="banner">
<div>
<button class="btn btn-persona sign-choose" type="submit">
Choose my sign-in flow for me
</button>
<button
class="btn btn-large btn-info btn-persona signin-pkce"
type="submit"
>
Sign In with PKCE
</button>
<div class="pkce-data"></div>
<button
class="btn btn-large btn-info btn-persona email-first-button email-first"
type="submit"
>
Email first
</button>
<button
class="btn btn-large btn-info btn-persona two-step-authentication"
type="submit"
>
Sign In (Require 2FA)
</button>
<button
class="btn btn-large btn-info btn-persona third-party"
type="submit"
>
Sign In (Google)
</button>
<button
class="btn btn-large btn-info btn-persona prompt-none"
type="submit"
>
Sign In (prompt=none)
</button>
<button
class="btn btn-large btn-info btn-persona prompt-login"
type="submit"
>
Sign In (prompt=login)
</button>
<button
class="btn btn-large btn-info btn-persona scope-keys"
type="submit"
>
Sign In (scopeKeys)
</button>
<button
class="btn btn-large btn-info btn-persona force-auth"
type="submit"
>
Force auth
</button>
</div>
<div>
<a
class="btn btn-persona btn-subscribe" data-currency="usd"
>Subscribe to Pro (USD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="usd6"
>Subscribe to Pro 6m (USD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="usd12"
>Subscribe to Pro 12m (USD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="eur"
>Subscribe to Pro (EUR)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="cad"
>Subscribe to Pro (CAD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="myr"
>Subscribe to Pro (MYR)</a
>
<a data-testid="rp-flow-metrics" class="btn btn-persona btn-subscribe-rp-provided-flow-metrics" data-currency="usd"
>Subscribe to Pro (RP flow metrics)</a
>
</div>
<div>
<a class="btn btn-persona btn-subscribe" data-sp3="sp3-1m">
SP3 - Sub to Pro 1m
</a>
<a class="btn btn-persona btn-subscribe" data-sp3="sp3-6m">
SP3 - Sub to Pro 6m
</a>
<a class="btn btn-persona btn-subscribe" data-sp3="sp3-12m">
SP3 - Sub to Pro 12m
</a>
<a class="btn btn-persona btn-subscribe" data-sp3="sp3-1m-gb">
SP3 - Sub to Pro 1m (EN GB)
</a>
</div>
</div>
<div id="splash">
<header>
<img
src="/img/transparent-logo.png"
id="splash-logo"
alt="123done-logo"
width="72"
height="70"
/>
<h1>123done</h1>
<button
class="btn btn-large btn-info btn-persona sign-in-button signup"
type="submit"
>
Sign Up
</button>
<button
class="btn btn-large btn-info btn-persona sign-in-button signin"
type="submit"
>
Sign In
</button>
</header>
<section>
<div class="container">
<div class="two-col clearfix">
<div class="left-col">
<h3>Make Todo Lists</h3>
<p>
With 123done, you can make and manage beautiful, world-class
todo lists.
</p>
</div>
<div class="right-col">
<img src="/img/list@2x.png" alt="list-logo" />
</div>
</div>
<div class="two-col clearfix">
<div class="left-col">
<img src="/img/growth@2x.png" alt="growth-logo" />
</div>
<div class="right-col">
<h3>Discover Yourself</h3>
<p>
Explore patterns in the way you work and improve your routines.
</p>
</div>
</div>
<div class="two-col clearfix">
<div class="right-col">
<h3>Do The Impossible</h3>
<p>Achieve your dreams.</p>
</div>
<div class="right-col">
<img src="/img/rocket@2x.png" alt="rocket-logo" />
</div>
</div>
</div>
</section>
</div>
<div id="lists">
<header id="header-main">
<div class="container">
<h1>
<span class="logo"></span
><span class="title"
>123done <span class="pro-status">Pro!</span></span
>
</h1>
<button id="logout">logout</button>
<div id="loggedin"><span></span></div>
</div>
</header>
<section class="todo">
<div class="container">
<div class="preroll">
<ul id="signinhere" style="font-size: 15pt;">
<p>Sign in to get started making todo lists!</p>
</ul>
</div>
<h3>To Do:</h3>
<form
class="form-inline clearfix"
id="addform"
action="#"
method="post"
>
<div>
<input
class="input-xxlarge"
type="text"
name="newitem"
id="newitem"
placeholder="new item"
required
autocomplete="off"
/>
<input class="btn" id="addtask" type="submit" value="Add" />
</div>
</form>
<ul id="todolist">
<div id="donelistwrapper">
<h3>Done:</h3>
<ul id="donelist"></ul>
</div>
</ul>
</div>
</section>
</div>
<section class="keys-data">
<div id="keys"></div>
</section>
<footer id="footer-main">
<div class="container">
<div class="subscription-buttons">
<a
class="btn btn-persona btn-subscribe" data-currency="usd"
>Subscribe to Pro (USD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="usd6"
>Subscribe to Pro 6m (USD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="usd12"
>Subscribe to Pro 12m (USD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="eur"
>Subscribe to Pro (EUR)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="cad"
>Subscribe to Pro (CAD)</a
>
<a
class="btn btn-persona btn-subscribe" data-currency="myr"
>Subscribe to Pro (MYR)</a
>
<a class="btn btn-persona btn-subscribe-pwdless" data-currency="usd"
>Subscribe to Pro (Passwordless)</a
>
</div>
<div class="logo"></div>
<p>
<strong>123done</strong> is a simple todo list application!
<a href="/about.html">Learn more!</a>
</p>
</div>
</footer>
<script src="/js/state.js"></script>
<script src="/js/123done.js"></script>
<script src="/js/pkce.js"></script>
</body>
</html>