diff --git a/css/style.css b/css/style.css index 33c783c..fa44e2b 100644 --- a/css/style.css +++ b/css/style.css @@ -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; } } \ No newline at end of file diff --git a/js/data.js b/js/data.js index 378529c..0fc8567 100644 --- a/js/data.js +++ b/js/data.js @@ -10,29 +10,35 @@ var clickSnd = new Audio("audio/click.mp3"); var winSnd = new Audio("audio/win.mp3"); var JSONBingo = {"squares": [ - {"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": "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"} ] }; diff --git a/js/script.js b/js/script.js index 9a15eda..082d5b5 100644 --- a/js/script.js +++ b/js/script.js @@ -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);