- Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
Latest commit
120 lines (115 loc) · 4.76 KB
/
Copy pathindex.html
File metadata and controls
120 lines (115 loc) · 4.76 KB
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport" content="width=device-width, initial-scale=1.0">
<title>Bomb Squad</title>
<linkrel="stylesheet" href="stylesheet/style.css">
<scriptsrc="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<scriptdefersrc="script/app.js"></script>
</head>
<body>
<asideid='side-panel'>
<divid='hint-comment-box'>Radio: </br> Look here for hints and comments during the game.</div>
<divid='level-tracker'>Level: </br><spanid='level-number'>1/3 </span></div>
<buttonid='start-game'>Start</button>
<buttonid='reset-game'>Reset</button>
<inputtype="checkbox" id='info-toggle'></input>
<labelfor="info-toggle" id='info-modal-button'><span>i</span>
</label>
<divid='info-modal-background'> </div>
<divid='info-text'><spanid='info-title'> Instructions/Info.</span></br> You are now apart of the Bomb Squad. Your team has come across a very unique bomb and they need you help with it. Look at the radio for hints to help you solve the puzzles within the bomb. Press start to start the timer and game. Once you are done diffusing, press diffuse to check if you completed it right.
</div>
</aside>
<mainid='game-section'>
<h3id='title'>Diffuse the Bomb!!</h3>
<divid='gameboard'>
<buttonclass='puzzle-item top' id='puzzle-1'>
</button>
<divclass='puzzle-item top' id='timer-box'>
<divid='timer'>:45</div>
</div>
<buttonclass='puzzle-item top' id='puzzle-3'>
</button>
<buttonclass='puzzle-item bottom' id='puzzle-4'>
</button>
<buttonclass='puzzle-item bottom' id='puzzle-5'>
</button>
<buttonclass='puzzle-item bottom' id='puzzle-6'>
</button>
</div>
<buttonid='done'>Diffuse</button>
</main>
</body>
<modalclass='start-page'>
Bomb Squad </br> A Game of Organized Panic
<buttonid='first-start'> </button>
<labelfor="first-start" class='first-start-button'> </label>
</modal>
<modalclass='puzzle1-modal'>
<h3>Pick the right wire!</h3>
<divclass='wire-box'>
<divid='green'></div>
<divid='red'></div>
<divid='blue'></div>
</div>
<buttonid='close-wire-modal'>X</button>
</modal>
<modalclass='puzzle2-modal'>
<h3>Click it to pass!</h3>
<divid='back-forth-container'>
<divid='back-forth-box'></div>
</div>
<buttonid='close-back-forth-modal'>X</button>
</modal>
<modalclass='puzzle3-modal'>
<h3>Click the order in which the buttons light up</h3>
<divid='simon-container'>
<divid='simon-top'>
<buttonclass='simon-cube' id='simon-red'></button>
</div>
<divid='simon-middle'>
<buttonclass='simon-cube' id='simon-green'></button>
<buttonclass='simon-cube' id='simon-blue'></button>
</div>
<divid='simon-bottom'>
<buttonclass='simon-cube' id='simon-yellow'></button>
</div>
</div>
<buttonid='close-simon-modal'>X</button>
</modal>
<modalclass='puzzle4-modal'>
<h3></h3>
<divid='numberpad-container'>
<inputtype='text' id='numbers-display'>
<divid='number-top'>
<buttonclass='number' id='1'>1</button>
<buttonclass='number' id='2'>2</button>
<buttonclass='number' id='3'>3</button>
</div>
<divid='number-middle'>
<buttonclass='number' id='4'>4</button>
<buttonclass='number' id='5'>5</button>
<buttonclass='number' id='6'>6</button>
</div>
<divid='number-bottom'>
<buttonclass='number' id='7'>7</button>
<buttonclass='number' id='8'>8</button>
<buttonclass='number' id='9'>9</button>
</div>
<buttonclass='number' id='num-0'>0</button>
<inputtype="submit" id='submit-button' >
</div>
</div>
<buttonid='close-number-modal'>X</button>
</modal>
<modalclass='puzzle5-modal'>
<h3>Answer the question to pass!</h3>
<divid='trivia-container'>
<h4id='question'></h4>
<inputtype="text" id="answer">
<inputtype="submit" id='trivia-submit'>
</div>
<buttonid='close-trivia-modal'>X</button>
</modal>
</html>