Wording tweaks in welcome page.

healthchecks · Aug 22, 2015 · 69da73b · 69da73b
1 parent 16098b2
commit 69da73b
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 8 deletions.
diff --git a/templates/base.html b/templates/base.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
-    <title>{% block title %}healthchecks.io - Get Notified When Your Cron Jobs Fail{% endblock %}</title>
+    <title>{% block title %}healthchecks.io - Monitor Cron Jobs. Get Notified When Your Cron Jobs Fail{% endblock %}</title>
     <meta name="description" content="Monitor and Get Notified When Your Cron Jobs Fail. Free alternative to Cronitor and Dead Man's Snitch.">
     <meta name="keywords" content="monitor cron jobs daemon background worker service cronjob monitoring crontab alert notify cronitor deadmanssnitch webhook">
     <meta name="viewport" content="width=device-width, initial-scale=1">

diff --git a/templates/front/welcome.html b/templates/front/welcome.html
@@ -6,12 +6,16 @@
 <div class="container">
     <div class="row">
     <div class="col-sm-12">
-        <h1 id="pitch">Cron Monitoring. Get Notified When Your Cron Jobs Fail</h1>
+        <h1 id="pitch">Cron Monitoring. Get Notified When Your Cron Jobs Fail.</h1>
     </div>
     </div>
 
     <div class="row">
-    <div class="col-sm-6">
+    <div class="col-sm-6 col-sm-push-6">
+        <p id="pitch-text">Make a HTTP GET request to this address from your cron job, daemon, script or long running task.
+        <strong>When this address is not requested for a set time period, you will get alerted.</strong> Below are snippets that are ready to be copy/pasted into your own scripts.</p>
+    </div>
+    <div class="col-sm-6 col-sm-pull-6">
         <h2 id="pitch-subtitle">Here's an unique ping address for you:</h2>
         <div id="pitch-url">
             <input
@@ -22,10 +26,6 @@ <h2 id="pitch-subtitle">Here's an unique ping address for you:</h2>
                 readonly />
         </div>
     </div>
-    <div class="col-sm-6">
-        <p id="pitch-text">Make a HTTP GET request to this address from your cron job, daemon, script or long running task.
-        <strong>When this address is not requested for a set time period, you will get alerted.</strong> Below are snippets that are ready to be copy/pasted into your own scripts.</p>
-    </div>
     </div>
 
 
@@ -79,7 +79,7 @@ <h2 id="pitch-subtitle">Here's an unique ping address for you:</h2>
                         you can "ping" this check by sending an
                         email message to
                         <div class="email-address">
-                            <a href="mailto:{{ check.email }}">{{ check.email }}</a>
+                            <code>{{ check.email }}</code>
                         </div>
                     </div>
                 </div>
@@ -219,6 +219,50 @@ <h2 class="tour-title">A quick peek of what's inside:</h2>
     </div>
     </div>
 
+    <div class="row">
+
+    <div class="col-sm-12">
+        <div class="jumbotron">
+            <div class="row">
+                <div class="col-sm-7">
+                    <p>healthchecks.io is a <strong>free</strong> and
+                    <a href="https://github.com/healthchecks/healthchecks">open source</a> service.
+                    Setting up monitoring for your cron jobs only takes minutes.
+                    Start sleeping better at nights!</p>
+
+                </div>
+                <div class="col-sm-1"></div>
+                <div class="col-sm-4">
+                    <form action="{% url 'hc-login' %}" method="post">
+                        {% csrf_token %}
+
+                        <div class="form-group">
+                            <div class="input-group input-group-lg">
+                                <div class="input-group-addon">@</div>
+                                <input
+                                    type="email"
+                                    class="form-control"
+                                    id="id_email"
+                                    name="email"
+                                    autocomplete="email"
+                                    placeholder="Email">
+                            </div>
+                        </div>
+
+                        <div class="clearfix">
+                            <button type="submit" class="btn btn-lg btn-primary pull-right">
+                                Get Started
+                            </button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    </div>
+
 </div>
 {% endblock %}