This repository has been archived by the owner on Dec 26, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
84 lines (77 loc) · 3.41 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
<html>
<head>
<title>Firemonkey Platformer</title>
<link rel="icon" href="firemonkey.png" type="image/png">
<link rel="shortcut icon" href="firemonkey.ico">
<link rel="stylesheet" href="styles.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Firemonkey Platformer" />
<meta property="og:url" content="https://junkpup.github.io/firemonkey" />
<meta property="og:image" content="https://github.com/Junkpup/firemonkey/raw/main/firemonkey_large.png" />
<meta property="og:description" content="Environment day game about forest fires." />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap">
<style>
body{
background-image: url('https://i.pinimg.com/originals/5b/d1/70/5bd170bb4655992be36d6034b35224fd.png');
background-size: cover;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div style="margin:auto;"><img draggable="false" src = "firemonkey_large.png"></div>
<div style="margin:auto;margin-top:100px;">
<a href="https://junkpup.github.io/firemonkey/game" id="start" class="eightbit-btn">Start Game</a>
</hr>
<br>
<div style="margin:auto;margin-top:20px;">
<a href="https://junkpup.github.io/firemonkey/howto" target="_blank" class="eightbit-btn eightbit-btn--proceed" style="margin-top:5px;" id="howto">How to play</a>
</div>
<br>
<div style="margin:auto;margin-top:10px;">
<button class="eightbit-btn eightbit-btn--reset show">Instructions</button>
<div class="mask" role="dialog"></div>
<div class="modal" role="alert">
<button class="close" role="button"><strong>× </strong></button>
<h5 class="info">Welcome stranger! <br>You have been tasked with putting out forest fires started by the evil Hooded Ones. Help the Fire Monkey save its home from
the raging flames by
collecting the buckets that are scattered across the perilous terrain. 'Click' on the fire to put it out. Guide the Fire Monkey by using either <img
draggable = "false" src="wasd.png" style="height:30px;"> or arrow
keys. Stomp the evil Hooded Ones by jumping on them, and go forth to save the forest.</h5>
</div>
</div>
</div>
<div style="margin:auto;margin-top:5px;">
<h5 style="margin-top:15px;position:relative;top:30px;line-height:1.6;">Controlled forest fires are considered beneficial for forest growth. However, uncontrolled, large-scale forest fires can put biodiversity at risk, cause air pollution and water pollution.</h5>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script>
$(".show").on("click", function(){
$(".mask").addClass("active");
});
$(".show2").on("click", function(){
$(".modal2").addClass("active");
$(".mask2").addClass("active");
});
// Function for close the Modal
function closeModal(){
$(".mask").removeClass("active");
$(".modal2").removeClass("active");
$(".mask2").removeClass("active");
}
// Call the closeModal function on the clicks/keyboard
$(".close, .mask, .mask2").on("click", function(){
closeModal();
});
$(document).keyup(function(e) {
if (e.keyCode == 27) {
closeModal();
}
});
$('#start').on('click', function(){
window.location="game.html";
});
</script>
</body>
</html>