-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (80 loc) · 4.61 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
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
<!DOCTYPE html>
<!-- ======================== Homepage page made by William ======================== -->
<html>
<head>
<meta lang="en">
<title> Home</title>
<!-- ======================== Linked to first stylesheet ======================== -->
<link rel="stylesheet" href="William's Minigames/style.css">
<!-- ======================== Font Taken from this website ======================== -->
<link href="http://fonts.cdnfonts.com/css/common-pixel" rel="stylesheet">
<!-- ======================== <scripts ======================== -->
<script src="William's Minigames/script.js" defer> </script>
<script src="/Ahmed's Minigames/general.js"></script>
<!-- ======================== <FAVICON ======================== -->
<link rel="shortcut icon" type="image/png" href="/Ahmed's Minigames/data/images/entities/flower1.png"/>
</head>
<body onload="start()">
<!-- ======================== Contain the Game Name , Logo and Dropdown menu? ======================== -->
<header id="header">
<div id="main_head"> EcoBoost</div>
<div id="menu_container">
<div id="menu_btn"> Menu </div>
<div class="dropdown_content">
<a class="menuBtns" href="https://respondtoclimatechange.net/an-open-letter-to-parents-about-protecting-your-children-from-climate-change/" >Letter </a>
<div id="settingsBtn"> Settings </div>
<a class="menuBtns" href="https://www.edf.org/" >Donate </a>
<a class="menuBtns" href="Ahmed's Minigames/cosmeticShop.html">Cosmetics</a>
<a class="menBtns" href="/William's Minigames/help.html"> Help </a>
</div>
</div>
</header>
<!-- ====================== About,Locked section => hidden on default ======================== -->
<section id="aboutSection" class="hide0" >
<div id="aboutContainer" >
<input type="image" id="closeAbout" src="William's Minigames/Assets/close.png" />
<div id="aboutText"> Welcome to Ecoboost, here you will find a
set of games where you will take on real world environmental problems.
Our mission is to help shape the future generation of people to make better
choices in their daily lives, to start begin to heal the earth.
The controls for each game will be found at the start, you will be awarded
points for each game and will recieve a certificate at the end of your journey as well as the
ability to play all the games again from the "Unlocked" page.
</div>
</div>
</section>
<section id="lockedSection" class="hide0">
<div id="closeLocked" ><input type="image" src="William's Minigames/Assets/close.png" height="30vh" /></div>
<audio src="./William's Minigames/Assets/Wrong.wav" id="audio3"></audio>
<div class=" lockedContainer">
<a class="previewBtn" id="game1" href="/Michael's Minigames/MiniGame1/index.html"></a>
<a class="previewBtn" id="game2" href="/Michael's Minigames/MiniGame2/index.html"></a>
<a class="previewBtn" id="game3" href="/William's Minigames/game3.html"></a>
</div>
<div class=" lockedContainer">
<a class="previewBtn" id="game4" href="/Ahmed's Minigames/minigameOne.html"></a>
<a class="previewBtn" id="game5" href="/Ahmed's Minigames/minigameTwo.html"></a>
<div class="previewBtn" id="comingSoon"> Coming Soon </div>
</div>
</section>
<!-- ================== SETTTINGS ======================== -->
<section id="settingsSection" class="hide0">
<div id="settingsContainer">
<div id="settings">
<div id="closeSettings"><input type="image" src="William's Minigames/Assets/close.png" height="30vh" /></div>
<input type="range" id="volumeControl">
</div>
</div>
</section>
<!-- ======================== Main container for Play, About and Locked button ======================== -->
<section id="section">
<div class="container">
<a id="playBtn" class="button" href="Michael's Minigames/MiniGame1/index.html"> Play</a>
<button id="lockBtn" class="button"> Locked </button>
<button id="aboutBtn" class="button"> About </button>
<audio src="William's Minigames/Assets/buttonSound1.mp3" id="audio1"></audio>
<audio src="William's Minigames/Assets/buttonSound2.mp3" id="audio2"></audio>
</div>
</section>
</body>
</html>