-
Notifications
You must be signed in to change notification settings - Fork 2
/
popup.html
72 lines (72 loc) · 2.27 KB
/
popup.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>
<head>
<link rel="stylesheet" href="popup.css" />
</head>
<body>
<main>
<nav class="d-row nav-ctn">
<h1>YouTube Timestamp Bookmarker</h1>
<div class="menu-ctn">
<div class="hamburger-menu cursor">
<div class="line-1"></div>
<div class="line-2 line-open"></div>
<div class="line-3"></div>
</div>
</div>
</nav>
<div id="settings" class="settings-ctn close-menu">
<h2>Settings</h2>
<br />
<div class="color-theme-ctn setting-options d-row">
<p>Light Theme</p>
<input type="checkbox" id="toggle" class="checkbox front" />
<label for="toggle" class="switch front"></label>
</div>
<div class="clear-list setting-options d-row">
<button id="clear-list-btn" class="cursor">Clear List</button>
</div>
</div>
<div class="content">
<div class="filter-ctn d-row">
<input
type="text"
id="search-input"
class="search-bar text-input"
placeholder="Search for a video title.."
title="Search video titles"
/>
<div class="date-filter-ctn">
<select
name="video-updated-date"
id="date-select-filter"
class="select-date"
>
<option value="Newest" class="option-date">Newest</option>
<option value="Oldest" class="option-date">Oldest</option>
<option value="All Video" class="option-date" selected="selected">
All Videos
</option>
</select>
<select
name="liked-videos-filter"
id="likes-select-filter"
class="select-date"
>
<option value="All" class="option-date" selected="selected">
All
</option>
<option value="Liked" class="option-date">Liked</option>
</select>
</div>
</div>
<br />
<div id="video-list-ctn"></div>
</div>
</main>
<!-- <div id="video-list-ctn">
<button class="remove-btn"></button>
</div> -->
<script src="popup.js"></script>
</body>
</html>