2016-03-31 17:06:21 -06:00
{% extends 'templates/base.html' %}
2017-08-22 17:39:58 -06:00
{% block head %}
2017-04-12 18:06:34 -06:00
{{super()}}
2017-08-22 17:39:58 -06:00
< link rel = "stylesheet" type = "text/css" href = "/static/css/.index.min.css" >
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 %}
2017-08-20 14:23:58 -06:00
< a class = 'btn' href = "/map/demo" > View demo< 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-08-20 17:56:05 -06:00
{% if not user %}
< section class = 'pricing' >
2016-03-31 17:06:21 -06:00
< div class = 'container' >
2017-08-20 17:56:05 -06:00
< h1 > Pricing< / h1 >
< h2 > Realtime GPS tracking for every budget< / h2 >
< div >
< h3 > Basic< span > < i class = "fa fa-star" > < / i > < / span > < / h3 >
< div class = "price" > free< / div >
< ul >
< li > Map with URL< / li >
< li > Realtime updates< / li >
< li > Android integration< / li >
< / ul >
< a class = "btn yellow smaller" href = "/signup" > Signup< i class = "fa fa-angle-right" > < / i > < / a >
< / div >
< div >
< h3 > Pro< span > < i class = "fa fa-star" > < / i > < i class = "fa fa-star" > < / i > < / span > < / h3 >
< div class = "price" > $5/month< / div >
< ul >
< li > All Basic features< / li >
< li > Streetview image< / li >
< li > Show speed< / li >
< li > Show altitude< / li >
< li > Hide ads< / li >
< / ul >
< a class = "btn yellow smaller" href = "/signup" > Signup< i class = "fa fa-angle-right" > < / i > < / a >
< / div >
< div >
< h3 > Enterprise< span > < i class = "fa fa-star" > < / i > < i class = "fa fa-star" > < / i > < i class = 'fa fa-star' > < / i > < / span > < / h3 >
< div class = "price" > coming soon< / div >
< ul >
< li > All Pro features< / li >
< li > Multiple vehicles< / li >
< / ul >
< a class = "btn yellow smaller" href = "/contact" > Contact< i class = "fa fa-angle-right" > < / i > < / a >
< / div >
2016-03-31 17:06:21 -06:00
< / div >
< / section >
2017-08-20 17:56:05 -06:00
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-08-20 17:56:05 -06:00
< p > Just click the button to create an account. < / p >
< a class = 'btn btn-lg' href = "/signup" > Join Tracman< / a >
2016-03-31 17:06:21 -06:00
< / div >
< / section >
2017-08-20 17:56:05 -06:00
2016-03-31 17:06:21 -06:00
{% endif %}
{% endblock %}