-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (40 loc) · 1.77 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
<html>
<head>
</head>
<style type="text/css">
a{
color: red;
text-decoration: none;
}
</style>
<script type="text/javascript">
function brighten(obj){
obj.style.opacity = 0.9;
obj.style.filter = "blur(1px)";
obj.style.webkitFilter = 'blur(1px)';
}
function dim(obj){
obj.style.opacity = 0.75;
obj.style.filter = "blur(2px)";
obj.style.webkitFilter = 'blur(2px)';
}
function redirect(location){
window.location.href = location;
}
</script>
<body style="background-color: black;">
<div id="One Player" onclick="redirect('/OnePlayerGame')" style="background-image: url(https://www.evan.umasscreate.net/home_screen/OnePlayerGame.png); background-size: 100% 100%; filter: blur(2px); -webkit-filter: blur(2px); position: relative; height: 400px; width: 600px; display: block; margin-right: auto; margin-left: auto; border: 5px inset gray; opacity: 0.75; top: 25%; cursor: pointer;" onmouseenter="brighten(this);" onmouseleave="dim(this)">
<h1 style="font-size: 100px; color: white; filter: blur(0px); text-shadow: -2px -2px 0 #00F, 2px -2px 0 #00F, -2px 2px 0 #00F, 2px 2px 0 #00F; -webkit-filter: blur(0px); text-align: center; vertical-align: center;">One Player</h1>
</div>
<div style="position: fixed; bottom: 0px; width: 100%; left: 0px;">
<h3 style="color: white; text-align: center;">
Developed by: <a href="http://www.evanfellman.com" target="_blank">Evan Fellman</a>, <a href="https://www.linkedin.com/in/ishita-kumar-5225a8180/" target="_blank">Ishita Kumar</a>, <a href="https://www.linkedin.com/in/sirdavidjflorez/" target="_blank">David Florez</a>
</h3>
</div>
<div style="position: fixed; top: 0px; width: 100%; left: 0px;">
<h1 style="color: white; text-align: center; font-size: 150px; margin-top: 0px;">
FellarFlo
</h1>
</div>
</body>
</html>