Fix HTML validation issues

static/css/log.css

@@ -1,3 +1,7 @@
+#format-switcher-container:before {
+    content: " ";
+}
+
 #log {
     visibility: hidden;
 }

templates/accounts/profile.html

@@ -163,7 +163,7 @@
             {% csrf_token %}
             <div class="modal-content">
                 <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal">&times;</span></button>
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 class="remove-check-title">Revoke API Key</h4>
                 </div>
                 <div class="modal-body">
@@ -192,7 +192,7 @@
             {% csrf_token %}
             <div class="modal-content">
                 <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal">&times;</span></button>
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 class="remove-check-title">Remove Team Member</h4>
                 </div>
                 <div class="modal-body">
@@ -221,7 +221,7 @@
             {% csrf_token %}
             <div class="modal-content">
                 <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal">&times;</span></button>
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 class="remove-check-title">Invite a Team Member</h4>
                 </div>
                 <div class="modal-body">
@@ -259,7 +259,7 @@
             {% csrf_token %}
             <div class="modal-content">
                 <div class="modal-header">
-                    <button type="button" class="close" data-dismiss="modal">&times;</span></button>
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 class="remove-check-title">Set Team Name</h4>
                 </div>
                 <div class="modal-body">

templates/front/channels.html

@@ -179,11 +179,8 @@
 
 <div id="checks-modal" class="modal">
     <div class="modal-dialog">
-            <div class="modal-content">
-                <h2>Email</h2>
-                <p>Get an email message when check goes up or down</p>
-            </div>
-        </form>
+        <div class="modal-content">
+        </div>
     </div>
 </div>
 

templates/front/log.html

@@ -13,19 +13,19 @@
             <li>{{ check.name_then_code }}</li>
             <li class="active">Log</li>
 
-            <div class="pull-right">
+            <li id="format-switcher-container" class="pull-right">
                 <div id="format-switcher" class="btn-group" data-toggle="buttons">
                     <label class="btn btn-default btn-xs" data-format="utc">
-                        <input type="radio" name="date-format" autocomplete="off" checked>
+                        <input type="radio" name="date-format" checked>
                         UTC
                     </label>
 
                     <label class="btn btn-default btn-xs active" data-format="local">
-                        <input type="radio" name="date-format" autocomplete="off">
+                        <input type="radio" name="date-format">
                         Local Time
                     </label>
                 </div>
-            </div>
+            </li>
         </ol>
 
     {% if pings %}
@@ -81,7 +81,7 @@
                     <span class="time"></span>
                 </div>
             </td>
-            <td colspan="4">
+            <td colspan="3">
                 <small>Ping expected but not received</small>
             </td>
         </tr>

templates/front/welcome.html

@@ -109,7 +109,6 @@
                         <input
                             type="email"
                             class="form-control"
-                            id="id_email"
                             name="email"
                             autocomplete="email"
                             placeholder="Email">
@@ -306,7 +305,6 @@
                                 <input
                                     type="email"
                                     class="form-control"
-                                    id="id_email"
                                     name="email"
                                     autocomplete="email"
                                     placeholder="Email">

templates/integrations/add_email.html

@@ -28,9 +28,14 @@
         {% csrf_token %}
         <input type="hidden" name="kind" value="email" />
         <div class="form-group">
-            <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
+            <label for="id_email" class="col-sm-2 control-label">Email</label>
             <div class="col-sm-3">
-                <input type="email" class="form-control" name="value" placeholder="[email protected]">
+                <input
+                    id="id_email"
+                    type="email"
+                    class="form-control"
+                    name="value"
+                    placeholder="[email protected]">
             </div>
         </div>
         <div class="form-group">

templates/integrations/add_hipchat.html

@@ -24,6 +24,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_hipchat_1.png' %}">
         </div>
     </div>
@@ -42,6 +43,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_hipchat_2.png' %}">
         </div>    </div>
 
@@ -54,6 +56,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_hipchat_3.png' %}">
         </div>
     </div>
@@ -65,9 +68,14 @@
         {% csrf_token %}
         <input type="hidden" name="kind" value="hipchat" />
         <div class="form-group">
-            <label for="inputEmail3" class="col-sm-2 control-label">Callback URL</label>
+            <label for="callback-url" class="col-sm-2 control-label">Callback URL</label>
             <div class="col-sm-10">
-                <input type="text" class="form-control" name="value" placeholder="">
+                <input
+                    id="callback-url"
+                    type="text"
+                    class="form-control"
+                    name="value"
+                    placeholder="">
             </div>
         </div>
         <div class="form-group">

templates/integrations/add_pd.html

@@ -34,6 +34,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_pd_1.png' %}">
         </div>
     </div>
@@ -48,6 +49,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_pd_2.png' %}">
         </div>
     </div>
@@ -65,9 +67,14 @@
         {% csrf_token %}
         <input type="hidden" name="kind" value="pd" />
         <div class="form-group">
-            <label for="inputEmail3" class="col-sm-2 control-label">API Key</label>
+            <label for="api-key" class="col-sm-2 control-label">API Key</label>
             <div class="col-sm-3">
-                <input type="text" class="form-control" name="value" placeholder="">
+                <input
+                    id="api-key"
+                    type="text"
+                    class="form-control"
+                    name="value"
+                    placeholder="">
             </div>
         </div>
         <div class="form-group">

templates/integrations/add_pushover.html

@@ -19,7 +19,7 @@
     <form method="post" id="add-pushover" class="form-horizontal" action="{% url 'hc-add-pushover' %}">
         {% csrf_token %}
         <div class="form-group">
-            <label for="po_priority" class="col-sm-2 control-label">Notification priority</label>
+            <label class="col-sm-2 control-label">Notification priority</label>
             <div class="col-sm-6">
                 <div class="radio">
                     <label>

templates/integrations/add_slack.html

@@ -24,6 +24,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_slack_1.png' %}">
         </div>
     </div>
@@ -45,6 +46,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_slack_2.png' %}">
         </div>
     </div>

templates/integrations/add_victorops.html

@@ -28,6 +28,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_victorops_1.png' %}">
         </div>
     </div>
@@ -44,6 +45,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_victorops_2.png' %}">
         </div>
     </div>
@@ -58,6 +60,7 @@
         <div class="col-sm-6">
             <img
                 class="ai-guide-screenshot"
+                alt="Screenshot"
                 src="{% static 'img/integrations/setup_victorops_3.png' %}">
         </div>
     </div>
@@ -78,9 +81,14 @@
         {% csrf_token %}
         <input type="hidden" name="kind" value="victorops" />
         <div class="form-group">
-            <label for="inputEmail3" class="col-sm-2 control-label">Post URL</label>
-            <div class="col-sm-3">
-                <input type="text" class="form-control" name="value" placeholder="">
+            <label for="post-url" class="col-sm-2 control-label">Post URL</label>
+            <div class="col-sm-10">
+                <input
+                    id="post-url"
+                    type="text"
+                    class="form-control"
+                    name="value"
+                    placeholder="">
             </div>
         </div>
         <div class="form-group">