Misc. CSS + data file fixes

This commit is contained in:
Jeff Hobbs
2012-06-26 19:16:44 -04:00
parent 07916e00d5
commit ddf8c5122b
3 changed files with 43 additions and 37 deletions

View File

@@ -13,7 +13,7 @@
body {
background-color: #a1a1a1;
background-image: url('../img/wood.background.png');
font-family: "BodoniSvtyTwoOSITCTT-Bold", serif;
font-family: "BodoniSvtyTwoOSITCTT-Bold", "Georgia", serif;
text-rendering: optimizeLegibility;
}
@@ -90,24 +90,24 @@ body {
}
.text {
font-family: "HelveticaNeue-CondensedBold", sans-serif;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Arial, sans-serif;
vertical-align: middle;
font-size: 1.4em;
line-height: 1.0em;
font-size: 1.2em;
line-height: 1.2em;
}
.small {
font-size: 0.6em;
}
.medium {
font-size: 0.8em;
}
.large {
.medium {
font-size: 1.0em;
}
.large {
font-size: 1.2em;
}
.win {
color: #ffffff !important;
background-color: red;
@@ -134,7 +134,7 @@ and (max-device-width : 480px) {
}
.text {
font-size: 1.6em;
line-height: 1.0em;
font-size: 1.2em;
line-height: 1.2em;
}
}

View File

@@ -10,29 +10,35 @@ var clickSnd = new Audio("audio/click.mp3");
var winSnd = new Audio("audio/win.mp3");
var JSONBingo = {"squares": [
{"square": "<span class='large'>one</span>"},
{"square": "<span class='large'>two</span>"},
{"square": "<span class='large'>three</span>"},
{"square": "<span class='large'>four</span>"},
{"square": "<span class='large'>five</span>"},
{"square": "<span class='large'>six</span>"},
{"square": "<span class='large'>seven</span>"},
{"square": "<span class='large'>eight</span>"},
{"square": "<span class='large'>nine</span>"},
{"square": "<span class='large'>ten</span>"},
{"square": "<span class='large'>eleven</span>"},
{"square": "<span class='large'>twelve</span>"},
{"square": "<span class='large'>thirteen</span>"},
{"square": "<span class='large'>fourteen</span>"},
{"square": "<span class='large'>fifteen</span>"},
{"square": "<span class='large'>sixteen</span>"},
{"square": "<span class='large'>seventeen</span>"},
{"square": "<span class='large'>eighteen</span>"},
{"square": "<span class='large'>nineteen</span>"},
{"square": "<span class='large'>twenty</span>"},
{"square": "<span class='large'>twenty one</span>"},
{"square": "<span class='large'>twenty two</span>"},
{"square": "<span class='large'>twenty three</span>"},
{"square": "<span class='large'>twenty four</span>"}
{"square": "one"},
{"square": "two"},
{"square": "three"},
{"square": "four"},
{"square": "five"},
{"square": "six"},
{"square": "seven"},
{"square": "eight"},
{"square": "nine"},
{"square": "ten"},
{"square": "eleven"},
{"square": "twelve"},
{"square": "thirteen"},
{"square": "fourteen"},
{"square": "fifteen"},
{"square": "sixteen"},
{"square": "seventeen"},
{"square": "eighteen"},
{"square": "nineteen"},
{"square": "twenty"},
{"square": "twenty one"},
{"square": "twenty two"},
{"square": "twenty three"},
{"square": "twenty four"},
{"square": "twenty five"},
{"square": "twenty six"},
{"square": "twenty seven"},
{"square": "twenty eight"},
{"square": "twenty nine"},
{"square": "thirty"}
]
};

View File

@@ -48,8 +48,8 @@ $(document).ready(function() {
if (row1 == 5 || row2 == 5 || row3 == 5 || row4 == 5 || row5 == 5 || col1 == 5 || col2 == 5 || col3 == 5 || col4 == 5 || col5 == 5 || diag1 == 5 || diag2 == 5) {
$('#header').html(winText);
$('#header').addClass("win");
winSnd.play();
winSnd.play();
} else {
$('#header').html(headerText);