-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (63 loc) · 2.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script defer src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title>PK's Minesweeper</title>
</head>
<body>
<main>
<header>
<h1>"Minesweeper"</h1>
<h4>Beach Edition</h4>
</header>
<div id='interface'>
<h2>Select a level:</h2>
<div id="startBtns">
<button id="easy" class="startBtn">Quick</button>
<button id="med" class="startBtn">Intermediate</button>
<button id="hard" class="startBtn">Epic</button>
</div>
<div id="counters">
<p id="flagStatement">Flagged: <span id="flagCount">0</span> / <span id="bombCount">0</span> Mines.</p>
</div>
<div id="resultMsgBox">
<p id="resultMsg">Read Information for Controls</p>
</div>
</div>
<section id="gridBody">
<img id="spaceHolder" src="land-mine.svg">
</section>
</main>
<section id="descriptions">
<div class="title">
<h2>Information</h2>
<button id="descrToggle">+</button>
</div>
<div id="hideable1" class="hidden">
<h3>Description</h3>
<p>To start, select your desired game level by clicking the appropriate button.<br />The object of the game is to clear the board of tiles without activating any mines. Use the numbers displayed in the tiles you have cleared to determine where the nearby mines may be, then mark them with a "flag" by holding shift and clicking the tile.<br />Once all the mines have been properly marked and the rest of the game tiles cleared, you'll have won the game...but if you activate any one of the mines, you'll lose, and will have to start a new game.<br />
Win or lose, if you wish to play again, simply click on one of the level select buttons and a new minefield will appear.</p>
<p>
<h3>Conrols:</h3>
<ul>
<li><span class="unl">Mouse Single-Click:</span> on tile to reveal it</li>
<li><span class="unl">Hold Shift + Mouse Single-Click:</span> on tile to flag it</li>
<li><span class="unl">Mouse Double-Click:</span> on exposed number, will quick-reveal nearby tiles if matches number of flags placed around it</li>
</ul>
</p>
</div>
</section>
<section id="footnotes">
<h2>Credits</h2>
<p>Created by Patrick Knight, 7/8/2022</p>
<p>More about me here: <a href="aboutMe.html">About Me</a></p>
<p>Background picture from imgur.com (user Wadatahmydamie)</p>
<p>Icons from game-icons.net (user Lorc)</p>
<p>Audio from www.mediacollege.com</p>
</section>
</body>
</html>