Files
cheesy-arena-lite/templates/audience_display.html

173 lines
7.3 KiB
HTML
Raw Normal View History

2014-09-06 17:38:21 -07:00
{{/*
Copyright 2014 Team 254. All Rights Reserved.
Author: pat@patfairbank.com (Patrick Fairbank)
Display shown on the audience screen overlayed over the video.
*/}}
2014-08-02 19:43:45 -07:00
<!DOCTYPE html>
<html>
<head>
<title>Audience Display - {{.EventSettings.Name}} - Cheesy Arena </title>
2015-09-12 22:13:21 -07:00
<link rel="shortcut icon" href="/static/img/favicon.ico">
2014-08-02 19:43:45 -07:00
<link rel="stylesheet" href="/static/css/lib/bootstrap.min.css" />
<link rel="stylesheet" href="/static/css/cheesy-arena.css" />
<link rel="stylesheet" href="/static/css/audience_display.css" />
</head>
<body style="background-color: {{.EventSettings.DisplayBackgroundColor}};">
<div id="centering">
<div id="matchOverlay">
2017-07-16 12:33:57 -07:00
<div class="teams" id="redTeams">
2014-08-02 19:43:45 -07:00
<span class="valign-cell">
2017-07-16 12:33:57 -07:00
<span id="redTeam1"></span><br />
<span id="redTeam2"></span><br />
<span id="redTeam3"></span>
2014-08-02 19:43:45 -07:00
</span>
</div>
2017-07-16 12:33:57 -07:00
<div class="score" id="redScore">
<div class="score-fields">
2017-07-16 12:33:57 -07:00
<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>
2017-07-16 12:33:57 -07:00
<div class="score-number" id="redScoreNumber">&nbsp;</div>
2014-08-02 19:43:45 -07:00
</div>
2017-07-16 12:33:57 -07:00
<div class="score" id="blueScore">
<div class="score-fields pull-right">
2017-07-16 12:33:57 -07:00
<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>
2017-07-16 12:33:57 -07:00
<div class="score-number pull-right" id="blueScoreNumber">&nbsp;</div>
</div>
2017-07-16 12:33:57 -07:00
<div class="teams" id="blueTeams">
2014-08-02 19:43:45 -07:00
<span class="valign-cell">
2017-07-16 12:33:57 -07:00
<span id="blueTeam1"></span><br />
<span id="blueTeam2"></span><br />
<span id="blueTeam3"></span>
2014-08-02 19:43:45 -07:00
</span>
</div>
<div id="eventMatchInfo">
2017-07-15 10:51:08 -07:00
<span>{{.EventSettings.Name}} 2017</span>
2014-08-02 19:43:45 -07:00
<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" />
2014-08-02 19:43:45 -07:00
<div id="matchTime"></div>
</div>
</div>
<div id="blindsContainer">
<div class="blinds right background">
<div class="blindsCenter blank"></div>
</div>
<div class="blinds left background">
<div class="blindsCenter blank"></div>
</div>
<div class="blindsCenter full">
<img id="blindsLogo" src="/static/img/game-logo.png" alt="logo" />
2014-08-02 19:43:45 -07:00
</div>
<div id="finalScore">
<div class="final-score" id="redFinalScore"></div>
<div class="final-score" id="blueFinalScore"></div>
<div class="final-teams" id="redFinalTeams">
<span id="redFinalTeam1"></span>
<span id="redFinalTeam2"></span>
<span id="redFinalTeam3"></span>
</div>
<div class="final-teams" id="blueFinalTeams">
<span id="blueFinalTeam1"></span>
<span id="blueFinalTeam2"></span>
<span id="blueFinalTeam3"></span>
</div>
<div class="final-breakdown" id="redFinalBreakdown">
<span class="valign-cell">
2017-07-16 12:33:57 -07:00
<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 />
2014-08-02 19:43:45 -07:00
</span>
</div>
<div class="final-breakdown" id="centerFinalBreakdown">
2017-07-16 12:33:57 -07:00
<span class="valign-cell">Auto Mobility<br />Pressure<br />Rotor<br />Ready for Takeoff<br />Foul<br />Pressure Bonus<br />Rotor Bonus</span>
2014-08-02 19:43:45 -07:00
</div>
<div class="final-breakdown" id="blueFinalBreakdown">
<span class="valign-cell">
2017-07-16 12:33:57 -07:00
<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 />
2014-08-02 19:43:45 -07:00
</span>
</div>
<div id="finalEventMatchInfo">
2017-07-15 10:51:08 -07:00
<span>{{.EventSettings.Name}} 2017</span>
2014-08-02 19:43:45 -07:00
<span class="pull-right" id="finalMatchName"></span>
</div>
</div>
2014-08-25 20:55:58 -07:00
<div id="sponsor" class="carousel slide">
<div class="carousel-inner" id="sponsorContainer">
2014-08-24 14:05:48 -07:00
</div>
</div>
2014-08-02 19:43:45 -07:00
</div>
<div id="allianceSelectionCentering" style="display: none;">
<div id="allianceSelection"></div>
</div>
2014-08-15 20:13:02 -07:00
<div id="lowerThird">
2014-09-06 18:00:45 -07:00
<img id="lowerThirdLogo" src="/static/img/lower-third-logo.png" alt="logo" />
2014-08-15 20:13:02 -07:00
<div id="lowerThirdTop"></div>
<div id="lowerThirdBottom"></div>
<div id="lowerThirdSingle"></div>
</div>
<script id="allianceSelectionTemplate" type="text/x-handlebars-template">
<table id="allianceSelectionTable">
2015-09-11 13:52:24 -07:00
<tr>
<td colspan="4">
<img src="/static/img/alliance-selection-logo.png" alt="logo" />
2016-09-30 19:44:21 -07:00
</td>
2015-09-11 13:52:24 -07:00
</tr>
{{"{{#each this}}"}}
<tr>
<td class="alliance-cell">{{"{{Index}}"}}</td>
{{"{{#each this}}"}}
<td class="selection-cell">{{"{{#if TeamId}}"}}{{"{{TeamId}}"}}{{"{{/if}}"}}</td>
{{"{{/each}}"}}
</tr>
{{"{{/each}}"}}
</table>
</script>
2014-09-06 18:00:45 -07:00
<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>
2014-08-02 19:43:45 -07:00
<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>
<script src="/static/js/lib/jquery.transit.min.js"></script>
<script src="/static/js/lib/handlebars-1.3.0.js"></script>
2014-08-24 14:05:48 -07:00
<script src="/static/js/lib/bootstrap.min.js"></script>
2014-08-02 19:43:45 -07:00
<script src="/static/js/cheesy-websocket.js"></script>
<script src="/static/js/match_timing.js"></script>
<script src="/static/js/audience_display.js"></script>
</body>
</html>