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 >
< h3 > Let friends track your GPS location in realtime< / h3 >
< a class = 'btn' href = "#" data-scrollto = "overview" > More info< i class = 'fa fa-angle-down' > < / i > < / a >
{% if not user %}
< a class = 'btn' href = "#" data-scrollto = "get" > Request invite< i class = 'fa fa-angle-down' > < / i > < / a >
{% endif %}
< a class = 'btn' href = "/trac/keith" > View example< i class = 'fa fa-angle-right' > < / i > < / a >
{% if user %}
< a class = 'btn' href = "/dashboard" > Dashboard< i class = 'fa fa-angle-right' > < / i > < / a >
{% 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 >
< h2 > The App< / h2 >
2016-04-25 00:37:32 -06:00
< p > Tracman uses an android app to recieve GPS location of your device.  Sorry, there's no iPhone version yet.  < / p >
2016-03-31 17:06:21 -06:00
< ul >
< li >
< i class = 'fa fa-toggle-on' > < / i >
< h4 > On/off switch< / 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 >
< h4 > 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 >
< h4 > Saves 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 >
< section class = 'feature tracpage dark' id = 'tracpage' >
< div class = 'container' >
< img src = "/static/img/style/laptop.png" alt = "Laptop" >
< div >
< h2 > The Map< / h2 >
2016-04-25 00:37:32 -06:00
< p > You'll get a simple webpage with a map to send to friends.  It'll look < a href = "/trac/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-04-25 00:37:32 -06:00
< p > Change the map default type and zoom level.  You can also show speed and altitude.  < / 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-04-25 00:37:32 -06:00
< p > There are a lot of reasons why publishing your location online could be a bad idea.  I assume no responsibility whatsoever.  < / 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 %}