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;
width: 100vw;
overflow: hidden;
font-family: Helsinki;
}
body {
@ -27,6 +28,31 @@
background-color: #2b2113;
float: left;
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 {
@ -40,7 +66,6 @@
li {
color: white;
font-size: 8vmin;
font-family: Helsinki;
padding: 1vmin;
padding-top: 0.5vmin;
padding-bottom: 1.5vmin;
@ -49,7 +74,7 @@
float: left;
height: 8vmin;
width: 8vmin;
background-color: #4e3c23;
background-color: #8b969e;
border-radius: 2vmin;
cursor: default;
}
@ -59,7 +84,7 @@
}
li:not(.revealed):hover {
background-color: #614a2c;
background-color: #a0a9af;
}
li.flagged {
@ -109,7 +134,7 @@
<script src="jquery-2.1.3.min.js"></script>
<script>
var gameBoardWidth = 10;
var gameBoardHeight = 10;
var gameBoardHeight = 9;
var score = 0;
var firstClick = true;
var currentlyIterating = false;
@ -352,7 +377,7 @@
//move this functionality to left click
//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).mousedown();
});
@ -373,6 +398,8 @@
});
$(document).on("mousedown", "li", function(event) {
event.preventDefault();
if (!inputEnabled) return;
switch (event.which) {
@ -397,5 +424,9 @@
</head>
<body>
<div id="game"></div>
<div id="stats">
<div id="score">Score: 0</div>
<div id="bombs">Bombs: 0</div>
</div>
</body>
</html>