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 %}
2017-04-01 11:03:05 -06:00
2016-03-31 17:06:21 -06:00
< 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-06-12 18:18:34 -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-06-30 14:40:21 -06:00
{% if user.isAdmin %}
< a class = 'btn' href = "/admin" > Admin< i class = 'fa fa-angle-right' > < / i > < / a >
{% endif %}
2016-05-29 22:29:01 -06:00
{% else %}
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-07-01 19:14:36 -06:00
< a class = 'btn' href = "#" data-scrollto = "join" > Join< i class = 'fa fa-angle-down' > < / i > < / a >
2016-06-12 18:18:34 -06:00
< a class = 'btn' href = "/login" > Login< 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 %}
2016-07-01 19:14:36 -06:00
< section class = 'join light' id = 'join' >
2016-03-31 17:06:21 -06:00
< div class = 'container' >
< h2 > Hook me up!< / h2 >
2016-07-01 19:14:36 -06:00
< h3 > Right now, Tracman is in beta testing.  Things may break.  < / h3 >
< p > You will need a google account to join tracman and log in.  < / p >
< a class = 'btn btn-lg ' href = "/login" > Join Tracman< / a >
2016-03-31 17:06:21 -06:00
< / div >
< / section >
{% endif %}
{% endblock %}