diff --git a/hc/front/urls.py b/hc/front/urls.py index cd3269f5..c7f2fc58 100644 --- a/hc/front/urls.py +++ b/hc/front/urls.py @@ -8,4 +8,7 @@ urlpatterns = [ url(r'^checks/add/$', views.add_check, name="hc-add-check"), url(r'^checks/([\w-]+)/name/$', views.update_name, name="hc-update-name"), url(r'^checks/([\w-]+)/timeout/$', views.update_timeout, name="hc-update-timeout"), + url(r'^pricing/$', views.pricing, name="hc-pricing"), + url(r'^docs/$', views.docs, name="hc-docs"), + url(r'^about/$', views.about, name="hc-about"), ] diff --git a/hc/front/views.py b/hc/front/views.py index dcccbd0f..a6b7a4c0 100644 --- a/hc/front/views.py +++ b/hc/front/views.py @@ -7,11 +7,19 @@ from hc.front.forms import TimeoutForm, TIMEOUT_CHOICES def index(request): - ctx = { - "page": "welcome" - } + return render(request, "index.html", {"page": "welcome"}) + + +def pricing(request): + return render(request, "pricing.html", {"page": "pricing"}) + + +def docs(request): + return render(request, "docs.html", {"page": "docs"}) + - return render(request, "index.html", ctx) +def about(request): + return render(request, "about.html", {"page": "about"}) @login_required diff --git a/static/css/pricing.css b/static/css/pricing.css new file mode 100644 index 00000000..859f3992 --- /dev/null +++ b/static/css/pricing.css @@ -0,0 +1,36 @@ +@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"); + +.panel-pricing { + -moz-transition: all .3s ease; + -o-transition: all .3s ease; + -webkit-transition: all .3s ease; +} +.panel-pricing:hover { + box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); +} +.panel-pricing .panel-heading { + padding: 20px 10px; +} +.panel-pricing .panel-heading .fa { + margin-top: 10px; + font-size: 58px; +} +.panel-pricing .list-group-item { + color: #777777; + border-bottom: 1px solid rgba(250, 250, 250, 0.5); +} +.panel-pricing .list-group-item:last-child { + border-bottom-right-radius: 0px; + border-bottom-left-radius: 0px; +} +.panel-pricing .list-group-item:first-child { + border-top-right-radius: 0px; + border-top-left-radius: 0px; +} +.panel-pricing .panel-body { + background-color: #f0f0f0; + font-size: 40px; + color: #777777; + padding: 20px; + margin: 0px; +} diff --git a/static/css/style.css b/static/css/style.css index 16a9911e..6b5a4eb6 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -2,6 +2,23 @@ html, body { background: #EEE; } +#pitch { + text-align: center; + padding: 3em; +} + +.step-number { + text-align: center; + font-size: 48px; + font-weight: bold; + color: #777; + +} + +#get-started { + margin-top: 3em; +} + .glyphicon.up, .glyphicon.new, .glyphicon.down { font-size: 22px; } @@ -38,10 +55,11 @@ table.table tr > th.th-name { opacity: 0; } -.indicator-cell { - vertical-align: middle; +#checks-table .indicator-cell { + text-align: center; } -table.table tr.checks-row > td { + +#checks-table td { vertical-align: middle; } @@ -63,6 +81,10 @@ table.table tr.checks-row > td { opacity: 1; } +.url-cell { + font-size: small; +} + td.inactive .popover { visibility: hidden; } diff --git a/templates/about.html b/templates/about.html new file mode 100644 index 00000000..bd0e7902 --- /dev/null +++ b/templates/about.html @@ -0,0 +1,35 @@ +{% extends "base.html" %} +{% load staticfiles %} + +{% block content %} +
+ Hello, my name is Pēteris Caune, I live in Riga, Latvia and do programming for living. + You can contact me via email. +
++ Health Checks is currently at a very early stage as you can probably tell. +
++ The service is currently run on single $5 Digital Ocean box. The service + can and will have ocassional outages. User data should be safe however, + as we are doing regular database backups to Amazon S3. +
++ If all this does not sound very inspiring, + there are also alternative services: +
+ +