-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (158 loc) · 11 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
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html>
<head>
<title>SUNDOWN</title>
<link rel="stylesheet" type="text/css" href="index.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script type="text/javascript">
if (screen.width <= 699) {
document.location = "mobile.html";
}
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
location.replace("mobile.html");
}
</script>
<link rel="icon" type="image/png" href="img/icon.png">
<script src = "js/jquery-1.12.3.min.js"></script>
<script src = "js/jquery-scrollto.js"></script>
</head>
<body>
<div id="parallax" onscroll="checkScrollPosition();">
<div class="parallax__layer intro parallax__layer--back">
</div>
<div class="parallax__layer intro parallax__layer--sun">
</div>
<div class="parallax__layer intro parallax__layer--title">
</div>
<div class="parallax__layer intro parallax__layer--skylineback">
</div>
<div class="parallax__layer intro parallax__layer--skylinefront">
</div>
<div class="background" id="section_bg_black">
</div>
<div class="background" id="section_bg_maps">
</div>
<div class="parallax__layer parallax__layer--front" id="content">
<!-- CONTENT GOES HERE-->
<iframe width="840" height="540" src="https://www.youtube.com/embed/FNgSAq6tBg4" frameborder="0" allowfullscreen></iframe>
<div id = "intro">
<!-- TODO: Add portraits of characters -->
<p><span style="font-family:Molot;">SUNDOWN</span> is a top-down multiplayer stealth game where all the maps are covered in darkness, and every player shares the same view of the screen.</p>
<p>Use the darkness to sneak up on your friends and shoot them. But be careful; shooting will light you up and reveal yourself to everyone!</p>
</div>
<!-- Weapons section -->
<div id = "weapons">
<h1 style="font-family:Molot;">Weapons</h1>
<!-- Weapon Button Menu -->
<div id = "weapon_menu">
<ul>
<li style = "font-family:Molot;"><div class = "weapon_button" id = "button_shotgun"><img src = "img/weapon_icons/icon_shotgun.png"/></div><br>Shotgun</li>
<li style = "font-family:Molot;"><div class = "weapon_button" id = "button_autorifle"><img src = "img/weapon_icons/icon_autorifle.png"/></div><br>Autorifle</li>
<li style = "font-family:Molot;"><div class = "weapon_button" id = "button_revolver"><img src = "img/weapon_icons/icon_revolver.png"/></div><br>Revolvers</li>
<li style = "font-family:Molot;"><div class = "weapon_button" id = "button_rivetrifle"><img src = "img/weapon_icons/icon_rivetrifle.png"/></div><br>Sniper Rifle</li>
<li style = "font-family:Molot;"><div class = "weapon_button" id = "button_sword"><img src = "img/weapon_icons/icon_sword.png"/></div><br>Sword</li>
</ul>
</div>
<!-- Weapon Descriptions -->
<div id = "weapon_description">
<div id = "description_shotgun">
<div class= "weapon_info">
<h1 style = "font-family:Molot;">Shotgun</h1>
The basic, mid-range weapon with a wide reach.
</div>
<div class = "weapon_stats_container">
<div class = "weapon_stats"><img class = "weapon_gif" src = "img/gifs/shotgun.gif"/><br><strong>Ammo Clip: </strong>2 bullets<br><strong>Reload Time: </strong>2.4 seconds</div>
<div class = "weapon_stats"><img class = "weapon_gif" src = "img/gifs/shotgun_alt.gif"/><br><strong>Alt-Fire: </strong>Double Blast<br><strong>Cooldown Time: </strong>2.4 seconds</div>
</div>
</div>
<!-- Autorifle Description -->
<div id = "description_autorifle">
<div class= "weapon_info">
<h1 style = "font-family:Molot;">Autorifle</h1>
Shoots multiple, rapid-fire bullets.
</div>
<div class = "weapon_stats_container">
<div class = "weapon_stats"><img class = "weapon_gif" src = "img/gifs/autorifle.gif"/><br><strong>Ammo Clip: </strong>18 bullets<br><strong>Reload Time: </strong>2.5 seconds</div>
<div class = "weapon_stats"><img class = "weapon_gif" src = "img/gifs/autorifle_alt.gif"/><br><strong>Alt-Fire: </strong>Smoke Clone<br><strong>Cooldown Time: </strong>10 seconds</div>
</div>
</div>
<!-- Revolver Description -->
<div id = "description_revolver">
<div class= "weapon_info">
<h1 style = "font-family:Molot;">Revolvers</h1>
Shoot bullets that bounce off of walls.
</div>
<div class = "weapon_stats_container">
<div class = "weapon_stats"><img class = "weapon_gif" src = "img/gifs/revolver.gif"/><br><strong>Ammo Clip: </strong>12 bullets<br><strong>Reload Time: </strong>3 seconds</div>
<div class = "weapon_stats"><img class = "weapon_gif" src = "img/gifs/revolver_alt.gif"/><br><strong>Alt-Fire: </strong>Flare<br><strong>Cooldown Time: </strong>5 seconds</div>
</div>
</div>
<!-- Rivetrifle Description -->
<div id = "description_rivetrifle">
<div class= "weapon_info">
<h1 style="font-family:Molot;">Sniper Rifle</h1>
Charge your shot to penetrate walls and snipe people from afar.
</div>
<div class = "weapon_stats_container">
<div class = "weapon_stats"><img class = "weapon_gif" src="img/gifs/rivetrifle.gif"/><br><strong>Ammo Clip: </strong>1 bullet<br><strong>Reload Time: </strong>3.1 seconds</div>
<div class = "weapon_stats"><img class = "weapon_gif" src="img/gifs/rivetrifle_alt.gif"/><br><strong>Alt-Fire: </strong>Remote Mine<br>
<strong>Cooldown Time: </strong> 4 seconds</div>
</div>
</div>
<!-- Sword Description -->
<div id = "description_sword">
<div class= "weapon_info">
<h1 style="font-family:Molot;">Sword</h1>
Kill people quickly up close. Charge up to do a quick dash attack.
</div>
<div class = "weapon_stats_container">
<div class = "weapon_stats"><img class = "weapon_gif" src="img/gifs/sword.gif"/><br><strong>Ammo Clip: </strong>None<br><strong>Reload Time: </strong>None</div>
<div class = "weapon_stats"><img class = "weapon_gif" src="img/gifs/sword_alt.gif"/><br><strong>Alt-Fire: </strong>Blink<br>
<strong>Cooldown Time: </strong> 4 seconds</div>
</div>
</div>
</div>
<div id = "weapon_select_button"><img src = "img/arrow.png"/></div>
<div id = "weapon_instructions"><p><span style="font-family:Molot;">SUNDOWN</span> has a variety of weapons, each with their own unique gameplay style and alt-fire. Click the buttons above to find out more about each weapon.</p></div>
</div>
<!-- Zones section -->
<div id="section_maps">
<h1 style="font-family:Molot;">Zones</h1>
<ul>
<li><a href="#" style="color:#F15B24;"><img src="img/zones/mansion.png" onclick="image_open(this);" style="border-color:#F15B24;"/><br />Mansion</a></li>
<li><a href="#" style="color:#00FFFF;"><img src="img/zones/factory.png" onclick="image_open(this);" style="border-color:#00FFFF;" /><br />Factory</a></li>
<li><a href="#" style="color:#00FFA0;"><img src="img/zones/subway.png" onclick="image_open(this);" style="border-color:#00FFA0;" /><br />Subway</a></li>
</ul>
<p><span style="font-family:Molot;">SUNDOWN</span> has several zones, each with multiple levels featuring unique themes and mechanics. Click on the images above to get a closer look.</p>
</div>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//sundown-game.us13.list-manage.com/subscribe/post?u=cef0c2a15412b6631e3d2afb0&id=c03b827836" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h1 id = "mc_label" style = "font-family:Molot;">Subscribe for updates!</h1>
<!-- <label for="mce-EMAIL">Subscribe to our mailing list</label>-->
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_cef0c2a15412b6631e3d2afb0_c03b827836" tabindex="-1" value=""></div>
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</form>
</div>
<!--End mc_embed_signup-->
<p>
Email: <a href="mailto:mildbeastgames@gmail.com" style="color:#CCC;">mildbeastgames@gmail.com</a><br>
Twitter: <a href="https://twitter.com/MildBeastGames" style="color:#CCC;">@MildBeastGames</a><br>
Facebook: <a href="https://www.facebook.com/MildBeastGames" style="color:#CCC;">Mild Beast Games</a>
</p>
<img src="img/mildbeast.png" style="max-width:350px;" />
<p style="font-size:14px; color:#666; margin-bottom:0px;">© 2015-2016 MILD BEAST GAMES</p>
<!-- CONTENT ENDS HERE-->
</div>
</div>
<div id="viewer" onclick="image_close();">
<a id="viewer_link"><img id="viewer_image" /></a>
</div>
<script src="js/index.js"></script>
<script src = "js/app.js"></script>
</body>
</html>