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

Update main page

Browse Source
This commit is contained in:
Marcel
2018-05-10 12:41:44 +02:00
parent 23ef272d86
commit fd574912c0
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"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Title</title> <title>Minesweeper.js</title>
<style> <style>
html { html {
overflow: hidden; overflow: hidden;
@@ -13,11 +13,48 @@
top: 0; top: 0;
left: 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> </style>
</head> </head>
<body style="margin: 0"> <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-game" width="100" height="100"></canvas>
<canvas id="minesweeper-overlay" width="100" height="100"></canvas> <canvas id="minesweeper-overlay" width="100" height="100"></canvas>
<canvas id="minesweeper-overlay2" 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> <script type="text/javascript" src="minesweeper.js"></script>
</body> </body>
</html> </html>