-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathhorror.html
134 lines (119 loc) · 8.1 KB
/
horror.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
<html>
<head>
<meta charset="utf-8" />
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no'>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>D-5:30 | Movies > Horror</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./style.css" />
<meta name="author" content="Jack Guinane" />
<link id="favicon" rel="shortcut icon" type="image/png" href="./favicon.png">
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="content">
<style>
:root
{
--background: #383030;
--border: #5d5757;
--foreground: #fff;
--foreground-color: rgb(255, 216, 0);
--star-color: rgba(255, 216, 0, 0.6);
}
.film:hover img
{
box-shadow: -1px 3px 20px 0px rgba(0, 0, 0, 0.5), -1px 3px 9px 0px rgba(0, 0, 0, 1);
}
.film img
{
box-shadow: rgba(0, 0, 0, 0.5) -1px 3px 8px 0px, 1px 3px 9px 0px rgba(0, 0, 0, 0.8);
}
</style>
<div class="target top" id="top-horror" onclick="gotoPage('/settings.html?=horror','top')">
<div id="border-top" class="border top">
<div>Settings</div>
</div>
</div>
<script>addElement("top-horror")</script>
<div class="target bottom" id="bottom-horror" onclick="gotoPage('/apps.html','bottom')">
<div id="border-bottom" class="border bottom">
<div>Search Apps</div>
</div>
</div>
<script>addElement("bottom-horror")</script>
<div class="target right" id="right-horror" onclick="gotoPage('/scifi.html','right')">
<div id="border-right" class="border right">
<div>Sci-fi</div>
</div>
</div>
<script>addElement("right-horror")</script>
<div class="target left" id="left-horror" onclick="gotoPage('/drama.html','left')">
<div id="border-left" class="border left">
<div>Drama</div>
</div>
</div>
<script>addElement("left-horror")</script>
<div class="film" id="dracula" style="top:440px;left:500px;" onclick="playMovie('/video.html?=horror','dracula')">
<img id="dracula-img" src="film/horor/078bb286fcac448576255be6ebee0957.jpg">
<div class="text">
<h2 class="sub-text">Scars of Dracula</h2>
<p><span class="sub-text a">The cult-classic docuseries that</span><span class="sub-text b">dives deep into the heart of</span><span class="sub-text c">Vietnamese cuisine.</span></p>
<p class="sub-text stars" style="margin: 0;">1979 • <i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star_border </i></p>
</div>
</div>
<script>addElement("dracula")</script>
<div class="film" id="carrie" style="top:280px;left:50px;" onclick="playMovie('/video.html?=horror','carrie')">
<img id="carrie-img" src="film/horor/20cb164c3d2cb6509d0c427b4781b5bf--sissy-spacek-scary-movies.jpg">
<div class="text">
<h2 class="sub-text">Carrie</h2>
<p><span class="sub-text a">Epic prank on unsuspecting high</span><span class="sub-text b">school LOSER (gone wrong) (GONE</span><span class="sub-text c">SEXUAL) — not clickbait.</span></p>
<p class="sub-text stars" style="margin: 0;">1957 • <i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i></p>
</div>
</div>
<script>
addElement("carrie");
</script>
<div class="film" id="lambs" style="top:40px;left:440px;" onclick="playMovie('/video.html?=horror','lambs')">
<img id="lambs-img" src="film/horor/6732c5271a675f0be6a64a5b07a6cbc4.jpg">
<div class="text">
<h2 class="sub-text">Silence of the Lambs</h2>
<p><span class="sub-text a">Gordon "Hannible Lector" Ramsey</span><span class="sub-text b">walks us through some of his most</span><span class="sub-text c">notorious dishes.</span></p>
<p class="sub-text stars" style="margin: 0;">1958 • <i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star_border </i><i class="material-icons material-icons--round"> star_border </i></p>
</div>
</div>
<script>addElement("lambs")</script>
<div class="film" id="hereditary" style="top:80px;left:920px;" onclick="playMovie('/video.html?=horror','hereditary')">
<img id="hereditary-img" src="film/horor/Ruth_Hereditary_Lg_1024x1024.jpg">
<div class="text">
<h2 class="sub-text">Hereditary</h2>
<p><span class="sub-text a">A buddy comedy film about unlikely</span><span class="sub-text b">twins (Schwarzenegger & DeVito)</span><span class="sub-text c">who were separated at birth.</span></p>
<p class="sub-text stars" style="margin: 0;">2012 • <i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star_border </i><i class="material-icons material-icons--round"> star_border </i></p>
</div>
</div>
<script>addElement("hereditary")</script>
<div class="film" id="shining" style="top:400px;left:970px;" onclick="playMovie('/video.html?=horror','shining')">
<img id="shining-img" src="film/horor/saul-bass-the-shining-film-poster-final.jpg">
<div class="text">
<h2 class="sub-text">The Shining</h2>
<p><span class="sub-text a">Jack's back, and this time he's</span><span class="sub-text b">shiny! He is so, so shiny it's hard to</span><span class="sub-text c">describe how shiny he is.</span></p>
<p class="sub-text stars" style="margin: 0;">1994 • <i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star </i><i class="material-icons material-icons--round"> star_border </i></p>
</div>
</div>
</div> <!-- end of content -->
<script>addElement("shining")</script>
<div id="brightness"></div>
<div id="calibrator">
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
<div class="cali-bttn"></div>
</div>
</body>
</html>