Updated logos for 2016.

static/css/audience_display.css

@@ -115,12 +115,12 @@ html {
 }
 #logo {
   position: relative;
-  top: 35px;
-  height: 65px;
+  top: 50px;
+  height: 35px;
 }
 #matchTime {
   position: relative;
-  top: 18px;
+  top: 35px;
   height: 60px;
   color: #222;
   font-family: "FuturaLTBold";
@@ -191,8 +191,8 @@ html {
 }
 #blindsLogo {
   position: relative;
-  top: 75px;
-  height: 130px;
+  top: 110px;
+  height: 75px;
 }
 #finalScore {
   position: fixed;
@@ -342,7 +342,7 @@ html {
   font-size: 3.5em;
 }
 #allianceSelectionTable img {
-  width: 3em;
+  width: 7em;
   margin: 0.75em;
 }
 #allianceSelectionTable tr:nth-child(even) {

static/js/audience_display.js

@@ -126,7 +126,7 @@ var transitionBlankToIntro = function(callback) {
 };
 
 var transitionIntroToInMatch = function(callback) {
-  $("#logo").transition({queue: false, top: "20px"}, 500, "ease");
+  $("#logo").transition({queue: false, top: "35px"}, 500, "ease");
   $(".score").transition({queue: false, width: "230px"}, 500, "ease", function() {
     $(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
     $("#matchTime").transition({queue: false, opacity: 1}, 750, "ease", callback);
@@ -146,7 +146,7 @@ var transitionIntroToBlank = function(callback) {
 var transitionBlankToInMatch = function(callback) {
   $("#centering").transition({queue: false, bottom: "0px"}, 500, "ease", function() {
     $(".teams").transition({queue: false, width: "75px"}, 100, "linear", function() {
-      $("#logo").transition({queue: false, top: "20px"}, 500, "ease");
+      $("#logo").transition({queue: false, top: "35px"}, 500, "ease");
       $(".score").transition({queue: false, width: "230px"}, 500, "ease", function() {
         $("#eventMatchInfo").show();
         $(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
@@ -161,7 +161,7 @@ var transitionBlankToInMatch = function(callback) {
 var transitionInMatchToIntro = function(callback) {
   $(".score-number").transition({queue: false, opacity: 0}, 300, "linear");
   $("#matchTime").transition({queue: false, opacity: 0}, 300, "linear", function() {
-    $("#logo").transition({queue: false, top: "35px"}, 500, "ease");
+    $("#logo").transition({queue: false, top: "50px"}, 500, "ease");
     $(".score").transition({queue: false, width: "120px"}, 500, "ease");
     $(".teams").transition({queue: false, width: "75px"}, 500, "ease", callback);
   });
@@ -172,7 +172,7 @@ var transitionInMatchToBlank = function(callback) {
   $("#matchTime").transition({queue: false, opacity: 0}, 300, "linear");
   $(".score-number").transition({queue: false, opacity: 0}, 300, "linear", function() {
     $("#eventMatchInfo").hide();
-    $("#logo").transition({queue: false, top: "35px"}, 500, "ease");
+    $("#logo").transition({queue: false, top: "50px"}, 500, "ease");
     $(".score").transition({queue: false, width: "0px"}, 500, "ease");
     $(".teams").transition({queue: false, width: "40px"}, 500, "ease", function() {
       $("#centering").transition({queue: false, bottom: "-340px"}, 1000, "ease", callback);

templates/alliance_station_display.html

@@ -30,7 +30,7 @@
       </div>
     </div>
     <div id="logo" class="mode">
-      <img id="logoImg" src="/static/img/alliance-station-logo.png" alt="logo" />
+      <img id="logoImg" src="/static/img/alliance-station-logo.svg" alt="logo" />
     </div>
     <div id="fieldReset" class="mode">FIELD<br />RESET</div>
     <script>

templates/audience_display.html

@@ -37,12 +37,12 @@
           </span>
         </div>
         <div id="eventMatchInfo">
-          <span>{{.EventSettings.Name}} 2015</span>
+          <span>{{.EventSettings.Name}} 2016</span>
           <span class="pull-right" id="matchName"></span>
         </div>
       </div>
       <div class="text-center" id="matchCircle">
-        <img id="logo" src="/static/img/game-logo.png" alt="logo" />
+        <img id="logo" src="/static/img/game-logo.svg" alt="logo" />
         <div id="matchTime"></div>
       </div>
     </div>
@@ -54,7 +54,7 @@
         <div class="blindsCenter blank"></div>
       </div>
       <div class="blindsCenter full">
-        <img id="blindsLogo" src="/static/img/game-logo.png" alt="logo" />
+        <img id="blindsLogo" src="/static/img/game-logo.svg" alt="logo" />
       </div>
       <div id="finalScore">
         <div class="final-score" id="redFinalScore"></div>
@@ -89,7 +89,7 @@
           </span>
         </div>
         <div id="finalEventMatchInfo">
-          <span>{{.EventSettings.Name}} 2015</span>
+          <span>{{.EventSettings.Name}} 2016</span>
           <span class="pull-right" id="finalMatchName"></span>
         </div>
       </div>
@@ -111,7 +111,7 @@
       <table id="allianceSelectionTable">
         <tr>
           <td colspan="4">
-            <img src="/static/img/game-logo.png" alt="logo" />
+            <img src="/static/img/game-logo.svg" alt="logo" />
           </td
         </tr>
         {{"{{#each this}}"}}