Add Chezy Champs branding.

Team254 · Sep 8, 2024 · 122c631 · 122c631
1 parent e011e31
commit 122c631
Show file tree

Hide file tree

Showing 25 changed files with 206 additions and 25 deletions.
diff --git a/static/css/alliance_station_display.css b/static/css/alliance_station_display.css
@@ -44,7 +44,7 @@ body[data-mode=timeout] .mode#match {
   bottom: 0;
   left: 0;
   right: 0;
-  height: 70%;
+  width: 90%;
   margin: auto auto;
 }
 

diff --git a/static/css/audience_display.css b/static/css/audience_display.css
@@ -181,12 +181,12 @@ html {
 }
 #logo {
   position: relative;
-  top: 45px;
-  height: 50px;
+  top: 43px;
+  height: 60px;
 }
 #matchTime {
   position: relative;
-  top: 30px;
+  top: 25px;
   height: 60px;
   color: #222;
   font-family: "FuturaLTBold";
@@ -311,8 +311,8 @@ html {
 }
 #blindsLogo {
   position: relative;
-  top: 90px;
-  height: 120px;
+  top: 85px;
+  height: 140px;
 }
 #finalScoreCentering {
   position: fixed;
@@ -604,8 +604,8 @@ html {
   font-size: 3.5em;
 }
 #allianceSelectionTable img {
-  width: 3em;
-  margin: 0.2em;
+  width: 10em;
+  margin: 0.4em;
 }
 #allianceSelectionTable tr:nth-child(even) {
   background-color: #ccc;
@@ -632,8 +632,8 @@ html {
   height: 87px;
 }
 #lowerThirdLogo {
-  margin: 12px 20px;
-  height: 60px;
+  margin: 20px;
+  height: 45px;
   float: left;
 }
 #lowerThirdTop {

diff --git a/static/css/bracket_display.css b/static/css/bracket_display.css
@@ -29,6 +29,10 @@ body {
   color: #fff;
   text-transform: uppercase;
 }
+#logo {
+  margin-bottom: 10px;
+  height: 50px;
+}
 #bracket {
   position: fixed;
   top: 0;

diff --git a/static/css/logo_display.css b/static/css/logo_display.css
@@ -21,7 +21,7 @@ body {
   color: #fff;
 }
 #logo #logoImg {
-  height: 35vw;
+  height: 25vw;
 }
 #message {
   margin-top: 5vw;

diff --git a/static/css/queueing_display.css b/static/css/queueing_display.css
@@ -23,6 +23,10 @@ body {
   color: #fff;
   text-transform: uppercase;
 }
+#logo {
+  margin-bottom: 10px;
+  height: 50px;
+}
 .card {
   background-color: #ccc;
   border: 1px solid #333;

diff --git a/static/css/rankings_display.css b/static/css/rankings_display.css
@@ -30,6 +30,10 @@ body {
   color: #fff;
   text-transform: uppercase;
 }
+#logo {
+  margin-bottom: 10px;
+  height: 50px;
+}
 #standings {
   border-radius: 10px;
   background-color: #fff;

diff --git a/static/css/wall_display.css b/static/css/wall_display.css
@@ -201,8 +201,8 @@ html {
 }
 #logo {
   position: relative;
-  top: 45px;
-  height: 50px;
+  top: 43px;
+  height: 60px;
 }
 #matchTime {
   position: relative;

diff --git a/static/img/alliance-selection-logo.png b/static/img/alliance-selection-logo.png
diff --git a/static/img/alliance-selection-logo.svg b/static/img/alliance-selection-logo.svg
diff --git a/static/img/alliance-station-logo.png b/static/img/alliance-station-logo.png
diff --git a/static/img/alliance-station-logo.svg b/static/img/alliance-station-logo.svg
diff --git a/static/img/game-logo.png b/static/img/game-logo.png
diff --git a/static/img/game-logo.svg b/static/img/game-logo.svg
diff --git a/static/img/lower-third-logo.png b/static/img/lower-third-logo.png
diff --git a/static/img/lower-third-logo.svg b/static/img/lower-third-logo.svg
diff --git a/static/img/pit-display-logo.svg b/static/img/pit-display-logo.svg
diff --git a/static/js/audience_display.js b/static/js/audience_display.js
@@ -26,7 +26,7 @@ const overlayCenteringTopHideParams = {queue: false, top: overlayCenteringTopUp}
 const overlayCenteringTopShowParams = {queue: false, top: "50px"};
 const eventMatchInfoDown = "30px";
 const eventMatchInfoUp = $("#eventMatchInfo").css("height");
