List Pushover and VictorOps on welcome page.

hc/front/views.py

@@ -79,7 +79,8 @@ def index(request):
     ctx = {
         "page": "welcome",
         "check": check,
-        "ping_url": check.url()
+        "ping_url": check.url(),
+        "enable_pushover": settings.PUSHOVER_API_TOKEN is not None
     }
 
     return render(request, "front/welcome.html", ctx)

static/css/welcome.css

@@ -82,3 +82,8 @@
 .tour-section {
     margin-bottom: 50px;
 }
+
+.welcome-integrations img {
+    width: 22px;
+    height: 22px;
+}

templates/base.html

@@ -134,7 +134,7 @@
     <footer class="footer">
         <div class="container">
             <ul>
-                <li>&copy; 2015 Monkey See Monkey Do SIA</li>
+                <li>&copy; 2015-2016 Monkey See Monkey Do SIA</li>
                 <li><a href="{% url 'hc-privacy' %}">Privacy</a></li>
                 {% if USE_PAYMENTS %}
                 <li><a href="{% url 'hc-pricing' %}">Pricing</a></li>

templates/front/channels.html

@@ -110,7 +110,7 @@
             <img src="{% static 'img/integrations/webhook.png' %}"
                 alt="Webhook icon" />
 
-            <h2>WebHook</h2>
+            <h2>Webhook</h2>
             <p>Receive a HTTP callback when a check goes down.</p>
 
             <a href="{% url 'hc-add-webhook' %}" class="btn btn-primary">Add Integration</a>
@@ -135,7 +135,7 @@
         </li>
         <li>
             <img src="{% static 'img/integrations/victorops.png' %}"
-                alt="VictorOp icon" />
+                alt="VictorOps icon" />
 
             <h2>VictorOps</h2>
             <p>On-call scheduling, alerting, and incident tracking.</p>

templates/front/welcome.html

@@ -224,12 +224,61 @@
     </div>
     <div class="col-sm-4">
         <p>
-            You can specify additional email addresses, webhooks,
-            <a href="https://www.pagerduty.com/">PagerDuty</a>,
-            <a href="https://slack.com/">Slack</a>
-            and <a href="https://www.hipchat.com/">HipChat</a>
-            accounts to send notifications to.
+            You can set up additional ways to get notified:
         </p>
+
+        <table class="table welcome-integrations">
+            <tr>
+                <td>
+                    <img src="{% static 'img/integrations/email.png' %}" alt="Email icon" />
+                </td>
+                <td>Good old email messages.</td>
+            </tr>
+
+            <tr>
+                <td>
+                    <img src="{% static 'img/integrations/webhook.png' %}" alt="Webhook icon" />
+                </td>
+                <td>HTTP webhooks.</td>
+            </tr>
+
+            <tr>
+                <td>
+                    <img src="{% static 'img/integrations/slack.png' %}" alt="Slack icon" />
+                </td>
+                <td>Notifications in <a href="https://slack.com/">Slack</a> channel.</td>
+            </tr>
+
+            <tr>
+                <td>
+                    <img src="{% static 'img/integrations/hipchat.png' %}" alt="HipChat icon" />
+                </td>
+                <td>Notifications in <a href="https://hipchat.com/">HipChat</a> channel.</td>
+            </tr>
+
+            <tr>
+                <td>
+                    <img src="{% static 'img/integrations/pd.png' %}" alt="PagerDuty icon" />
+                </td>
+                <td>Open and resolve incidents in <a href="https://www.pagerduty.com/">PagerDuty</a>.</td>
+            </tr>
+
+            <tr>
+                <td>
+                    <img src="{% static 'img/integrations/victorops.png' %}" alt="VictorOps icon" />
+                </td>
+                <td>Open and resolve incidents in <a href="https://victorops.com/">VictorOps</a>.</td>
+            </tr>
+
+            {% if enable_pushover %}
+            <tr>
+                <td>
+                    <img src="{% static 'img/integrations/pushover.png' %}" alt="Pushover icon" />
+                </td>
+                <td>Instant push notifications with <a href="https://pushover.net/">Pushover</a>.</td>
+            </tr>
+            {% endif %}
+        </table>
     </div>
     </div>
 

templates/integrations/add_victorops.html

@@ -9,7 +9,7 @@
 <div class="col-sm-12">
     <h1>VictorOps</h1>
 
-    <p><a href="https://victorops.com//">VictorOps</a> is
+    <p><a href="https://victorops.com/">VictorOps</a> is
     another incident management system similar to PagerDuty.
     If you use or plan on using VitorOps, you can can integrate it
     with your healthchecks.io account in few simple steps.</p>