2016-03-31 17:06:21 -06:00
{% extends 'templates/base.html' %}
{% block head %}
{{ super() }}
< link href = "/static/css/index.css" rel = "stylesheet" >
{% endblock %}
{% block main %}
< script src = "/static/js/index.js" > < / script >
< section class = 'splash dark' id = 'splash' >
< div class = 'container' >
< h1 > Tracman< / h1 >
2016-05-12 20:43:01 -06:00
< h3 > Display your realtime GPS location on a map< / h3 >
2016-03-31 17:06:21 -06:00
< a class = 'btn' href = "#" data-scrollto = "overview" > More info< i class = 'fa fa-angle-down' > < / i > < / a >
2016-05-29 22:29:01 -06:00
{% if user %}
2016-05-31 21:54:21 -06:00
< a class = 'btn' href = "/map" > Map< i class = 'fa fa-angle-right' > < / i > < / a >
2016-05-29 22:29:01 -06:00
{% else %}
2016-03-31 17:06:21 -06:00
< a class = 'btn' href = "#" data-scrollto = "get" > Request invite< i class = 'fa fa-angle-down' > < / i > < / a >
2016-05-31 21:54:21 -06:00
< a class = 'btn' href = "/map/keith" > View example< i class = 'fa fa-angle-right' > < / i > < / a >
2016-03-31 17:06:21 -06:00
{% endif %}
< / div >
< / section >
< section class = 'overview dark' id = 'overview' >
< div class = 'container' >
< div >
< i class = 'fa fa-mobile' > < / i >
< h3 > Easy-to-use< / h3 >
2016-04-25 00:37:32 -06:00
< p > Download the android app and log in.  Then send your friends a link with a map showing your live location.  < / p >
2016-03-31 17:06:21 -06:00
< / div >
< div >
< i class = 'fa fa-bolt' > < / i >
< h3 > Realtime< / h3 >
2016-04-25 00:37:32 -06:00
< p > Your location updates every second for all the world to see.  < / p >
2016-03-31 17:06:21 -06:00
< / div >
< div >
< i class = 'fa fa-usd' > < / i >
< h3 > Free< / h3 >
2016-04-25 00:37:32 -06:00
< p > It's free, but you can < a href = "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=hypergeek14%40gmail%2ecom&lc=US&item_name=Tracman¤cy_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted" > donate< / a > if you want to help with server expenses.  < / p >
2016-03-31 17:06:21 -06:00
< / div >
< / div >
< / section >
< section class = 'feature app dark' id = 'app' >
< div class = 'container' >
< img src = "/static/img/style/phone.png" alt = "Mobile phone" >
< div >
2016-05-12 20:43:01 -06:00
< h2 > Setting your location< / h2 >
< p > You can track your GPS location from your phone's web browsers.  There's also has an android app which can run in the background.  With the app, you can: < / p >
2016-03-31 17:06:21 -06:00
< ul >
< li >
< i class = 'fa fa-toggle-on' > < / i >
2016-05-12 20:43:01 -06:00
< h4 > Turn off tracking< / h4 >
2016-04-25 00:37:32 -06:00
< p > If you need to go undercover, just turn tracman off with the flip of a switch.  < / p >
2016-03-31 17:06:21 -06:00
< / li >
< li >
< i class = 'fa fa-cog' > < / i >
2016-05-12 20:43:01 -06:00
< h4 > Change settings< / h4 >
2016-04-25 00:37:32 -06:00
< p > Change your settings to show a less accurate location, if you want an air of mystery.  < / p >
2016-03-31 17:06:21 -06:00
< / li >
< li >
< i class = 'fa fa-battery-3' > < / i >
2016-05-12 20:43:01 -06:00
< h4 > Save energy< / h4 >
2016-04-25 00:37:32 -06:00
< p > If nobody's tracking you, tracman won't needlessly drain your battery.  < / p >
2016-03-31 17:06:21 -06:00
< / li >
< / ul >
< / div >
< / div >
< / section >
2016-05-31 21:54:21 -06:00
< section class = 'feature map dark' id = 'map' >
2016-03-31 17:06:21 -06:00
< div class = 'container' >
< img src = "/static/img/style/laptop.png" alt = "Laptop" >
< div >
< h2 > The Map< / h2 >
2016-05-31 21:54:21 -06:00
< p > You'll get a simple webpage with a map to send to friends.  It'll look < a href = "/map/keith" > like this< / a > .  < / p >
2016-03-31 17:06:21 -06:00
< ul >
< li >
< i class = 'fa fa-hand-o-right' > < / i >
< h4 > Easy< / h4 >
2016-04-25 00:37:32 -06:00
< p > Just send a link to whomever you want.  Bam, now they know where you are.  < / p >
2016-03-31 17:06:21 -06:00
< / li >
< li >
< i class = 'fa fa-map-marker' > < / i >
< h4 > Precise< / h4 >
2016-04-25 00:37:32 -06:00
< p > Map updates in realtime with websockets.  < / p >
2016-03-31 17:06:21 -06:00
< / li >
< li >
< i class = 'fa fa-cogs' > < / i >
< h4 > Customizable< / h4 >
2016-05-12 20:43:01 -06:00
< p > Change the map default type and zoom level.  You can also show speed, altitude, and streetview.  < / p >
2016-03-31 17:06:21 -06:00
< / li >
< / ul >
< / div >
< / div >
< / section >
< section class = 'disclaimer light' id = 'disclaimer' >
< div class = 'container' >
< h2 > Warning! < / h2 >
2016-05-12 20:43:01 -06:00
< p > This is beta software, so there are still kinks to be worked out.  < / p >
< p > Also keep in mind that publishing your location online could be a bad idea.  < / p >
< p > I assume no responsibilities.  < / p >
2016-03-31 17:06:21 -06:00
< / div >
< / section >
{% if not user %}
< section class = 'get light' id = 'get' >
< div class = 'container' >
< h2 > Hook me up!< / h2 >
2016-04-25 00:37:32 -06:00
< h3 > Right now, Tracman is invite-only.  You can beg me for access here.  < / h3 >
2016-03-31 17:06:21 -06:00
< form id = 'invite-form' method = "post" >
< label class = 'input' > < span > Name< / span > < input type = "text" name = "name" required > < / label >
< label class = 'input' > < span > Email address< / span > < input type = "email" name = "email" required > < / label >
2016-04-25 00:37:32 -06:00
< label class = 'message' > < span > Why you deserve beta access< / span > < textarea id = 'why' name = "why" > < / textarea > < / label >
2016-03-31 17:06:21 -06:00
< label class = 'submit' >
{% if inviteSuccess.length > 0 %}
< div class = 'alert alert-success' > < i class = "fa fa-check-circle" > < / i > {{ inviteSuccess }}< / div >
{% elif inviteError.length > 0 %}
< div class = 'alert alert-danger' > < i class = "fa fa-exclamation-circle" > < / i > {{ inviteError }}< / div >
{% else %}
< button type = "submit" class = 'btn' > Request Invite< i class = 'fa fa-angle-right' > < / i > < / button >
{% endif %}
< / label >
< / form >
< / div >
< / section >
{% endif %}
{% endblock %}