diff --git a/index.html b/index.html index 1d91264..b91f14d 100644 --- a/index.html +++ b/index.html @@ -33,7 +33,8 @@ - +
built by @teamsnowman
+ continued by @garrettdreyfus and @meadowstream on github

Instructions

@@ -68,10 +69,9 @@
- - +
diff --git a/js/main.js b/js/main.js index d34c31a..b81445a 100644 --- a/js/main.js +++ b/js/main.js @@ -57,6 +57,7 @@ function hideUIElements() { $('#pauseBtn').hide(); $('#restartBtn').hide(); $('#startBtn').hide(); + $("#attributions").hide(); } function init(b) { @@ -187,6 +188,7 @@ function setStartScreen() { $('#pauseBtn').hide(); $('#restartBtn').show(); $('#startBtn').show(); + $('#attributions').show(); gameState = 0; requestAnimFrame(animLoop); diff --git a/js/view.js b/js/view.js index 0a1aaed..e8f26b5 100644 --- a/js/view.js +++ b/js/view.js @@ -27,8 +27,6 @@ function drawScoreboard() { if (gameState === 0) { renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy, 60, "rgb(236, 240, 241)", String.fromCharCode("0xf04b"), 'px FontAwesome'); renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy - 170 * settings.scale, 150, "#2c3e50", "Hextris"); - renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy + 170 * settings.scale, 20, "#2c3e50", "built by @teamsnowman"); - renderText(trueCanvas.width/2+ gdx + 6 * settings.scale, trueCanvas.height/2+ gdy + 200 * settings.scale, 20, "#2c3e50", "continued by @garrettdreyfus and @meadowstream on github"); renderText(trueCanvas.width/2+ gdx + 5 * settings.scale, trueCanvas.height/2+ gdy + 100 * settings.scale, 20, "rgb(44,62,80)", 'Play!'); } else if(gameState!=0 && textOpacity>0){ diff --git a/style/style.css b/style/style.css index cbf816a..ee20941 100644 --- a/style/style.css +++ b/style/style.css @@ -5,6 +5,8 @@ -moz-user-select: none; -ms-user-select: none; user-select: none; + padding:0; + margin:0; } .navbar { width: 80%; @@ -255,9 +257,19 @@ body { #bottombar { padding:0; position:absolute; - width:40%; + width:60%; text-align:center; - left:30%; + left:20%; bottom:10px; z-index:400000; } +#attributions { + color:#000; + position:absolute; + width:50%; + left: 25%; + top: 70%; + text-align:center; + font-size:3vmin; + z-index:400000; +}