wbrawner/hextris
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

share buttons centered

Browse source
This commit is contained in:
Garrett Finucane 2014-07-20 22:36:45 -04:00
parent 29e2aa5498
commit 976711b4e8
4 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -33,7 +33,8 @@
<script type = 'text/javascript' src="js/input.js"></script>
<script type = 'text/javascript' src="js/main.js"></script>
<script type = 'text/javascript' src="js/initialization.js"></script>
<div id="attributions" >built by @teamsnowman <br>
continued by @garrettdreyfus and @meadowstream on github</div>
<div id='startBtn' style='position:absolute;left:40%;top:38%;height:25%;width:25%;z-index:99999999;cursor:pointer;'></div>
<div id="helpScreen" class = 'unselectable'>
<h1 class = 'instructions_body'>Instructions</h1>
@ -68,10 +69,9 @@
<div id = 'pauseBtn'><i class="fa fa-pause fa-2x"></i></div>
<div id = 'restartBtn'><i class="fa fa-refresh fa-2x"></i></div>
<div id="bottombar">
<iframe src="http://ghbtns.com/github-btn.html?user=Hextris&repo=Hextris&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="80" height="20"></iframe>
<a href="https://twitter.com/share" class="twitter-share-button" data-hashtags="hextris">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</iframe>
<iframe src="http://ghbtns.com/github-btn.html?user=Hextris&repo=Hextris&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="71" height="20"></iframe>
</div>
</body>
</html>

2
js/main.js
View file

@ -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);

2
js/view.js
View file

@ -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){

16
style/style.css
View file

@ -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;
}