Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
58 lines (52 sloc) 2.35 KB
<!DOCTYPE html>
<meta charset="utf-8">
<title>ReadGood: For kids that want to read good</title>
<meta name="description" content="A demo app landing page, powered by Twilio">
<meta name="author" content="Twilio Inc. via Kevin Whinnery (@kevinwhinnery)">
<link rel="shortcut icon" href="img/favicon.ico">
a cleaner solution might ultimately be a responsive design, but our content and JS loading
needs are different enough where a naive browser detection routine is significantly less code.
<script type="text/javascript">
if (navigator.userAgent.match(/Android|iPhone|iPad|iPod|BlackBerry|Opera Mini|IEMobile/i)) {
window.location.href = '/m.html';
<!-- Desktop browser style -->
<link rel="stylesheet" href="styles/style.css"/>
<div id="container">
<div id="inner">
<h1>ReadGood: For kids that want to read good</h1>
<p>ReadGood is the new app for kids that want to learn to read good - and do other stuff good, too.</p></div>
<!-- app links to be populated by config in JS later -->
<div id="downloads">
<a id="iosLink">
<img src="/img/appstore.png">
<a id="androidLink">
<img src="/img/play.png">
<div id="sms">
<h4>Send app link to my phone:</h4>
<p id="info" style="display:none;"></p>
<input id="phoneNumber" name="phoneNumber" type="tel" value="" placeholder="651-555-6666" required/>
<input id="submit" type="submit" value="Send me the link" disabled="true"/>
<input id="dummy" type="submit" value="Sending..." disabled="true" style="display:none;"/>
<p class="small">include a "+" and a country code if you are outside the US - e.g. +4455566677</p>
<div id="backdrop"></div>
<a id="twilio" href=""><img src="/img/poweredby.png" alt="Powered By Twilio"/></a>
<script type="text/javascript" src="//"></script>
<script type="text/javascript" src="//"></script>
<script src="js/app.js"></script>