Update alliance and audience displays with Steamworks logos.

This commit is contained in:
Patrick Fairbank
2017-07-15 15:13:37 -07:00
parent b465883e79
commit a68654b347
10 changed files with 16 additions and 6164 deletions

View File

@@ -44,7 +44,7 @@ body[data-mode=fieldReset] .mode#fieldReset {
bottom: 0;
left: 0;
right: 0;
width: 90%;
width: 100%;
margin: auto auto;
}

View File

@@ -126,12 +126,12 @@ html {
}
#logo {
position: relative;
top: 50px;
height: 35px;
top: 30px;
height: 85px;
}
#matchTime {
position: relative;
top: 35px;
top: 6px;
height: 60px;
color: #222;
font-family: "FuturaLTBold";
@@ -202,8 +202,8 @@ html {
}
#blindsLogo {
position: relative;
top: 110px;
height: 75px;
top: 55px;
height: 200px;
}
#finalScore {
position: fixed;
@@ -359,8 +359,8 @@ html {
font-size: 3.5em;
}
#allianceSelectionTable img {
width: 7em;
margin: 0.75em;
width: 4em;
margin: 0.3em;
}
#allianceSelectionTable tr:nth-child(even) {
background-color: #eee;

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 MiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 225 KiB

BIN
static/img/game-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 MiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 225 KiB

View File

@@ -138,7 +138,7 @@ var transitionBlankToIntro = function(callback) {
};
var transitionIntroToInMatch = function(callback) {
$("#logo").transition({queue: false, top: "35px"}, 500, "ease");
$("#logo").transition({queue: false, top: "10px"}, 500, "ease");
$(".score").transition({queue: false, width: "250px"}, 500, "ease", function() {
$(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
$(".score-fields").transition({queue: false, opacity: 1}, 750, "ease");
@@ -159,7 +159,7 @@ var transitionIntroToBlank = function(callback) {
var transitionBlankToInMatch = function(callback) {
$("#centering").transition({queue: false, bottom: "0px"}, 500, "ease", function() {
$(".teams").transition({queue: false, width: "65px"}, 100, "linear", function() {
$("#logo").transition({queue: false, top: "35px"}, 500, "ease");
$("#logo").transition({queue: false, top: "10px"}, 500, "ease");
$(".score").transition({queue: false, width: "250px"}, 500, "ease", function() {
$("#eventMatchInfo").show();
$(".score-number").transition({queue: false, opacity: 1}, 750, "ease");
@@ -176,7 +176,7 @@ var transitionInMatchToIntro = function(callback) {
$(".score-number").transition({queue: false, opacity: 0}, 300, "linear");
$(".score-fields").transition({queue: false, opacity: 0}, 300, "linear");
$("#matchTime").transition({queue: false, opacity: 0}, 300, "linear", function() {
$("#logo").transition({queue: false, top: "50px"}, 500, "ease");
$("#logo").transition({queue: false, top: "30px"}, 500, "ease");
$(".score").transition({queue: false, width: "120px"}, 500, "ease");
$(".teams").transition({queue: false, width: "65px"}, 500, "ease", callback);
});
@@ -188,7 +188,7 @@ var transitionInMatchToBlank = function(callback) {
$(".score-fields").transition({queue: false, opacity: 0}, 300, "linear");
$(".score-number").transition({queue: false, opacity: 0}, 300, "linear", function() {
$("#eventMatchInfo").hide();
$("#logo").transition({queue: false, top: "50px"}, 500, "ease");
$("#logo").transition({queue: false, top: "30px"}, 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);

View File

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

View File

@@ -58,7 +58,7 @@
</div>
</div>
<div class="text-center" id="matchCircle">
<img id="logo" src="/static/img/game-logo.svg" alt="logo" />
<img id="logo" src="/static/img/game-logo.png" alt="logo" />
<div id="matchTime"></div>
</div>
</div>
@@ -70,7 +70,7 @@
<div class="blindsCenter blank"></div>
</div>
<div class="blindsCenter full">
<img id="blindsLogo" src="/static/img/game-logo.svg" alt="logo" />
<img id="blindsLogo" src="/static/img/game-logo.png" alt="logo" />
</div>
<div id="finalScore">
<div class="final-score" id="redFinalScore"></div>
@@ -129,7 +129,7 @@
<table id="allianceSelectionTable">
<tr>
<td colspan="4">
<img src="/static/img/game-logo.svg" alt="logo" />
<img src="/static/img/alliance-selection-logo.png" alt="logo" />
</td>
</tr>
{{"{{#each this}}"}}