add integration page for spike.sh

templates/front/channels.html

@@ -260,7 +260,7 @@
                 <img src="{% static 'img/integrations/pagertree.png' %}" class="icon" alt="PagerTree icon" />
 
                 <h2>PagerTree</h2>
-                <p>DevOps Incident Management - On-Call Schedules, Alerts, &amp; Notifications</p>
+                <p>No BS Incident management with unlimited alerts and on-call schedules</p>
                 <a href="{% url 'hc-add-pagertree' project.code %}" class="btn btn-primary">Add Integration</a>
             </li>
 

templates/integrations/add_spike.html

@@ -27,26 +27,11 @@
                 <div class="marker-wrap">
                     <span style="left: 89%; top: 19%;" class="marker"></span>
                     <img class="ai-guide-screenshot" alt="Click create integration button"
-                        src="{% static 'img/integrations/setup_pagertree_1.png' %}" />
+                        src="{% static 'img/integrations/setup_spike_1.png' %}" />
                 </div>
             </div>
         </div>
 
-        <div class="row ai-step">
-            <div class="col-sm-6">
-                <span class="step-no"></span>
-                <p>
-                    In the Create Integration Form, fill out the details with appropriate values, but most importantly
-                    make sure the <strong>Integration Type</strong> is set to <strong>Healthchecks.io</strong>. Then
-                    click the <strong>Create</strong> button.
-                </p>
-            </div>
-            <div class="col-sm-6">
-                <img class="ai-guide-screenshot" alt="Create Healthchecks.io integration with details"
-                    src="{% static 'img/integrations/setup_pagertree_2.png' %}">
-            </div>
-        </div>
-
         <div class="row ai-step">
             <div class="col-sm-6">
                 <span class="step-no"></span>
@@ -57,12 +42,8 @@
                 </p>
             </div>
             <div class="col-sm-6">
-                <div class="marker-wrap">
-                    <span style="left: 32%; top: 59%;" class="marker"></span>
-
-                    <img class="ai-guide-screenshot" alt="Copy the Webhook URL"
-                        src="{% static 'img/integrations/setup_pagertree_3.png' %}">
-                </div>
+                <img class="ai-guide-screenshot" alt="Create Healthchecks.io integration with details"
+                    src="{% static 'img/integrations/setup_spike_2.png' %}">
             </div>
         </div>