-const logoUp = "30px";
+const logoUp = "23px";
 const logoDown = $("#logo").css("top");
 const scoreIn = $(".score").css("width");
 const scoreMid = "185px";

diff --git a/static/js/wall_display.js b/static/js/wall_display.js
@@ -15,7 +15,7 @@ let currentMatch;
 // Constants for overlay positioning. The CSS is the source of truth for the values that represent initial state.
 const eventMatchInfoDown = "30px";
 const eventMatchInfoUp = $("#eventMatchInfo").css("height");
-const logoUp = "30px";
+const logoUp = "23px";
 const logoDown = $("#logo").css("top");
 const scoreIn = $(".score").css("width");
 const scoreMid = "185px";

diff --git a/templates/alliance_station_display.html b/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"><div>FIELD<br />RESET</div></div>
     <script src="/static/js/lib/jquery.min.js"></script>

diff --git a/templates/audience_display.html b/templates/audience_display.html
@@ -106,7 +106,7 @@
         <span id="leftPlayoffAllianceWins"></span>&nbsp;-&nbsp;<span id="rightPlayoffAllianceWins"></span>
       </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 id="timeoutDetails">
@@ -125,7 +125,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="finalScoreCentering">
         <div id="finalScore">
@@ -246,7 +246,7 @@
       <div id="allianceRankings"></div>
     </div>
     <div id="lowerThird">
-      <img id="lowerThirdLogo" src="/static/img/lower-third-logo.png" alt="logo" />
+      <img id="lowerThirdLogo" src="/static/img/lower-third-logo.svg" alt="logo" />
       <div id="lowerThirdTop"></div>
       <div id="lowerThirdBottom"></div>
       <div id="lowerThirdSingle"></div>
@@ -255,7 +255,7 @@
       <table id="allianceSelectionTable">
         <tr>
           <td colspan="{{"{{numColumns}}"}}">
-            <img src="/static/img/alliance-selection-logo.png" alt="logo" />
+            <img src="/static/img/alliance-selection-logo.svg" alt="logo" />
           </td>
         </tr>
         {{"{{#each alliances}}"}}

diff --git a/templates/bracket_display.html b/templates/bracket_display.html
@@ -17,7 +17,7 @@
     <div id="column">
       <div id="titlebar" class="row justify-content-between">
         <div class="col-lg-4 text-start">Playoff Bracket</div>
-        <div class="col-lg-4 text-end">{{.EventSettings.Name}}</div>
+        <div class="col-lg-4 text-end"><img id="logo" src="/static/img/pit-display-logo.svg"></div>
       </div>
       <div id="bracket"></div>
     </div>

diff --git a/templates/logo_display.html b/templates/logo_display.html
@@ -15,7 +15,7 @@
   </head>
   <body>
     <div id="logo">
-      <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="message"></div>
     <script src="/static/js/lib/jquery.min.js"></script>

diff --git a/templates/queueing_display.html b/templates/queueing_display.html
@@ -16,7 +16,7 @@
   <body>
     <div id="header" class="row justify-content-center">
       <div class="col-lg-5">Match Queue</div>
-      <div class="col-lg-5 text-end">{{.EventSettings.Name}}</div>
+      <div class="col-lg-5 text-end"><img id="logo" src="/static/img/pit-display-logo.svg"></div>
     </div>
     <div id="matches"></div>
     <div class="row justify-content-center">

diff --git a/templates/rankings_display.html b/templates/rankings_display.html
@@ -18,7 +18,7 @@
     <div id="column">
       <div id="titlebar" class="row justify-content-between">
         <div class="col-lg-4 text-start">Team Standings</div>
-        <div class="col-lg-4 text-end">{{.EventSettings.Name}}</div>
+        <div class="col-lg-4 text-end"><img id="logo" src="/static/img/pit-display-logo.svg"></div>
       </div>
       <div id="standings">
         <table id="header">