Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

228 lines (189 sloc) 10.917 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>License Plate Spotter</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="Peter Bengtsson - peterbe.com">
<!-- Le styles -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="static/css/document.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="static/css/facebook.css" rel="stylesheet">
<link rel="shortcut icon" href="static/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!--
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
-->
<a class="btn btn-inverse btn-navbar open-extra-nav">Menu</a>
<a class="brand" href="#">License Plate Spotter</a>
<!--<div class="nav-collapse">
<ul class="nav">
<li><a class="nav-about" href="#about">About</a></li>
<li><a class="nav-close" href="#">Close</a></li>
</ul>
</div>
-->
</div>
<div id="extra-nav" style="display:none">
<ul>
<li><a class="nav-rules" href="#rules">The Rules</a></li>
<!--<li><a class="nav-facebook" href="#facebook">Log in with Facebook</a></li>-->
<li><a class="nav-about" href="#about">About</a></li>
<li><a class="nav-backup" href="#backup">Backup</a></li>
<!--<li><a class="nav-close" href="#">Close</a></li>-->
</ul>
</div>
</div>
</div>
<div class="container">
<div id="facebook">
<div class="start-bragging facebook-dialog" style="display:none">
<h3>Well done!</h3>
<h4>Do you want to brag about this on Facebook?</h4>
<button class="btn btn-primary proceed">Preview first</button>
<button class="btn btn-mini cancel">Not right now</button>
</div>
<!--
<div class="confirm-bragging facebook-dialog" style="display:none">
<h4>What it will look like:</h4>
<p class="text"></p>
<button class="btn btn-primary proceed">Go for it!</button>
<button class="btn btn-mini cancel">Cancel</button>
</div>
-->
<div class="login" style="display:none">
<p style="float:right"><button class="btn">Login</button></p>
</div>
<div class="logout" style="display:none">
<p style="float:right"><button class="btn btn-mini">Logout</button></p>
<p class="name"></p>
</div>
</div>
<p id="loading">Loading...</p>
<p id="spotted-outer" style="display:none">
<span id="no-spotted">0</span> spotted &bull;
<span id="no-remaining">50</span> remaining<br>
<span id="times-ago-outer">
started <span id="times-ago"></span>
</span>
</p>
<form id="form" style="display:none">
<pre id=out></pre>
<a class="btn" href="#" id="Alabama"><i class="icon-remove"></i> Alabama <span></span></a>
<a class="btn" href="#" id="Alaska"><i class="icon-remove"></i> Alaska <span></span></a>
<a class="btn" href="#" id="Arizona"><i class="icon-remove"></i> Arizona <span></span></a>
<a class="btn" href="#" id="Arkansas"><i class="icon-remove"></i> Arkansas <span></span></a>
<a class="btn" href="#" id="California"><i class="icon-remove"></i> California <span></span></a>
<a class="btn" href="#" id="Colorado"><i class="icon-remove"></i> Colorado <span></span></a>
<a class="btn" href="#" id="Connecticut"><i class="icon-remove"></i> Connecticut <span></span></a>
<a class="btn" href="#" id="Delaware"><i class="icon-remove"></i> Delaware <span></span></a>
<a class="btn" href="#" id="Florida"><i class="icon-remove"></i> Florida <span></span></a>
<a class="btn" href="#" id="Georgia"><i class="icon-remove"></i> Georgia <span></span></a>
<a class="btn" href="#" id="Hawaii"><i class="icon-remove"></i> Hawaii <span></span></a>
<a class="btn" href="#" id="Idaho"><i class="icon-remove"></i> Idaho <span></span></a>
<a class="btn" href="#" id="Illinois"><i class="icon-remove"></i> Illinois <span></span></a>
<a class="btn" href="#" id="Indiana"><i class="icon-remove"></i> Indiana <span></span></a>
<a class="btn" href="#" id="Iowa"><i class="icon-remove"></i> Iowa <span></span></a>
<a class="btn" href="#" id="Kansas"><i class="icon-remove"></i> Kansas <span></span></a>
<a class="btn" href="#" id="Kentucky"><i class="icon-remove"></i> Kentucky <span></span></a>
<a class="btn" href="#" id="Louisiana"><i class="icon-remove"></i> Louisiana <span></span></a>
<a class="btn" href="#" id="Maine"><i class="icon-remove"></i> Maine <span></span></a>
<a class="btn" href="#" id="Maryland"><i class="icon-remove"></i> Maryland <span></span></a>
<a class="btn" href="#" id="Massachusetts"><i class="icon-remove"></i> Massachusetts <span></span></a>
<a class="btn" href="#" id="Michigan"><i class="icon-remove"></i> Michigan <span></span></a>
<a class="btn" href="#" id="Minnesota"><i class="icon-remove"></i> Minnesota <span></span></a>
<a class="btn" href="#" id="Mississippi"><i class="icon-remove"></i> Mississippi <span></span></a>
<a class="btn" href="#" id="Missouri"><i class="icon-remove"></i> Missouri <span></span></a>
<a class="btn" href="#" id="Montana"><i class="icon-remove"></i> Montana <span></span></a>
<a class="btn" href="#" id="Nebraska"><i class="icon-remove"></i> Nebraska <span></span></a>
<a class="btn" href="#" id="Nevada"><i class="icon-remove"></i> Nevada <span></span></a>
<a class="btn" href="#" id="NewHampshire"><i class="icon-remove"></i> New Hampshire <span></span></a>
<a class="btn" href="#" id="NewJersey"><i class="icon-remove"></i> New Jersey <span></span></a>
<a class="btn" href="#" id="NewMexico"><i class="icon-remove"></i> New Mexico <span></span></a>
<a class="btn" href="#" id="NewYork"><i class="icon-remove"></i> New York <span></span></a>
<a class="btn" href="#" id="NorthCarolina"><i class="icon-remove"></i> North Carolina <span></span></a>
<a class="btn" href="#" id="NorthDakota"><i class="icon-remove"></i> North Dakota <span></span></a>
<a class="btn" href="#" id="Ohio"><i class="icon-remove"></i> Ohio <span></span></a>
<a class="btn" href="#" id="Oklahoma"><i class="icon-remove"></i> Oklahoma <span></span></a>
<a class="btn" href="#" id="Oregon"><i class="icon-remove"></i> Oregon <span></span></a>
<a class="btn" href="#" id="Pennsylvania"><i class="icon-remove"></i> Pennsylvania <span></span></a>
<a class="btn" href="#" id="RhodeIsland"><i class="icon-remove"></i> Rhode Island <span></span></a>
<a class="btn" href="#" id="SouthCarolina"><i class="icon-remove"></i> South Carolina <span></span></a>
<a class="btn" href="#" id="SouthDakota"><i class="icon-remove"></i> South Dakota <span></span></a>
<a class="btn" href="#" id="Tennessee"><i class="icon-remove"></i> Tennessee <span></span></a>
<a class="btn" href="#" id="Texas"><i class="icon-remove"></i> Texas <span></span></a>
<a class="btn" href="#" id="Utah"><i class="icon-remove"></i> Utah <span></span></a>
<a class="btn" href="#" id="Vermont"><i class="icon-remove"></i> Vermont <span></span></a>
<a class="btn" href="#" id="Virginia"><i class="icon-remove"></i> Virginia <span></span></a>
<a class="btn" href="#" id="Washington"><i class="icon-remove"></i> Washington <span></span></a>
<a class="btn" href="#" id="WestVirginia"><i class="icon-remove"></i> West Virginia <span></span></a>
<a class="btn" href="#" id="Wisconsin"><i class="icon-remove"></i> Wisconsin <span></span></a>
<a class="btn" href="#" id="Wyoming"><i class="icon-remove"></i> Wyoming <span></span></a>
</form>
<div id="about" class="page" style="display:none">
<h2>About this app</h2>
<p>This app was built by, yours truely, <strong>Peter Bengtsson</strong>
(<a href="http://www.peterbe.com" target="_blank">www.peterbe.com</a>)
because having recently moved to the USA I found myself searching for new
out of state license plates I've never seen before. But I had to log that
somewhere. And what better way than to write a fun little mobile app to do that.
</p>
<p>
All code for this project is <strong>Open Source</strong> and available
at <a href="https://github.com/peterbe/uslicenseplates" target="_blank">github.com/peterbe/uslicenseplates</a>.
</p>
<p>To be honest, this app is more of an experiment than anything else.
The intention is actually to re-implement this app idea in multiple different
ways with different types of technology so as to learn how to use and and which
of these tools is best.
</p>
<p>
<a href="." class="btn go-back"><i class="icon-circle-arrow-left"></i> Go back</a>
</p>
</div>
<div id="rules" class="page" style="display:none">
<h2>The Rules</h2>
<p>Unlike many of games this one has no enforecable rules.
Since you don't have to prove how or where you spotted a plate
it's up to you to be truthful to yourself.</p>
<p>My rule is that you have to clearly be able to see the license plate
with your own eyes.
</p>
<p>
<a href="." class="btn go-back"><i class="icon-circle-arrow-left"></i> Go back</a>
</p>
</div>
<div id="backup" class="page" style="display:none">
<h2>Backup/Restore</h2>
<p>Once you're logged in to Facebook your spotted states are automatically backed up.</p>
<p class="last-backup">
The last time you made a backup was: <code>not done yet</code>
</p>
<p>
<a href="." class="btn go-back"><i class="icon-circle-arrow-left"></i> Go back</a>
</p>
</div>
</div> <!-- /container -->
<script src="static/zepto.min.js"></script>
<script src="static/jstorage.js"></script>
<script src="static/moment.min.js"></script>
<script src="static/document.js"></script>
<div id="fb-root"></div>
<script src="static/facebook.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.