max
/
endless-mines
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Additions/fixes 

Added stats box (non-functioning)

Better middle-click support

Styling changes
This commit is contained in:
synth-ruiner 2015-03-01 15:28:12 +00:00
parent bae72b544c
commit 5950187778
1 changed files with 36 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@ -15,6 +15,7 @@
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
overflow: hidden; overflow: hidden;
font-family: Helsinki;
} }
body { body {
@ -27,6 +28,31 @@
background-color: #2b2113; background-color: #2b2113;
float: left; float: left;
margin: 0 auto; margin: 0 auto;
height: 90vmin;
}
#stats {
height: 10vmin;
width: 100vmin;
float: left;
border-radius: 2vmin;
background: #768087;
background: -moz-linear-gradient(top, #768087 0%, #53595e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#768087), color-stop(100%,#53595e));
background: -webkit-linear-gradient(top, #768087 0%,#53595e 100%);
background: -o-linear-gradient(top, #768087 0%,#53595e 100%);
background: -ms-linear-gradient(top, #768087 0%,#53595e 100%);
background: linear-gradient(to bottom, #768087 0%,#53595e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768087', endColorstr='#53595e',GradientType=0 );
}
#stats div {
float: left;
font-size: 5.4vmin;
margin: 2vmin 4vmin;
width: auto;
} }
ul { ul {
@ -40,7 +66,6 @@
li { li {
color: white; color: white;
font-size: 8vmin; font-size: 8vmin;
font-family: Helsinki;
padding: 1vmin; padding: 1vmin;
padding-top: 0.5vmin; padding-top: 0.5vmin;
padding-bottom: 1.5vmin; padding-bottom: 1.5vmin;
@ -49,7 +74,7 @@
float: left; float: left;
height: 8vmin; height: 8vmin;
width: 8vmin; width: 8vmin;
background-color: #4e3c23; background-color: #8b969e;
border-radius: 2vmin; border-radius: 2vmin;
cursor: default; cursor: default;
} }
@ -59,7 +84,7 @@
} }
li:not(.revealed):hover { li:not(.revealed):hover {
background-color: #614a2c; background-color: #a0a9af;
} }
li.flagged { li.flagged {
@ -109,7 +134,7 @@
<script src="jquery-2.1.3.min.js"></script> <script src="jquery-2.1.3.min.js"></script>
<script> <script>
var gameBoardWidth = 10; var gameBoardWidth = 10;
var gameBoardHeight = 10; var gameBoardHeight = 9;
var score = 0; var score = 0;
var firstClick = true; var firstClick = true;
var currentlyIterating = false; var currentlyIterating = false;
@ -352,7 +377,7 @@
//move this functionality to left click //move this functionality to left click
//number of flags matches number of adjacent mines //number of flags matches number of adjacent mines
if ($(this).text() == $(this).getAdjacentTiles().filter('.flagged, .revealed.mine').length) { if (parseInt($(this).text()) === $(this).getAdjacentTiles().filter('.flagged, .revealed.mine').length) {
$(this).getAdjacentTiles().filter(':not(.flagged)').each(function() { $(this).getAdjacentTiles().filter(':not(.flagged)').each(function() {
$(this).mousedown(); $(this).mousedown();
}); });
@ -373,6 +398,8 @@
}); });
$(document).on("mousedown", "li", function(event) { $(document).on("mousedown", "li", function(event) {
event.preventDefault();
if (!inputEnabled) return; if (!inputEnabled) return;
switch (event.which) { switch (event.which) {
@ -397,5 +424,9 @@
</head> </head>
<body> <body>
<div id="game"></div> <div id="game"></div>
<div id="stats">
<div id="score">Score: 0</div>
<div id="bombs">Bombs: 0</div>
</div>
</body> </body>
</html> </html>