From 370e697b99f1c00d533ea446cb38073d86697763 Mon Sep 17 00:00:00 2001
From: Patrick Fairbank <patfair@gmail.com>
Date: Sat, 6 Sep 2014 18:00:45 -0700
Subject: [PATCH] Fixed some HTML5 validation errors.

---
 static/css/alliance_station_display.css |  2 +-
 templates/alliance_station_display.html |  2 +-
 templates/audience_display.html         | 18 +++++++++---------
 templates/pit_display.html              |  6 +++---
 templates/setup_field.html              |  2 +-
 templates/setup_settings.html           |  1 +
 templates/setup_sponsor_slides.html     | 10 +++++-----
 7 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/static/css/alliance_station_display.css b/static/css/alliance_station_display.css
index d879a9d..a37f506 100644
--- a/static/css/alliance_station_display.css
+++ b/static/css/alliance_station_display.css
@@ -29,7 +29,7 @@ body[data-mode=match] .mode#match {
 
 
 /* Logo Mode */
-#logo {
+#logo #logoImg {
   position: absolute;
   top: 0;
   bottom: 0;
diff --git a/templates/alliance_station_display.html b/templates/alliance_station_display.html
index ff0646e..4a7f7ee 100644
--- a/templates/alliance_station_display.html
+++ b/templates/alliance_station_display.html
@@ -28,7 +28,7 @@
       </div>
     </div>
     <div id="logo" class="mode">
-      <img id="logo" src="/static/img/alliance-station-logo.png" />
+      <img id="logoImg" src="/static/img/alliance-station-logo.png" alt="logo" />
     </div>
     <script>
       // A unique id to differentiate this station's display from its peers.
diff --git a/templates/audience_display.html b/templates/audience_display.html
index 28e5d6a..cdea0ac 100644
--- a/templates/audience_display.html
+++ b/templates/audience_display.html
@@ -56,7 +56,7 @@
         </div>
       </div>
       <div class="text-center" id="matchCircle">
-        <img id="logo" src="/static/img/game-logo.png" />
+        <img id="logo" src="/static/img/game-logo.png" alt="logo" />
         <div id="matchTime"></div>
       </div>
     </div>
@@ -68,7 +68,7 @@
         <div class="blindsCenter blank"></div>
       </div>
       <div class="blindsCenter full">
-        <img id="blindsLogo" src="/static/img/game-logo.png" />
+        <img id="blindsLogo" src="/static/img/game-logo.png" alt="logo" />
       </div>
       <div id="finalScore">
         <div class="final-score" id="redFinalScore"></div>
@@ -91,7 +91,7 @@
           </span>
         </div>
         <div class="final-breakdown" id="centerFinalBreakdown">
-          <span class="valign-cell">Autonomous</br>Teleoperated</br>Foul</span>
+          <span class="valign-cell">Autonomous<br />Teleoperated<br />Foul</span>
         </div>
         <div class="final-breakdown" id="blueFinalBreakdown">
           <span class="valign-cell">
@@ -114,7 +114,7 @@
       <div id="allianceSelection"></div>
     </div>
     <div id="lowerThird">
-      <img id="lowerThirdLogo" src="/static/img/lower-third-logo.png" />
+      <img id="lowerThirdLogo" src="/static/img/lower-third-logo.png" alt="logo" />
       <div id="lowerThirdTop"></div>
       <div id="lowerThirdBottom"></div>
       <div id="lowerThirdSingle"></div>
@@ -131,11 +131,11 @@
         {{"{{/each}}"}}
       </table>
     </script>
-    <audio id="match-start" src="/static/audio/match_start.wav" type="audio/wav" preload="auto" />
-    <audio id="match-end" src="/static/audio/match_end.wav" type="audio/wav" preload="auto" />
-    <audio id="match-abort" src="/static/audio/match_abort.mp3" type="audio/mp3" preload="auto" />
-    <audio id="match-resume" src="/static/audio/match_resume.wav" type="audio/wav" preload="auto" />
-    <audio id="match-endgame" src="/static/audio/match_endgame.wav" type="audio/wav" preload="auto" />
+    <audio id="match-start" src="/static/audio/match_start.wav" preload="auto"></audio>
+    <audio id="match-end" src="/static/audio/match_end.wav" preload="auto"></audio>
+    <audio id="match-abort" src="/static/audio/match_abort.mp3" preload="auto"></audio>
+    <audio id="match-resume" src="/static/audio/match_resume.wav" preload="auto"></audio>
+    <audio id="match-endgame" src="/static/audio/match_endgame.wav" preload="auto"></audio>
     <script src="/static/js/lib/jquery.min.js"></script>
     <script src="/static/js/lib/jquery.json-2.4.min.js"></script>
     <script src="/static/js/lib/jquery.websocket-0.0.1.js"></script>
