-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmobileIndex.html
98 lines (91 loc) · 3.95 KB
/
mobileIndex.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<title>Permafrost</title>
</head>
<body>
<div id="aboutSec" class="aboutSec">
<div class="caption">
<div class="coolbanner">
<h3 style="text-align:center;">ABOUT PERMAFROST</h3>
<p>Learn more about our game below!</p>
</div>
<div class="pitchVideo">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/6CqFHRCs1aw"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</div>
</div>
<div class="infoBars">
<p>Permafrost is Colony Survival Sim, where you will have to lead a brave band of survivors through the hellish snowscape of a post-apocalyptic Earth; brought about by the genocidal acts of a rogue A.I that seeks to snuff out all human life. Take control of a small group of humans as they attempt to colonize the area around a defective Cooling Tower, and help carve out a place for them in this brave new world. However, faced with the unbridled force of the elements; an unfamiliar, untamed fauna; aswell as the looming threat of the Rogue A.I, simply surviving will prove to be a nigh impossible feat.</p>
</div>
<div id="mediaSec" class="mediaSec">
<div class="caption">
<div class="coolbanner">
<h3 style="text-align:center;">MEDIA</h3>
<p>Concept Art and other Media</p>
</div>
</div>
<div class="flexibleBox">
<div class="expImg">
<img src="media/Characters.jpg">
<h3 style="color:white; font-size: 14px">Our initial cast of survivors. These intrepid souls will have to face this brave new world head on if they wish to undo Humanity's mistake.</h3>
</div>
<div class="expImg">
<img src="media/Tower.jpg" >
<h3 style="color:white; font-size: 14px">A Cooling Tower. These structures, once weaponized by the rogue A.I, will prove to be the key to it's undoing.. and your survival.</h3>
</div>
<div class="expImg">
<img src="media/Smilodon.jpg">
<h3 style="color:white; font-size: 14px">A Smilodon. These mighty predators once reigned supreme, but climate change and human hunting had led to their extinction. It's only fitting that they would now find their way back into the food chain..</h3>
</div>
<div class="expImg">
<img src="media/Control Center.jpg">
<h3 style="color:white; font-size: 14px">A Control Tower. These derelict buildings once had a direct line to all Satellites orbitting the Earth. Anyone stumbling into one of these structures ought to be wise enough to make use of them.</h3>
</div>
<div class="expImg">
<img src="media/Hybrid.jpg">
<h3 style="color:white; font-size: 14px">An unfortunate soul turned into an abomination; a result of one of the rogue A.I's experiments.</h3>
</div>
<div class="expImg">
<img src="media/Venom.jpg">
<h3 style="color:white; font-size: 14px">Who knows what hell spawned this abominable monstrosity..</h3>
</div>
<div class="footer">
<p>Useful Links:</p>
</div>
</div>
</div>
<button onclick="topFunction()" id="myBtn" title="Top button">▲</button>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction()
{
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20)
{
mybutton.style.display = "block";
}
else
{
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction()
{
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>