2016-03-31 17:06:21 -06:00
{% extends 'templates/base.html' %}
{% block head %}
2017-04-12 18:06:34 -06:00
{{super()}}
2017-04-12 18:38:06 -06:00
< link href = "/static/css/.index.min.css" rel = "stylesheet" >
2016-03-31 17:06:21 -06:00
{% endblock %}
{% block main %}
2017-04-01 11:03:05 -06:00
2016-03-31 17:06:21 -06:00
< 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-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 >
2017-04-19 19:37:00 -06:00
< a class = 'btn' href = "/settings" > Settings< 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 >
2017-04-19 19:37:00 -06:00
< a class = 'btn' href = "/login#signup" > Join< i class = 'fa fa-angle-right' > < / i > < / a >
2017-04-12 13:24:38 -06:00
< a class = 'btn' href = "/login#login" > Login< i class = 'fa fa-angle-right' > < / i > < / a >
2016-03-31 17:06:21 -06:00
{% endif %}
< / div >
< / section >
2017-04-12 18:06:34 -06:00
2016-03-31 17:06:21 -06:00
< section class = 'overview dark' id = 'overview' >
< div class = 'container' >
< div >
< i class = 'fa fa-mobile' > < / i >
< h3 > Easy-to-use< / h3 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -06:00
< p > It's free, but you can < a href = "https://cash.me/$KeithIrwin" > 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 >
2017-04-12 13:22:08 -06:00
< 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 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -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 >
2017-04-12 13:22:08 -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 >
2017-04-12 17:39:39 -06:00
< section class = 'disclaimer' id = 'disclaimer' >
2016-03-31 17:06:21 -06:00
< div class = 'container' >
< h2 > Warning! < / h2 >
2017-04-12 13:06:52 -06:00
< p > This is beta software, so there are still kinks to be worked out. < / p >
2017-04-12 13:22:08 -06:00
< p > Keep in mind that publishing your location online could be a bad idea. < / 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 >
2017-04-12 17:39:39 -06:00
< p > Just click that there button to create an account. < / p >
< a class = 'btn btn-lg' href = "/login#signup" > Join Tracman< / a >
2016-03-31 17:06:21 -06:00
< / div >
< / section >
{% endif %}
{% endblock %}