/
index.html
70 lines (66 loc) · 1.94 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
<!DOCTYPE html>
<html>
<head>
<title>TRAPEZOID BOX 360 By KLin, ALu, JSolichin - 2013</title>
<style>
body {margin: 0px;
width: 100%;
text-align:center; background: #000;}
#killScreens{
font-family: sans-serif;
}
.rainbow {
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, rgba(255, 0, 0, 1)),
color-stop(15%, rgba(255, 255, 0, 1)),
color-stop(30%, rgba(0, 255, 0, 1)),
color-stop(50%, rgba(0, 255, 255, 1)),
color-stop(65%, rgba(0, 0, 255, 1)),
color-stop(80%, rgba(255, 0, 255, 1)),
color-stop(100%, rgba(255, 0, 0, 1)));
}
#logo {
background: url(logo.svg);-webkit-background-size: cover;
width: 10%;
height: 10%;
position: fixed;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
top: 0px;
/*left:0px;*/
}
</style>
</head>
<body>
<div id="logo"></div>
<div id="killScreens">
<div id="screen1" class="eachKill">
<div class="rainbow"></div>
<div class="textLocation"></div>
</div>
<div id="screen2" class="eachKill">
<div class="rainbow"></div>
<div class="textLocation"></div>
</div>
<div id="screen3" class="eachKill">
<div class="rainbow"></div>
<div class="textLocation"></div>
</div>
<div id="screen4" class="eachKill">
<div class="rainbow"></div>
<div class="textLocation"></div>
</div>
</div>
</body>
<script type="text/javascript" src="lib/Detector.js"></script>
<script type="text/javascript" src="lib/Three.js"></script>
<script type="text/javascript" src="lib/signals.min.js"></script>
<script type="text/javascript" src="lib/stats.min.js"></script>
<script type="text/javascript" src="js/stats.js"></script>
<script type="text/javascript" src="js/Paddles.js"></script>
<script type="text/javascript" src="js/Bricks.js"></script>
<script type="text/javascript" src="js/Balls.js"></script>
<script type="text/javascript" src="js/Main.js"></script>
</html>