Add a a screenshot of cron dialog.

README.md

@@ -10,6 +10,8 @@
 
 ![Screenshot of Period/Grace dialog](/stuff/screenshots/period_grace.png?raw=true "Period/Grace Dialog")
 
+![Screenshot of Cron dialog](/stuff/screenshots/cron.png?raw=true "Cron Dialog")
+
 ![Screenshot of Channels page](/stuff/screenshots/channels.png?raw=true "Channels Page")
 
 healthchecks is a watchdog for your cron jobs. It's a web server that listens for pings from your cron jobs, plus a web interface.
@@ -24,7 +26,7 @@ The building blocks are:
 
 ## Setting Up for Development
 
-These are instructions for setting up HealthChecks Django app
+These are instructions for setting up healthchecks Django app
 in development environment.
 
 * prepare directory for project code and virtualenv:

templates/front/welcome.html

@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% load compress humanize staticfiles %}
+{% load compress hc_extras humanize staticfiles %}
 
 {% block containers %}
 <div class="index-bleed">
@@ -206,7 +206,7 @@
                 <td>
                     Down.
                     Time since last ping has exceeded <strong>Period</strong> + <strong>Grace</strong>.
-                    When check goes from "Late" to "Down", HealthChecks
+                    When check goes from "Late" to "Down", {% site_name %}
                     sends you a notification.
                 </td>
             </tr>
@@ -215,6 +215,29 @@
     </div>
     </div>
 
+    <div class="row tour-section">
+    <div class="col-sm-8">
+        <img
+            class="img-responsive"
+            src="{% static 'img/cron.png' %}"
+            srcset="{% static 'img/cron.png'%} 1x, {% static 'img/[email protected]'%} 2x"
+            alt="Cron dialog" />
+    </div>
+    <div class="col-sm-4">
+        <p>
+            Alternatively, you can define the expected ping dates and times
+            using a cron expression. See
+            <a href="{% url 'hc-docs-cron' %}">Cron Syntax Cheatsheet</a>
+            for the supported syntax features.
+        </p>
+        <p>
+            <strong>Grace Time</strong> specifies how "late" a ping can
+            be before you will be alerted. Set it to be a little above
+            the expected duration of your cron job.
+        </p>
+    </div>
+    </div>
+
     <div class="row tour-section">
     <div class="col-sm-8">
         <img