-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (62 loc) · 2.89 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
71
72
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8">
<title>YouTube Rectifier</title>
<meta name="description" content="Rectifier for YouTube's broken playlist shuffle mode">
<meta name="author" content="Kevin Hambrecht">
<link rel="icon" type="image/png" href="images/ytr_logo_32.png" sizes="16x16">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<div>
<div id="header-main">
<img src="images/ytr_logo_128.png">
<h1>YouTube Rectifier</h1>
</div><br>
<h2>'Cause YouTube can't...</h2>
</div>
</header>
<main>
<fieldset id="load-videos-fieldset" disabled>
<div>
<input id="load-videos-input" placeholder="YouTube ID or URL" type="text" required />
<input class="green fa" id="load-videos-submit" value=" Add" type="submit" />
<input class="red fa" id="clear-videos-submit" value=" Clear All" type="submit" />
</div>
</fieldset>
<div>
<div>
<h3 id="iframe-title"></h3>
<div id="iframe-placeholder"></div>
</div>
<fieldset id="video-controls-fieldset" disabled>
<div>
<div>
<button style="display: none" class="yellow" id="video-controls-randomized" type="button" data-tooltip="Randomized"><i class="fa fa-random"></i><span>Randomized</span></button>
<button style="display: none" class="yellow" id="video-controls-ordered" type="button" data-tooltip="Ordered"><i class="fa fa-exchange"></i><span>Ordered</span></button>
</div>
<button class="blue" id="video-controls-previous" type="button" data-tooltip="Previous"><i class="fa fa-toggle-left"></i><span>Previous</span></button>
<button class="blue" id="video-controls-next" type="button" data-tooltip="Next"><i class="fa fa-toggle-right"></i><span>Next</span></button>
</div>
</fieldset>
<fieldset id="video-search-fieldset">
<div>
<input id="search-videos-input" placeholder="Search and filter" type="text" />
<span data-tooltip="Special syntax:<br>* RegEx: Wrap search string with a slash (/).<br>Example: "/(capleton|sizzla).*feat/""><i class="fa fa-question-circle"></i></span>
</div>
</fieldset>
</div>
</main>
<div id="video-list"></div>
<script src="https://github.com/mde/ejs/releases/download/v3.0.2/ejs.min.js"></script>
<script src="js/helper.js"></script>
<script src="js/model.js"></script>
<script src="js/view.js"></script>
<script src="js/controller.js"></script>
<script src="js/index.js"></script>
</body>
</html>