KingOfDog/minesweeper.js
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #5 from KingOfDog/dev-fix

Browse Source 
Update main page
This commit is contained in:
0100 1011 0100 1111 0100 0100
2018-05-10 12:42:34 +02:00
committed by GitHub
parent a260930c32 fd574912c0
commit ba3c91d140
1 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
index.html
View File

@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<title>Minesweeper.js</title>
<style>
html {
overflow: hidden;
@@ -13,11 +13,48 @@
top: 0;
left: 0;
}
#game-container {
position: absolute;
bottom: 2.5%;
left: 50%;
transform: translateX(-50%);
}
#game-stats {
position: absolute;
top: calc(2.5vh / 2);
left: 50%;
height: 5vh;
width: 1592px;
transform: translateX(-50%);
}
#time-container {
float: right;
background-color: black;
border-radius: 10px;
color: red;
font-size: 4vh;
font-family: "SF Digital Readout", Roboto, Arial, sans-serif;
}
#time {
margin: 0 15px;
}
</style>
</head>
<body style="margin: 0">
<div>
<div id="game-stats">
<div id="time-container">
<span id="time">
00:00
</span>
</div>
</div>
<div id="game-container">
<canvas id="minesweeper-game" width="100" height="100"></canvas>
<canvas id="minesweeper-overlay" width="100" height="100"></canvas>
<canvas id="minesweeper-overlay2" width="100" height="100"></canvas>
@@ -28,4 +65,4 @@
<script type="text/javascript" src="minesweeper.js"></script>
</body>
</html>
</html>