diff --git a/templates/pit_display.html b/templates/pit_display.html
index b03239f..19b7cf9 100644
--- a/templates/pit_display.html
+++ b/templates/pit_display.html
@@ -19,7 +19,7 @@
       <div id="titlebar">
         <div class="pull-left">Team Standings</div>
         <div class="pull-right">{{.EventSettings.Name}}</div>
-        <div>&nbsp</div>
+        <div>&nbsp;</div>
       </div>
       <div id="standings">
         <table id="header">
@@ -31,8 +31,8 @@
             <td class="team-field">QS</td>
             <td class="team-field">Assist</td>
             <td class="team-field">Auto</td>
-            <td class="team-field">T&C</td>
-            <td class="team-field">G&F</td>
+            <td class="team-field">T&amp;C</td>
+            <td class="team-field">G&amp;F</td>
             <td class="team-field">DQ</td>
             <td class="team-field">Played</td>
           </tr>
diff --git a/templates/setup_field.html b/templates/setup_field.html
index b6b85d6..b826d9e 100644
--- a/templates/setup_field.html
+++ b/templates/setup_field.html
@@ -95,7 +95,7 @@
             </label>
           </div>
         </div>
-      </div>
+      </form>
     </div>
   </div>
 </div>
diff --git a/templates/setup_settings.html b/templates/setup_settings.html
index 45475ac..f334691 100644
--- a/templates/setup_settings.html
+++ b/templates/setup_settings.html
@@ -100,6 +100,7 @@
         </fieldset>
         <fieldset>
           <legend>Publishing</legend>
+          <p>Contact The Blue Alliance to obtain an event code and credentials.</p>
           <div class="form-group">
             <label class="col-lg-7 control-label">Enable The Blue Alliance publishing</label>
             <div class="col-lg-1 checkbox">
diff --git a/templates/setup_sponsor_slides.html b/templates/setup_sponsor_slides.html
index 4f0e1cb..2e8e287 100644
--- a/templates/setup_sponsor_slides.html
+++ b/templates/setup_sponsor_slides.html
@@ -66,31 +66,31 @@
         <div class="form-group">
           <div class="col-lg-7">
             <div class="form-group imagetoggle">
-              <label for="image" class="col-sm-5 control-label">Image File Name</label>
+              <label class="col-sm-5 control-label">Image File Name</label>
               <div class="col-sm-7">
                 <input type="text" class="form-control" name="image" placeholder="image.svg">
               </div>
             </div>
             <div class="form-group hidden imagetoggle">
-              <label for="line1" class="col-sm-5 control-label">Line 1 Text</label>
+              <label class="col-sm-5 control-label">Line 1 Text</label>
               <div class="col-sm-7">
                 <input type="text" class="form-control" name="line1" placeholder="Chezy">
               </div>
             </div>
             <div class="form-group hidden imagetoggle">
-              <label for="line2" class="col-sm-5 control-label">Line 2 Text</label>
+              <label class="col-sm-5 control-label">Line 2 Text</label>
               <div class="col-sm-7">
                 <input type="text" class="form-control" name="line2" placeholder="Industries">
               </div>
             </div>
             <div class="form-group">
-              <label for="subtitle" class="col-sm-5 control-label">Subtitle Text</label>
+              <label class="col-sm-5 control-label">Subtitle Text</label>
               <div class="col-sm-7">
                 <input type="text" class="form-control" name="subtitle" placeholder="Gold Sponsor">
               </div>
             </div>
             <div class="form-group">
-              <label for="displayTimeSec" class="col-sm-5 control-label">Display Time (s)</label>
+              <label class="col-sm-5 control-label">Display Time (s)</label>
               <div class="col-sm-7">
                 <input type="number" class="form-control" name="displayTimeSec" placeholder="10">
               </div>