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

fixed instruction text on mobile

Browse source
This commit is contained in:
Garrett Finucane 2015-05-24 12:06:17 -04:00
parent 0be5868aa8
commit 21695faeeb
3 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -79,7 +79,9 @@
<div id='startBtn' ></div>
<div id="helpScreen" class = 'unselectable'>
<h1 class = 'instructions_body' id = "instructions_head">Instructions</h1>
<p class = 'instructions_body' id = 'inst_main_body'></p>
<div class = 'instructions_body' id = 'inst_main_body'>
The goal of Hextris is to stop blocks from leaving the inside of the outer gray hexagon
</div>
</div>
<img id="openSideBar" class = 'helpText' src="./images/btn_help.svg" />
<div class="faded overlay"></div>

1
js_v9/initialization.js
View file

@ -112,7 +112,6 @@ function initialize(a) {
comboTime: 240
};
$("#inst_main_body").html("The goal of Hextris is to stop blocks from leaving the inside of the outer gray hexagon<br><br>" + (settings.platform != 'mobile' ? 'Press the right and left arrow keys' : 'tap the left and right sides of the screen') + " to rotate the Hexagon<br><br>Clear blocks and get points by making 3 or more blocks of the same color touch<br><br>Time left before your combo streak disappears is indicated shown by <span style='color:#f1c40f;'>the</span> <span style='color:#e74c3c'>colored</span> <span style='color:#3498db'>lines</span> <span style='color:#2ecc71'>in</span> the outer hexagon<br><br> " + (settings.platform == 'mobile' ? 'Toggle speeding up the game by tapping the inner hexagon' : "Speed up the game 2x by holding the down arrow"));
}
if(/Android/i.test(navigator.userAgent)) {
settings.os = "android";

9
style/style.css
View file

@ -193,9 +193,16 @@ and (max-device-width : 480px) {
background-color:rgba(255,255,255,1);
}
#inst_main_body{
width:50%;
width:70% !important;
padding-left:15% !important;
margin-left:0;
}
#instructions_head {
padding-left:0%;
}
}
.overlay {