forked from utk-cs340-fall22/suggestify.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
131 lines (127 loc) · 4.57 KB
/
Copy pathindex.html
File metadata and controls
131 lines (127 loc) · 4.57 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Suggestify</title>
<link rel="stylesheet" href="styles.css" />
<script
src="https://kit.fontawesome.com/4ea5866b14.js"
crossorigin="anonymous"
></script>
<link
href="https://cdn.jsdelivr.net/npm/daisyui@2.31.0/dist/full.css"
rel="stylesheet"
type="text/css"
/>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>
<script src="index.js" defer></script>
</head>
<body onload="moveIt(0)">
<nav class="navbar bg-[#21252b] text-slate-300 fixed top-0">
<div class="navbar-start">
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost btn-circle">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h7"
/>
</svg>
</label>
<ul
tabindex="0"
class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-[#21252b] rounded-box w-52"
>
<li><a href="movies.html">Movies</a></li>
<li><a href="tv.html">TV Shows</a></li>
<li><a href="my-list.html">My List</a></li>
<li><a href="settings.html" class="mt-[12rem]">Settings</a></li>
<li><a href="login.html">Account</a></li>
<li><a href="credits.html">Credits</a></li>
</ul>
</div>
<div>
<a href="movies.html" class="btn btn-ghost normal-case text-l"
>Movies</a
>
<a href="tv.html" class="btn btn-ghost normal-case text-l"
>TV Shows</a
>
</div>
</div>
<div class="navbar-center">
<a href="#" class="btn btn-ghost normal-case text-2xl">Suggestify</a>
</div>
<div class="navbar-end">
<div>
<a href="search.html" class="btn btn-ghost normal-case mr-8 text-l">Search</a>
</div>
<div>
<a href="my-list.html" class="btn btn-ghost normal-case mr-8 text-l">
My List</a>
<span class="badge badge-error absolute text-l right-[100px]"></span>
</div>
<button class="btn btn-ghost btn-circle mr-4">
<div>
<a href="login.html">
<img class="w-12 h-12" src="sus.png" alt="sussy">
</a>
</div>
</button>
</div>
</nav>
<div class="idk">
<div class="carousel w-full mt-[60px]" id="poggers"></div>
<div class="flex justify-center w-full py-2 gap-2">
<a
class="absolute left-0 top-1/2 p-4 -translate-y-1/2 bg-black/30 hover:bg-black/50 text-white hover:text-amber-500 cursor-pointer"
onclick="moveSlide(-1)"
>❮</a
>
<a
class="absolute right-0 top-1/2 p-4 -translate-y-1/2 bg-black/30 hover:bg-black/50 text-white hover:text-amber-500 cursor-pointer"
onclick="moveSlide(1)"
>❯</a
>
</div>
</div>
<br /><br />
<h1><font size="+100">Trending Movies</font></h1>
<div class="relative"><div class="carousel" id="movieCarousel" style="height:330px"></div></div>
<h1><font size="+100">Top Rated Movies</font></h1>
<div class="relative"><div class="carousel" id="movieCarousel2" style="height:330px"></div></div>
<h1><font size="+100">Latest Movies</font></h1>
<div class="relative"><div class="carousel" id="movieCarousel7" style="height:330px"></div></div>
<h1><font size="+100">Movies Now Playing</font></h1>
<div class="relative"><div class="carousel" id="movieCarousel6" style="height:330px"></div></div>
<h1><font size="+100">Trending TV</font></h1>
<div class="relative"><div class="carousel" id="movieCarousel3" style="height:330px"></div></div>
<h1><font size="+100">Top Rated TV</font></h1>
<div class="relative"><div class="carousel" id="movieCarousel4" style="height:330px"></div></div>
<footer id="footer">
<ul class="browse">
<li><a href="movies.html">Movies</a></li>
<li><a href="tv.html">TV Shows</a></li>
<li><a href="my-list.html">My List</a></li>
<li><a href="settings.html">Settings</a></li>
</ul>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="credits.html">Credits</a></li>
</ul>
<p>Copyright © 2022 Suggestify</p>
</footer>
</body>
</html>