Update audience display.

This commit is contained in:
Patrick Fairbank
2017-07-16 12:33:57 -07:00
parent a68654b347
commit 000f9334a7
8 changed files with 388 additions and 101 deletions

View File

@@ -94,10 +94,13 @@ func AudienceDisplayWebsocketHandler(w http.ResponseWriter, r *http.Request) {
return
}
data = struct {
RedScore int
BlueScore int
}{mainArena.redRealtimeScore.Score(mainArena.blueRealtimeScore.CurrentScore.Fouls),
mainArena.blueRealtimeScore.Score(mainArena.redRealtimeScore.CurrentScore.Fouls)}
RedScore *Score
BlueScore *Score
RedScoreSummary *ScoreSummary
BlueScoreSummary *ScoreSummary
}{&mainArena.redRealtimeScore.CurrentScore, &mainArena.blueRealtimeScore.CurrentScore,
mainArena.redRealtimeScore.ScoreSummary(mainArena.blueRealtimeScore.CurrentScore.Fouls),
mainArena.blueRealtimeScore.ScoreSummary(mainArena.redRealtimeScore.CurrentScore.Fouls)}
err = websocket.Write("realtimeScore", data)
if err != nil {
log.Printf("Websocket error: %s", err)
@@ -154,10 +157,13 @@ func AudienceDisplayWebsocketHandler(w http.ResponseWriter, r *http.Request) {
}
messageType = "realtimeScore"
message = struct {
RedScore int
BlueScore int
}{mainArena.redRealtimeScore.Score(mainArena.blueRealtimeScore.CurrentScore.Fouls),
mainArena.blueRealtimeScore.Score(mainArena.redRealtimeScore.CurrentScore.Fouls)}
RedScore *Score
BlueScore *Score
RedScoreSummary *ScoreSummary
BlueScoreSummary *ScoreSummary
}{&mainArena.redRealtimeScore.CurrentScore, &mainArena.blueRealtimeScore.CurrentScore,
mainArena.redRealtimeScore.ScoreSummary(mainArena.blueRealtimeScore.CurrentScore.Fouls),
mainArena.blueRealtimeScore.ScoreSummary(mainArena.redRealtimeScore.CurrentScore.Fouls)}
case _, ok := <-scorePostedListener:
if !ok {
return

Binary file not shown.

View File

@@ -38,13 +38,13 @@ html {
vertical-align: middle;
}
#redTeams {
float: right;
border-left: 1px solid #222;
}
#blueTeams {
float: left;
border-right: 1px solid #222;
}
#blueTeams {
float: right;
border-left: 1px solid #222;
}
.score {
width: 0px;
height: 100%;
@@ -99,30 +99,14 @@ html {
.score-fields {
float: left;
width: 20%;
padding-top: 10px;
height: 100%;
line-height: 29px;
text-align: center;
opacity: 0;
}
.tower {
font-size: 20px;
display: table;
font-size: 23px;
font-family: "FuturaLTBold";
color: #fff;
}
.defense {
font-size: 0;
}
.defense>progress {
width: 20px;
height: 6px;
margin: 2px 0;
-webkit-appearance: none;
}
.defense>progress::-webkit-progress-bar {
background-color: rgba(0, 0, 0, 0);
border: 1px solid white;
}
.defense>progress::-webkit-progress-value {
background-color: #fff;
opacity: 0;
}
#logo {
position: relative;
@@ -208,8 +192,8 @@ html {
#finalScore {
position: fixed;
width: 800px;
height: 495px;
top: 0;
height: 550px;
top: 65px;
bottom: 0;
left: 0;
right: 0;
@@ -222,7 +206,7 @@ html {
.final-score {
float: left;
width: 50%;
height: 44%;
height: 38%;
line-height: 200px;
border-bottom: 2px solid #333;
color: #fff;
@@ -243,7 +227,7 @@ html {
.final-teams {
float: left;
width: 50%;
height: 11%;
height: 9%;
line-height: 50px;
text-align: center;
color: #fff;
@@ -262,7 +246,7 @@ html {
.final-breakdown {
float: left;
width: 33%;
height: 34%;
height: 44%;
padding: 0px 20px;
display: table;
text-align: center;
@@ -286,7 +270,7 @@ html {
#finalEventMatchInfo {
clear: both;
width: 100%;
height: 11%;
height: 9%;
line-height: 50px;
padding: 0px 25px;
font-family: "FuturaLT";
@@ -409,3 +393,11 @@ html {
font-family: "FuturaLTBold";
line-height: 87px;
}
.score-icon {
position: relative;
top: -4px;
height: 23px;
}
.score-icon-right {
-webkit-transform: scaleX(-1);
}

85
static/img/pressure.svg Normal file
View File

@@ -0,0 +1,85 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-4 6 90 90" style="enable-background:new -4 6 90 90;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:none;stroke:#000000;stroke-width:18;stroke-miterlimit:10;}
</style>
<g id="XMLID_40_">
<path id="XMLID_61_" d="M11.9,202.7c-1.1-0.2-2.2-0.7-3.1-1.5c-0.5-0.5-1.1-1.2-1.6-1.8c-0.7-0.9-1-2.2-0.8-3.4
c0.2-0.8,0.3-1.6,0.6-2.5c0.4-1.1,0.8-2.1,1.2-3.1l0.1-0.2c0.2-0.5,0.4-1,0.7-1.6l0.4-0.9l0.6-1.3c0.5-1.1,1-2.2,1.5-3.4
c0.6-1.4,1.3-2.7,1.9-4.1c1.2-2.5,2.4-5,3.7-7.4c0.8-1.6,1.5-2.9,2.2-4c0.9-1.5,1.8-3,2.9-4.6c0.5-0.8,1.1-1.6,1.6-2.3
c0.2-0.2,0.4-0.5,0.5-0.7c0-0.1,0-0.2-0.1-0.2c-0.2-0.7-0.4-1.7-0.3-2.9c0-0.1,0.1-0.5,0.1-0.5s-0.1-0.2-0.4-0.5
c-0.5-0.5-1-1-1.5-1.5c-0.6-0.6-1.2-1.2-1.8-1.9c-1.4-1.7-2.9-3.3-4.2-5c-1.5-2.1-3-4.2-4.4-6.2l-0.3-0.5c-1-1.4-1.8-2.8-2.8-4.4
c-1-1.7-2-3.3-3-5s-1.7-3.1-2.4-4.5c-0.6-1.4-1.3-3-1.6-4.9c-0.4-3.3,1.4-5.8,4.6-6.6c0.5-0.1,1-0.2,1.5-0.3h0.1
c0.4-0.1,0.9-0.1,1.3,0c1.6,0.2,2.5,1.3,2.8,1.6l0.5,0.5c0.9,0.9,1.8,1.9,2.6,3c1.9,2.4,3.8,5,5.6,7.6c1.6,2.2,3.2,4.6,5,7.3
c1.3,1.9,2.6,4,4,6.4c1.2,1.9,2.3,4,3.2,6.2c0.2,0.6,0.5,1.2,0.8,1.8l0,0c1.2,0.3,2.3,0.8,3.2,1.6l0,0c0.8-0.1,1.6-0.3,2.5-0.5
c2.2-0.6,4.5-1.2,6.9-1.5s5.2-0.6,8.1-0.8c2.5-0.2,5-0.3,7.4-0.4c2.2-0.1,4.2-0.1,6.1-0.1s4.1,0,6.3,0.4c0.7,0.1,1.3,0.2,2,0.4
c1.2,0.3,2.9,0.8,4.2,2.4c1.1,1.3,1.4,3,0.9,4.7c-0.2,0.7-0.4,1.3-0.6,1.9l-0.1,0.3c-0.4,1-1.2,2.3-3.3,2.8l-0.5,0.1
c-1,0.3-2.1,0.5-3.3,0.7c-3.9,0.5-7.1,0.9-10.1,1.2s-6.1,0.5-8.8,0.7c-2.1,0.1-4.3,0.2-6.6,0.3c-3.1,0.1-6-0.1-8.8-0.4
c-0.5-0.1-0.9-0.1-1.4-0.1c-0.1,0.1-0.1,0.1-0.2,0.2c-0.8,0.9-1.7,1.5-2.8,1.9c0,0,0,0,0,0.1c-0.2,0.4-0.4,1-0.6,1.6l-0.2,0.6
c-0.1,0.4-0.2,0.8-0.4,1.2c-0.3,1.1-0.6,2.2-1,3.3c-0.6,1.7-1.3,3.4-2,5c-1,2.3-2.1,4.7-3.4,7.2c-0.9,1.8-1.8,3.5-2.7,5.2l-0.2,0.3
c-0.7,1.3-1.4,2.7-2.3,4.1c-1.3,2.2-2.7,4.4-4.5,6.4c-0.7,0.7-1.4,1.2-2,1.6l-0.1,0.1C14.6,202.6,13.3,202.9,11.9,202.7z"/>
<path id="XMLID_513_" d="M12.5,188.9c0.6-1.3,1.3-2.9,2-4.6c0.6-1.3,1.2-2.7,1.9-4c1.2-2.5,2.4-4.9,3.6-7.4
c0.6-1.3,1.3-2.6,2.1-3.8c0.9-1.5,1.8-3,2.8-4.4c0.8-1.1,1.6-2.2,2.4-3.3c0.5-0.7,0.5-1.4,0.3-2.2c-0.1-0.7-0.4-1.4-0.3-2.1
c0-0.3,0.1-0.7,0.1-1c0-1.1-0.6-2-1.3-2.8c-1-1.2-2.2-2.2-3.2-3.4c-1.4-1.6-2.7-3.1-4-4.8c-1.6-2.1-3.1-4.4-4.6-6.6
c-0.9-1.4-1.8-2.8-2.7-4.2c-1-1.6-2-3.2-2.9-4.9c-0.8-1.4-1.6-2.8-2.2-4.2c-0.6-1.2-1.1-2.5-1.3-3.8c-0.2-1.5,0.4-2.4,2-2.8
c0.4-0.1,0.9-0.2,1.3-0.2c0.5-0.1,0.8,0.2,1.1,0.5c1,1.1,2,2.1,2.9,3.3c1.9,2.5,3.8,5,5.6,7.5c1.7,2.4,3.3,4.8,4.9,7.2
c1.4,2.1,2.7,4.1,3.9,6.2c1.1,1.9,2.1,3.8,2.9,5.8c0.3,0.8,0.7,1.6,1.1,2.3c0.4,0.9,1.2,1.3,2.1,1.5c0.7,0.2,1.4,0.5,1.9,1
c0.7,0.7,1.6,0.8,2.5,0.7c1-0.1,2-0.3,2.9-0.6c2.1-0.6,4.2-1.1,6.4-1.4c2.7-0.3,5.3-0.6,8-0.8c2.4-0.2,4.9-0.3,7.3-0.4
c2-0.1,4-0.1,5.9-0.1c2.5,0,5,0.1,7.5,0.7c0.9,0.2,1.7,0.5,2.3,1.2c0.4,0.5,0.5,1,0.3,1.6s-0.4,1.3-0.6,1.9
c-0.2,0.4-0.5,0.6-0.9,0.7c-1.1,0.3-2.3,0.6-3.4,0.7c-3.3,0.4-6.7,0.8-10,1.2c-2.9,0.3-5.8,0.5-8.6,0.7c-2.1,0.1-4.3,0.2-6.5,0.3
c-2.8,0.1-5.5,0-8.3-0.4c-0.8-0.1-1.6-0.1-2.4-0.1c-0.6,0-1.1,0.4-1.6,0.8c-0.2,0.2-0.4,0.4-0.6,0.6c-0.4,0.5-1,0.8-1.6,1
c-0.8,0.2-1.3,0.8-1.7,1.5c-0.6,0.9-0.8,2-1.1,3c-0.4,1.5-0.8,3-1.3,4.4c-0.6,1.6-1.2,3.2-1.9,4.8c-1.1,2.4-2.2,4.8-3.3,7.1
c-0.9,1.8-1.9,3.6-2.8,5.4c-0.7,1.3-1.4,2.6-2.2,3.9c-1.2,2-2.5,4.1-4.1,5.9c-0.5,0.5-1,0.9-1.6,1.3c-0.7,0.5-1.7,0.4-2.4-0.3
c-0.5-0.5-0.9-1-1.3-1.5c-0.1-0.2-0.2-0.5-0.1-0.7c0.1-0.7,0.3-1.4,0.5-2.1c0.3-1.1,0.8-2.1,1.2-3.1
C11.8,190.6,12.1,189.9,12.5,188.9z"/>
</g>
<g id="XMLID_30_">
<g id="XMLID_28_">
<path id="XMLID_42_" d="M-324.1,52.7c-2.8,0-3.4-1.6-1.5-3.6l38.4-40.2c1.9-2,5-2,6.9,0l38.4,40.2c1.9,2,1.2,3.6-1.5,3.6H-324.1z"
/>
</g>
<g id="XMLID_29_">
<path id="XMLID_69_" d="M-264.7,93.7c0,1.6-1.3,3-3,3h-32.2c-1.7,0-3-1.4-3-3v-61c0-1.6,1.3-3,3-3h32.2c1.7,0,3,1.4,3,3V93.7z"/>
</g>
</g>
<path class="st0" d="M41,12C19.8,12,2.7,29.1,2.7,50.3c0,21.2,17.1,38.3,38.3,38.3s38.3-17.1,38.3-38.3C79.3,29.1,62.2,12,41,12z
M37.8,16.5c4.6-0.1,8.4,1.6,8.5,3.8c0,2.2-3.7,4-8.3,4c-4.6,0.1-8.4-1.6-8.5-3.8S33.2,16.6,37.8,16.5z M20.9,46.2
c-0.6,4.5-3.7,7.9-7.1,7.5c-3.3-0.4-5.6-4.4-5-9c0.6-4.5,3.7-7.9,7.1-7.5C19.2,37.7,21.4,41.7,20.9,46.2z M45.2,75.3
c-0.4,3.2-4.4,5.5-9,4.9c-4.6-0.5-8.1-3.5-7.7-6.8c0.4-3.2,4.4-5.5,9-4.9C42.2,69,45.6,72.1,45.2,75.3z M54.4,50.3
c-0.9,4.5-5.3,7.4-9.8,6.5c-4.5-0.9-7.4-5.3-6.5-9.8c0.9-4.5,5.3-7.4,9.8-6.5C52.4,41.5,55.3,45.8,54.4,50.3z M72.4,54.7
c-2,0.3-4.1-3.1-4.8-7.7c-0.7-4.5,0.3-8.4,2.3-8.8c2-0.3,4.1,3.1,4.8,7.7C75.4,50.5,74.3,54.4,72.4,54.7z"/>
<g id="XMLID_15_">
<g id="XMLID_3_">
<polygon id="XMLID_20_" points="13.1,303.3 3.7,299.4 34.2,227.8 43.5,231.7 "/>
</g>
<g id="XMLID_4_">
<polygon id="XMLID_19_" points="49.4,303.3 40,299.4 70.5,227.8 79.8,231.7 "/>
</g>
<g id="XMLID_5_">
<rect id="XMLID_18_" x="14.2" y="282.8" width="36.4" height="10"/>
</g>
<g id="XMLID_6_">
<rect id="XMLID_17_" x="24.3" y="261.4" width="36.4" height="10"/>
</g>
<g id="XMLID_7_">
<rect id="XMLID_16_" x="32.3" y="240" width="36.4" height="10"/>
</g>
</g>
<g id="XMLID_21_">
<ellipse id="XMLID_8_" transform="matrix(0.3511 -0.9363 0.9363 0.3511 -466.2337 -55.1614)" cx="-272.9" cy="308.8" rx="26.1" ry="26.8"/>
<ellipse id="XMLID_9_" transform="matrix(0.3511 -0.9363 0.9363 0.3511 -495.1177 -46.7863)" cx="-281.3" cy="333.8" rx="4.1" ry="6.9"/>
<g id="XMLID_10_">
<path id="XMLID_22_" d="M-298.7,368.6c-1.4-3.8-1.6-12.3,7.4-17.9c7.8-4.9,9.7-6,6.4-17.1l5.1-0.3c3.8,12.9,1.2,15.3-7.9,21
c-7.3,4.6-6.8,11.5-6,13.8L-298.7,368.6z"/>
</g>
</g>
<line id="XMLID_11_" class="st1" x1="-672.3" y1="120.9" x2="-583.8" y2="44"/>
<line id="XMLID_12_" class="st1" x1="-500.8" y1="120.9" x2="-589.3" y2="44"/>
<line id="XMLID_14_" class="st1" x1="-672.3" y1="180.9" x2="-583.8" y2="104"/>
<line id="XMLID_13_" class="st1" x1="-500.8" y1="180.9" x2="-589.3" y2="104"/>
</svg>

After

Width:  |  Height:  |  Size: 6.0 KiB

93
static/img/rotor.svg Normal file
View File

@@ -0,0 +1,93 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 90 90" style="enable-background:new 0 0 90 90;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:none;stroke:#000000;stroke-width:18;stroke-miterlimit:10;}
</style>
<g id="XMLID_40_">
<path id="XMLID_61_" class="st0" d="M15.9,89.9c-1.1-0.2-2.2-0.7-3.1-1.5c-0.5-0.5-1.1-1.2-1.6-1.8c-0.7-0.9-1-2.2-0.8-3.4
c0.2-0.8,0.3-1.6,0.6-2.5c0.4-1.1,0.8-2.1,1.2-3.1l0.1-0.2c0.2-0.5,0.4-1,0.7-1.6l0.4-0.9l0.6-1.3c0.5-1.1,1-2.2,1.5-3.4
c0.6-1.4,1.3-2.7,1.9-4.1c1.2-2.5,2.4-5,3.7-7.4c0.8-1.6,1.5-2.9,2.2-4c0.9-1.5,1.8-3,2.9-4.6c0.5-0.8,1.1-1.6,1.6-2.3
c0.2-0.2,0.4-0.5,0.5-0.7c0-0.1,0-0.2-0.1-0.2c-0.2-0.7-0.4-1.7-0.3-2.9c0-0.1,0.1-0.5,0.1-0.5c0,0-0.1-0.2-0.4-0.5
c-0.5-0.5-1-1-1.5-1.5c-0.6-0.6-1.2-1.2-1.8-1.9c-1.4-1.7-2.9-3.3-4.2-5c-1.5-2.1-3-4.2-4.4-6.2l-0.3-0.5c-1-1.4-1.8-2.8-2.8-4.4
c-1-1.7-2-3.3-3-5c-1-1.7-1.7-3.1-2.4-4.5C6.7,12.6,6,10.9,5.7,9c-0.4-3.3,1.4-5.8,4.6-6.6c0.5-0.1,1-0.2,1.5-0.3l0.1,0
c0.4-0.1,0.9-0.1,1.3,0c1.6,0.2,2.5,1.3,2.8,1.6l0.5,0.5c0.9,0.9,1.8,1.9,2.6,3c1.9,2.4,3.8,5,5.6,7.6c1.6,2.2,3.2,4.6,5,7.3
c1.3,1.9,2.6,4,4,6.4c1.2,1.9,2.3,4,3.2,6.2c0.2,0.6,0.5,1.2,0.8,1.8l0,0c1.2,0.3,2.3,0.8,3.2,1.6c0,0,0,0,0,0
c0.8-0.1,1.6-0.3,2.5-0.5c2.2-0.6,4.5-1.2,6.9-1.5c2.4-0.3,5.2-0.6,8.1-0.8c2.5-0.2,5-0.3,7.4-0.4c2.2-0.1,4.2-0.1,6.1-0.1
c1.9,0,4.1,0,6.3,0.4c0.7,0.1,1.3,0.2,2,0.4c1.2,0.3,2.9,0.8,4.2,2.4c1.1,1.3,1.4,3,0.9,4.7c-0.2,0.7-0.4,1.3-0.6,1.9l-0.1,0.3
c-0.4,1-1.2,2.3-3.3,2.8L81,47.9c-1,0.3-2.1,0.5-3.3,0.7c-3.9,0.5-7.1,0.9-10.1,1.2c-3,0.3-6.1,0.5-8.8,0.7
c-2.1,0.1-4.3,0.2-6.6,0.3c-3.1,0.1-6-0.1-8.8-0.4c-0.5-0.1-0.9-0.1-1.4-0.1c-0.1,0.1-0.1,0.1-0.2,0.2c-0.8,0.9-1.7,1.5-2.8,1.9
c0,0,0,0,0,0.1c-0.2,0.4-0.4,1-0.6,1.6l-0.2,0.6c-0.1,0.4-0.2,0.8-0.4,1.2c-0.3,1.1-0.6,2.2-1,3.3c-0.6,1.7-1.3,3.4-2,5
c-1,2.3-2.1,4.7-3.4,7.2c-0.9,1.8-1.8,3.5-2.7,5.2l-0.2,0.3c-0.7,1.3-1.4,2.7-2.3,4.1c-1.3,2.2-2.7,4.4-4.5,6.4
c-0.7,0.7-1.4,1.2-2,1.6l-0.1,0.1C18.6,89.8,17.3,90.1,15.9,89.9z"/>
<path id="XMLID_513_" class="st0" d="M16.5,76.2c0.6-1.3,1.3-2.9,2-4.6c0.6-1.3,1.2-2.7,1.9-4c1.2-2.5,2.4-4.9,3.6-7.4
c0.6-1.3,1.3-2.6,2.1-3.8c0.9-1.5,1.8-3,2.8-4.4c0.8-1.1,1.6-2.2,2.4-3.3c0.5-0.7,0.5-1.4,0.3-2.2c-0.1-0.7-0.4-1.4-0.3-2.1
c0-0.3,0.1-0.7,0.1-1c0-1.1-0.6-2-1.3-2.8c-1-1.2-2.2-2.2-3.2-3.4c-1.4-1.6-2.7-3.1-4-4.8c-1.6-2.1-3.1-4.4-4.6-6.6
c-0.9-1.4-1.8-2.8-2.7-4.2c-1-1.6-2-3.2-2.9-4.9c-0.8-1.4-1.6-2.8-2.2-4.2C9.8,11.2,9.3,10,9.1,8.6c-0.2-1.5,0.4-2.4,2-2.8
c0.4-0.1,0.9-0.2,1.3-0.2c0.5-0.1,0.8,0.2,1.1,0.5c1,1.1,2,2.1,2.9,3.3c1.9,2.5,3.8,5,5.6,7.5c1.7,2.4,3.3,4.8,4.9,7.2
c1.4,2.1,2.7,4.1,3.9,6.2c1.1,1.9,2.1,3.8,2.9,5.8c0.3,0.8,0.7,1.6,1.1,2.3c0.4,0.9,1.2,1.3,2.1,1.5c0.7,0.2,1.4,0.5,1.9,1
c0.7,0.7,1.6,0.8,2.5,0.7c1-0.1,2-0.3,2.9-0.6c2.1-0.6,4.2-1.1,6.4-1.4c2.7-0.3,5.3-0.6,8-0.8c2.4-0.2,4.9-0.3,7.3-0.4
c2-0.1,4-0.1,5.9-0.1c2.5,0,5,0.1,7.5,0.7c0.9,0.2,1.7,0.5,2.3,1.2c0.4,0.5,0.5,1,0.3,1.6c-0.2,0.6-0.4,1.3-0.6,1.9
c-0.2,0.4-0.5,0.6-0.9,0.7c-1.1,0.3-2.3,0.6-3.4,0.7c-3.3,0.4-6.7,0.8-10,1.2c-2.9,0.3-5.8,0.5-8.6,0.7c-2.1,0.1-4.3,0.2-6.5,0.3
c-2.8,0.1-5.5,0-8.3-0.4c-0.8-0.1-1.6-0.1-2.4-0.1c-0.6,0-1.1,0.4-1.6,0.8c-0.2,0.2-0.4,0.4-0.6,0.6c-0.4,0.5-1,0.8-1.6,1
c-0.8,0.2-1.3,0.8-1.7,1.5c-0.6,0.9-0.8,2-1.1,3c-0.4,1.5-0.8,3-1.3,4.4c-0.6,1.6-1.2,3.2-1.9,4.8c-1.1,2.4-2.2,4.8-3.3,7.1
c-0.9,1.8-1.9,3.6-2.8,5.4c-0.7,1.3-1.4,2.6-2.2,3.9c-1.2,2-2.5,4.1-4.1,5.9c-0.5,0.5-1,0.9-1.6,1.3C17,86.7,16,86.6,15.3,86
c-0.5-0.5-0.9-1-1.3-1.5c-0.1-0.2-0.2-0.5-0.1-0.7c0.1-0.7,0.3-1.4,0.5-2.1c0.3-1.1,0.8-2.1,1.2-3.1C15.8,77.9,16.1,77.2,16.5,76.2
z"/>
</g>
<circle id="XMLID_1_" cx="45" cy="-62.6" r="38.3"/>
<g id="XMLID_30_">
<g id="XMLID_28_">
<path id="XMLID_42_" d="M-320.1,46.7c-2.8,0-3.4-1.6-1.5-3.6l38.4-40.2c1.9-2,5-2,6.9,0l38.4,40.2c1.9,2,1.2,3.6-1.5,3.6H-320.1z"
/>
</g>
<g id="XMLID_29_">
<path id="XMLID_69_" d="M-260.7,87.7c0,1.6-1.3,3-3,3h-32.2c-1.7,0-3-1.4-3-3v-61c0-1.6,1.3-3,3-3h32.2c1.7,0,3,1.4,3,3V87.7z"/>
</g>
</g>
<g id="XMLID_2_">
<ellipse id="XMLID_43_" transform="matrix(0.994 0.109 -0.109 0.994 -3.9525 -4.6899)" class="st0" cx="40.9" cy="-38.5" rx="8.4" ry="5.9"/>
<ellipse id="XMLID_62_" transform="matrix(0.9999 -1.525268e-002 1.525268e-002 0.9999 1.4158 0.6287)" class="st0" cx="41.9" cy="-92.5" rx="8.4" ry="3.9"/>
<ellipse id="XMLID_63_" transform="matrix(0.9809 0.1945 -0.1945 0.9809 -11.5349 -11.0065)" class="st0" cx="50.3" cy="-64.2" rx="8.3" ry="8.3"/>
<ellipse id="XMLID_64_" transform="matrix(0.9925 0.1226 -0.1226 0.9925 -8.1174 -2.8185)" class="st0" cx="18.8" cy="-67.4" rx="6.1" ry="8.3"/>
<ellipse id="XMLID_65_" transform="matrix(0.9882 -0.1532 0.1532 0.9882 11.0552 10.7182)" class="st0" cx="75.1" cy="-66.4" rx="3.6" ry="8.3"/>
</g>
<g id="XMLID_15_">
<g id="XMLID_3_">
<polygon id="XMLID_20_" points="17.1,190.4 7.7,186.5 38.2,114.9 47.5,118.8 "/>
</g>
<g id="XMLID_4_">
<polygon id="XMLID_19_" points="53.4,190.4 44,186.5 74.5,114.9 83.8,118.8 "/>
</g>
<g id="XMLID_5_">
<rect id="XMLID_18_" x="18.2" y="169.9" width="36.4" height="10"/>
</g>
<g id="XMLID_6_">
<rect id="XMLID_17_" x="28.3" y="148.5" width="36.4" height="10"/>
</g>
<g id="XMLID_7_">
<rect id="XMLID_16_" x="36.3" y="127.1" width="36.4" height="10"/>
</g>
</g>
<g id="XMLID_21_">
<ellipse id="XMLID_8_" transform="matrix(0.9364 0.3511 -0.3511 0.9364 89.1972 113.6591)" cx="-268.9" cy="302.8" rx="26.8" ry="26.1"/>
<ellipse id="XMLID_9_" transform="matrix(0.9364 0.3511 -0.3511 0.9364 97.4408 118.2247)" cx="-277.3" cy="327.8" rx="6.9" ry="4.1"/>
<g id="XMLID_10_">
<path id="XMLID_22_" d="M-294.7,362.6c-1.4-3.8-1.6-12.3,7.4-17.9c7.8-4.9,9.7-6,6.4-17.1l5.1-0.3c3.8,12.9,1.2,15.3-7.9,21
c-7.3,4.6-6.8,11.5-6,13.8L-294.7,362.6z"/>
</g>
</g>
<line id="XMLID_11_" class="st1" x1="-668.3" y1="114.9" x2="-579.8" y2="38"/>
<line id="XMLID_12_" class="st1" x1="-496.8" y1="114.9" x2="-585.3" y2="38"/>
<line id="XMLID_14_" class="st1" x1="-668.3" y1="174.9" x2="-579.8" y2="98"/>
<line id="XMLID_13_" class="st1" x1="-496.8" y1="174.9" x2="-585.3" y2="98"/>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

92
static/img/takeoff.svg Normal file
View File

@@ -0,0 +1,92 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 90 90" style="enable-background:new 0 0 90 90;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:none;stroke:#000000;stroke-width:18;stroke-miterlimit:10;}
</style>
<g id="XMLID_40_">
<path id="XMLID_61_" d="M15.9-20.5c-1.1-0.2-2.2-0.7-3.1-1.5c-0.5-0.5-1.1-1.2-1.6-1.8c-0.7-0.9-1-2.2-0.8-3.4
c0.2-0.8,0.3-1.6,0.6-2.5c0.4-1.1,0.8-2.1,1.2-3.1l0.1-0.2c0.2-0.5,0.4-1,0.7-1.6l0.4-0.9l0.6-1.3c0.5-1.1,1-2.2,1.5-3.4
c0.6-1.4,1.3-2.7,1.9-4.1c1.2-2.5,2.4-5,3.7-7.4c0.8-1.6,1.5-2.9,2.2-4c0.9-1.5,1.8-3,2.9-4.6c0.5-0.8,1.1-1.6,1.6-2.3
c0.2-0.2,0.4-0.5,0.5-0.7c0-0.1,0-0.2-0.1-0.2c-0.2-0.7-0.4-1.7-0.3-2.9c0-0.1,0.1-0.5,0.1-0.5c0,0-0.1-0.2-0.4-0.5
c-0.5-0.5-1-1-1.5-1.5c-0.6-0.6-1.2-1.2-1.8-1.9c-1.4-1.7-2.9-3.3-4.2-5c-1.5-2.1-3-4.2-4.4-6.2l-0.3-0.5c-1-1.4-1.8-2.8-2.8-4.4
c-1-1.7-2-3.3-3-5c-1-1.7-1.7-3.1-2.4-4.5c-0.6-1.4-1.3-3-1.6-4.9c-0.4-3.3,1.4-5.8,4.6-6.6c0.5-0.1,1-0.2,1.5-0.3l0.1,0
c0.4-0.1,0.9-0.1,1.3,0c1.6,0.2,2.5,1.3,2.8,1.6l0.5,0.5c0.9,0.9,1.8,1.9,2.6,3c1.9,2.4,3.8,5,5.6,7.6c1.6,2.2,3.2,4.6,5,7.3
c1.3,1.9,2.6,4,4,6.4c1.2,1.9,2.3,4,3.2,6.2c0.2,0.6,0.5,1.2,0.8,1.8l0,0c1.2,0.3,2.3,0.8,3.2,1.6c0,0,0,0,0,0
c0.8-0.1,1.6-0.3,2.5-0.5c2.2-0.6,4.5-1.2,6.9-1.5c2.4-0.3,5.2-0.6,8.1-0.8c2.5-0.2,5-0.3,7.4-0.4c2.2-0.1,4.2-0.1,6.1-0.1
c1.9,0,4.1,0,6.3,0.4c0.7,0.1,1.3,0.2,2,0.4c1.2,0.3,2.9,0.8,4.2,2.4c1.1,1.3,1.4,3,0.9,4.7c-0.2,0.7-0.4,1.3-0.6,1.9l-0.1,0.3
c-0.4,1-1.2,2.3-3.3,2.8L81-62.5c-1,0.3-2.1,0.5-3.3,0.7c-3.9,0.5-7.1,0.9-10.1,1.2c-3,0.3-6.1,0.5-8.8,0.7
c-2.1,0.1-4.3,0.2-6.6,0.3c-3.1,0.1-6-0.1-8.8-0.4c-0.5-0.1-0.9-0.1-1.4-0.1c-0.1,0.1-0.1,0.1-0.2,0.2c-0.8,0.9-1.7,1.5-2.8,1.9
c0,0,0,0,0,0.1c-0.2,0.4-0.4,1-0.6,1.6l-0.2,0.6c-0.1,0.4-0.2,0.8-0.4,1.2c-0.3,1.1-0.6,2.2-1,3.3c-0.6,1.7-1.3,3.4-2,5
c-1,2.3-2.1,4.7-3.4,7.2c-0.9,1.8-1.8,3.5-2.7,5.2l-0.2,0.3c-0.7,1.3-1.4,2.7-2.3,4.1C25-27.3,23.6-25,21.8-23
c-0.7,0.7-1.4,1.2-2,1.6l-0.1,0.1C18.6-20.6,17.3-20.2,15.9-20.5z"/>
<path id="XMLID_513_" d="M16.5-34.2c0.6-1.3,1.3-2.9,2-4.6c0.6-1.3,1.2-2.7,1.9-4c1.2-2.5,2.4-4.9,3.6-7.4c0.6-1.3,1.3-2.6,2.1-3.8
c0.9-1.5,1.8-3,2.8-4.4c0.8-1.1,1.6-2.2,2.4-3.3c0.5-0.7,0.5-1.4,0.3-2.2c-0.1-0.7-0.4-1.4-0.3-2.1c0-0.3,0.1-0.7,0.1-1
c0-1.1-0.6-2-1.3-2.8c-1-1.2-2.2-2.2-3.2-3.4c-1.4-1.6-2.7-3.1-4-4.8c-1.6-2.1-3.1-4.4-4.6-6.6c-0.9-1.4-1.8-2.8-2.7-4.2
c-1-1.6-2-3.2-2.9-4.9c-0.8-1.4-1.6-2.8-2.2-4.2c-0.6-1.2-1.1-2.5-1.3-3.8c-0.2-1.5,0.4-2.4,2-2.8c0.4-0.1,0.9-0.2,1.3-0.2
c0.5-0.1,0.8,0.2,1.1,0.5c1,1.1,2,2.1,2.9,3.3c1.9,2.5,3.8,5,5.6,7.5c1.7,2.4,3.3,4.8,4.9,7.2c1.4,2.1,2.7,4.1,3.9,6.2
c1.1,1.9,2.1,3.8,2.9,5.8c0.3,0.8,0.7,1.6,1.1,2.3c0.4,0.9,1.2,1.3,2.1,1.5c0.7,0.2,1.4,0.5,1.9,1c0.7,0.7,1.6,0.8,2.5,0.7
c1-0.1,2-0.3,2.9-0.6c2.1-0.6,4.2-1.1,6.4-1.4c2.7-0.3,5.3-0.6,8-0.8c2.4-0.2,4.9-0.3,7.3-0.4c2-0.1,4-0.1,5.9-0.1
c2.5,0,5,0.1,7.5,0.7c0.9,0.2,1.7,0.5,2.3,1.2c0.4,0.5,0.5,1,0.3,1.6c-0.2,0.6-0.4,1.3-0.6,1.9c-0.2,0.4-0.5,0.6-0.9,0.7
c-1.1,0.3-2.3,0.6-3.4,0.7c-3.3,0.4-6.7,0.8-10,1.2c-2.9,0.3-5.8,0.5-8.6,0.7c-2.1,0.1-4.3,0.2-6.5,0.3c-2.8,0.1-5.5,0-8.3-0.4
c-0.8-0.1-1.6-0.1-2.4-0.1c-0.6,0-1.1,0.4-1.6,0.8c-0.2,0.2-0.4,0.4-0.6,0.6c-0.4,0.5-1,0.8-1.6,1c-0.8,0.2-1.3,0.8-1.7,1.5
c-0.6,0.9-0.8,2-1.1,3c-0.4,1.5-0.8,3-1.3,4.4c-0.6,1.6-1.2,3.2-1.9,4.8c-1.1,2.4-2.2,4.8-3.3,7.1c-0.9,1.8-1.9,3.6-2.8,5.4
c-0.7,1.3-1.4,2.6-2.2,3.9c-1.2,2-2.5,4.1-4.1,5.9c-0.5,0.5-1,0.9-1.6,1.3c-0.7,0.5-1.7,0.4-2.4-0.3c-0.5-0.5-0.9-1-1.3-1.5
c-0.1-0.2-0.2-0.5-0.1-0.7c0.1-0.7,0.3-1.4,0.5-2.1c0.3-1.1,0.8-2.1,1.2-3.1C15.8-32.5,16.1-33.2,16.5-34.2z"/>
</g>
<circle id="XMLID_1_" cx="45" cy="-173" r="38.3"/>
<g id="XMLID_30_">
<g id="XMLID_28_">
<path id="XMLID_42_" d="M-320.1,46.7c-2.8,0-3.4-1.6-1.5-3.6l38.4-40.2c1.9-2,5-2,6.9,0l38.4,40.2c1.9,2,1.2,3.6-1.5,3.6H-320.1z"
/>
</g>
<g id="XMLID_29_">
<path id="XMLID_69_" d="M-260.7,87.7c0,1.6-1.3,3-3,3h-32.2c-1.7,0-3-1.4-3-3v-61c0-1.6,1.3-3,3-3h32.2c1.7,0,3,1.4,3,3V87.7z"/>
</g>
</g>
<g id="XMLID_2_">
<ellipse id="XMLID_43_" transform="matrix(0.994 0.109 -0.109 0.994 -15.9843 -5.3475)" class="st0" cx="40.9" cy="-148.9" rx="8.4" ry="5.9"/>
<ellipse id="XMLID_62_" transform="matrix(0.9999 -1.525268e-002 1.525268e-002 0.9999 3.0996 0.6159)" class="st0" cx="41.9" cy="-202.9" rx="8.4" ry="3.9"/>
<ellipse id="XMLID_63_" transform="matrix(0.9809 0.1945 -0.1945 0.9809 -33.0074 -13.1149)" class="st0" cx="50.3" cy="-174.6" rx="8.3" ry="8.3"/>
<ellipse id="XMLID_64_" transform="matrix(0.9925 0.1226 -0.1226 0.9925 -21.6519 -3.6513)" class="st0" cx="18.8" cy="-177.8" rx="6.1" ry="8.3"/>
<ellipse id="XMLID_65_" transform="matrix(0.9882 -0.1532 0.1532 0.9882 27.9691 9.4148)" class="st0" cx="75.1" cy="-176.8" rx="3.6" ry="8.3"/>
</g>
<g id="XMLID_15_">
<g id="XMLID_3_">
<polygon id="XMLID_20_" class="st0" points="17.1,88.3 7.7,84 38.2,3.5 47.5,7.9 "/>
</g>
<g id="XMLID_4_">
<polygon id="XMLID_19_" class="st0" points="53.4,88.3 44,84 74.5,3.5 83.8,7.9 "/>
</g>
<g id="XMLID_5_">
<rect id="XMLID_18_" x="18.2" y="65.3" class="st0" width="36.4" height="11.2"/>
</g>
<g id="XMLID_6_">
<rect id="XMLID_17_" x="28.3" y="41.3" class="st0" width="36.4" height="11.2"/>
</g>
<g id="XMLID_7_">
<rect id="XMLID_16_" x="36.3" y="17.2" class="st0" width="36.4" height="11.2"/>
</g>
</g>
<g id="XMLID_21_">
<ellipse id="XMLID_8_" transform="matrix(0.9364 0.3511 -0.3511 0.9364 89.1972 113.6591)" cx="-268.9" cy="302.8" rx="26.8" ry="26.1"/>
<ellipse id="XMLID_9_" transform="matrix(0.9364 0.3511 -0.3511 0.9364 97.4408 118.2247)" cx="-277.3" cy="327.8" rx="6.9" ry="4.1"/>
<g id="XMLID_10_">
<path id="XMLID_22_" d="M-294.7,362.6c-1.4-3.8-1.6-12.3,7.4-17.9c7.8-4.9,9.7-6,6.4-17.1l5.1-0.3c3.8,12.9,1.2,15.3-7.9,21
c-7.3,4.6-6.8,11.5-6,13.8L-294.7,362.6z"/>
</g>
</g>
<line id="XMLID_11_" class="st1" x1="-668.3" y1="114.9" x2="-579.8" y2="38"/>
<line id="XMLID_12_" class="st1" x1="-496.8" y1="114.9" x2="-585.3" y2="38"/>
<line id="XMLID_14_" class="st1" x1="-668.3" y1="174.9" x2="-579.8" y2="98"/>
<line id="XMLID_13_" class="st1" x1="-496.8" y1="174.9" x2="-585.3" y2="98"/>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@@ -52,14 +52,14 @@ var handleMatchTime = function(data) {
// Handles a websocket message to update the match score.
var handleRealtimeScore = function(data) {
$("#redScoreNumber").text(data.RedScoreFields.Score);
$("#redTower").text(data.RedScoreFields.TowerStrength);
$("#blueScoreNumber").text(data.BlueScoreFields.Score);
$("#blueTower").text(data.BlueScoreFields.TowerStrength);
for (var i = 0; i < 5; i++) {
$("#redDefense" + (i + 1)).attr("value", data.RedScoreFields.DefensesStrength[i]);
$("#blueDefense" + (i + 1)).attr("value", data.BlueScoreFields.DefensesStrength[i]);
}
$("#redScoreNumber").text(data.RedScoreSummary.Score);
$("#redPressurePoints").text(data.RedScoreSummary.PressurePoints);
$("#redRotors").text(data.RedScoreSummary.Rotors);
$("#redTakeoffs").text(data.RedScore.Takeoffs);
$("#blueScoreNumber").text(data.BlueScoreSummary.Score);
$("#bluePressurePoints").text(data.BlueScoreSummary.PressurePoints);
$("#blueRotors").text(data.BlueScoreSummary.Rotors);
$("#blueTakeoffs").text(data.BlueScore.Takeoffs);
};
// Handles a websocket message to populate the final score data.
@@ -68,24 +68,28 @@ var handleSetFinalScore = function(data) {
$("#redFinalTeam1").text(data.Match.Red1);
$("#redFinalTeam2").text(data.Match.Red2);
$("#redFinalTeam3").text(data.Match.Red3);
$("#redFinalAuto").text(data.RedScore.AutoPoints);
$("#redFinalTeleop").text(data.RedScore.TeleopPoints);
$("#redFinalFoul").text(data.RedScore.FoulPoints);
$("#redFinalBreached").html(data.RedScore.Breached ? "&#x2714;" : "&#x2718;");
$("#redFinalBreached").attr("data-checked", data.RedScore.Breached);
$("#redFinalCaptured").html(data.RedScore.Captured ? "&#x2714;" : "&#x2718;");
$("#redFinalCaptured").attr("data-checked", data.RedScore.Captured);
$("#redFinalAutoMobilityPoints").text(data.RedScore.AutoMobilityPoints);
$("#redFinalPressurePoints").text(data.RedScore.PressurePoints);
$("#redFinalRotorPoints").text(data.RedScore.RotorPoints);
$("#redFinalTakeoffPoints").text(data.RedScore.TakeoffPoints);
$("#redFinalFoulPoints").text(data.RedScore.FoulPoints);
$("#redFinalPressureGoalReached").html(data.RedScore.PressureGoalReached ? "&#x2714;" : "&#x2718;");
$("#redFinalPressureGoalReached").attr("data-checked", data.RedScore.PressureGoalReached);
$("#redFinalRotorGoalReached").html(data.RedScore.RotorGoalReached ? "&#x2714;" : "&#x2718;");
$("#redFinalRotorGoalReached").attr("data-checked", data.RedScore.RotorGoalReached);
$("#blueFinalScore").text(data.BlueScore.Score);
$("#blueFinalTeam1").text(data.Match.Blue1);
$("#blueFinalTeam2").text(data.Match.Blue2);
$("#blueFinalTeam3").text(data.Match.Blue3);
$("#blueFinalAuto").text(data.BlueScore.AutoPoints);
$("#blueFinalTeleop").text(data.BlueScore.TeleopPoints);
$("#blueFinalFoul").text(data.BlueScore.FoulPoints);
$("#blueFinalBreached").html(data.BlueScore.Breached ? "&#x2714;" : "&#x2718;");
$("#blueFinalBreached").attr("data-checked", data.BlueScore.Breached);
$("#blueFinalCaptured").html(data.BlueScore.Captured ? "&#x2714;" : "&#x2718;");
$("#blueFinalCaptured").attr("data-checked", data.BlueScore.Captured);
$("#blueFinalAutoMobilityPoints").text(data.BlueScore.AutoMobilityPoints);
$("#blueFinalPressurePoints").text(data.BlueScore.PressurePoints);
$("#blueFinalRotorPoints").text(data.BlueScore.RotorPoints);
$("#blueFinalTakeoffPoints").text(data.BlueScore.TakeoffPoints);
$("#blueFinalFoulPoints").text(data.BlueScore.FoulPoints);
$("#blueFinalPressureGoalReached").html(data.BlueScore.PressureGoalReached ? "&#x2714;" : "&#x2718;");
$("#blueFinalPressureGoalReached").attr("data-checked", data.BlueScore.PressureGoalReached);
$("#blueFinalRotorGoalReached").html(data.BlueScore.RotorGoalReached ? "&#x2714;" : "&#x2718;");
$("#blueFinalRotorGoalReached").attr("data-checked", data.BlueScore.RotorGoalReached);
$("#finalMatchName").text(data.MatchName + " " + data.Match.DisplayName);
};
@@ -324,6 +328,9 @@ var transitionSponsorToScore = function(callback) {
// Loads sponsor slide data and builds the slideshow HTML.
var initializeSponsorDisplay = function() {
$.getJSON("/api/sponsor_slides", function(sponsors) {
if (!sponsors) {
return;
}
// Populate Tiles
$.each(sponsors, function(index){

View File

@@ -16,35 +16,6 @@
<body style="background-color: {{.EventSettings.DisplayBackgroundColor}};">
<div id="centering">
<div id="matchOverlay">
<div class="teams" id="blueTeams">
<span class="valign-cell">
<span id="blueTeam1"></span><br />
<span id="blueTeam2"></span><br />
<span id="blueTeam3"></span>
</span>
</div>
<div class="score" id="blueScore">
<div class="score-fields">
<div class="tower" id="blueTower">&nbsp;</div>
<div class="defense"><progress max="2" value="2" id="blueDefense5"></progress></div>
<div class="defense"><progress max="2" value="2" id="blueDefense4"></progress></div>
<div class="defense"><progress max="2" value="2" id="blueDefense3"></progress></div>
<div class="defense"><progress max="2" value="2" id="blueDefense2"></progress></div>
<div class="defense"><progress max="2" value="2" id="blueDefense1"></progress></div>
</div>
<div class="score-number" id="blueScoreNumber">&nbsp;</div>
</div>
<div class="score" id="redScore">
<div class="score-fields pull-right">
<div class="tower" id="redTower">&nbsp;</div>
<div class="defense"><progress max="2" value="2" id="redDefense1"></progress></div>
<div class="defense"><progress max="2" value="2" id="redDefense2"></progress></div>
<div class="defense"><progress max="2" value="2" id="redDefense3"></progress></div>
<div class="defense"><progress max="2" value="2" id="redDefense4"></progress></div>
<div class="defense"><progress max="2" value="2" id="redDefense5"></progress></div>
</div>
<div class="score-number pull-right" id="redScoreNumber">&nbsp;</div>
</div>
<div class="teams" id="redTeams">
<span class="valign-cell">
<span id="redTeam1"></span><br />
@@ -52,6 +23,43 @@
<span id="redTeam3"></span>
</span>
</div>
<div class="score" id="redScore">
<div class="score-fields">
<span class="valign-cell">
<img class="score-icon" src="/static/img/pressure.svg" /><br />
<img class="score-icon" src="/static/img/rotor.svg" /><br />
<img class="score-icon" src="/static/img/takeoff.svg" />
</span>
<span class="valign-cell">
<span id="redPressurePoints"></span><br />
<span id="redRotors"></span><br />
<span id="redTakeoffs"></span>
</span>
</div>
<div class="score-number" id="redScoreNumber">&nbsp;</div>
</div>
<div class="score" id="blueScore">
<div class="score-fields pull-right">
<span class="valign-cell">
<span id="bluePressurePoints"></span><br />
<span id="blueRotors"></span><br />
<span id="blueTakeoffs"></span>
</span>
<span class="valign-cell">
<img class="score-icon score-icon-right" src="/static/img/pressure.svg" /><br />
<img class="score-icon score-icon-right" src="/static/img/rotor.svg" /><br />
<img class="score-icon score-icon-right" src="/static/img/takeoff.svg" />
</span>
</div>
<div class="score-number pull-right" id="blueScoreNumber">&nbsp;</div>
</div>
<div class="teams" id="blueTeams">
<span class="valign-cell">
<span id="blueTeam1"></span><br />
<span id="blueTeam2"></span><br />
<span id="blueTeam3"></span>
</span>
</div>
<div id="eventMatchInfo">
<span>{{.EventSettings.Name}} 2017</span>
<span class="pull-right" id="matchName"></span>
@@ -87,23 +95,27 @@
</div>
<div class="final-breakdown" id="redFinalBreakdown">
<span class="valign-cell">
<span id="redFinalAuto"></span><br />
<span id="redFinalTeleop"></span><br />
<span id="redFinalFoul"></span><br />
<span id="redFinalBreached"></span><br />
<span id="redFinalCaptured"></span><br />
<span id="redFinalAutoMobilityPoints"></span><br />
<span id="redFinalPressurePoints"></span><br />
<span id="redFinalRotorPoints"></span><br />
<span id="redFinalTakeoffPoints"></span><br />
<span id="redFinalFoulPoints"></span><br />
<span id="redFinalPressureGoalReached"></span><br />
<span id="redFinalRotorGoalReached"></span><br />
</span>
</div>
<div class="final-breakdown" id="centerFinalBreakdown">
<span class="valign-cell">Autonomous<br />Teleoperated<br />Foul<br />Breached<br />Captured</span>
<span class="valign-cell">Auto Mobility<br />Pressure<br />Rotor<br />Ready for Takeoff<br />Foul<br />Pressure Bonus<br />Rotor Bonus</span>
</div>
<div class="final-breakdown" id="blueFinalBreakdown">
<span class="valign-cell">
<span id="blueFinalAuto"></span><br />
<span id="blueFinalTeleop"></span><br />
<span id="blueFinalFoul"></span><br />
<span id="blueFinalBreached"></span><br />
<span id="blueFinalCaptured"></span><br />
<span id="blueFinalAutoMobilityPoints"></span><br />
<span id="blueFinalPressurePoints"></span><br />
<span id="blueFinalRotorPoints"></span><br />
<span id="blueFinalTakeoffPoints"></span><br />
<span id="blueFinalFoulPoints"></span><br />
<span id="blueFinalPressureGoalReached"></span><br />
<span id="blueFinalRotorGoalReached"></span><br />
</span>
</div>
<div id="finalEventMatchInfo">