-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
107 lines (99 loc) · 4.55 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Unsubscribe Extension</title>
<link rel="stylesheet" type="text/css" href="popup.css">
<script src="popup.js"></script>
</head>
<body>
<div class="popup-container">
<div class="page" id="defaultPage">
<div class="header">
<img src="images/logo.svg" alt="Logo" width="36" height="36" class="header-icon">
<h1 class="header-title">Cleanifier</h1>
<div class="dot-container">
<img src="images/dot.svg" alt="Dot" width="20" height="20" class="header-icon dot-icon">
</div>
</div>
<div class="grid-container">
<div class="grid-item" id="grid1">Subscription</div>
<div class="grid-item" id="grid2">Likes</div>
<div class="grid-item" id="grid3">Watch Later</div>
<div class="grid-item" id="grid4">Comments</div>
</div>
<a href="https://www.buymeacoffee.com/arman.cron" target="_blank" rel="noopener noreferrer" class="support-link">
<div class="buy-premium">Support Me</div>
</a>
</div>
<div class="page" id="page1">
<div class="header">
<div class="back-button dot-container" id="backButton">
<img src="images/back.svg" alt="Back" width="20" height="20" class="header-icon dot-icon">
</div>
<h1 class="header-title">Subscription</h1>
<div class="dot-container">
<img src="images/dot.svg" alt="Dot" width="20" height="20" class="header-icon dot-icon">
</div>
</div>
<div class="separator"></div>
<p id="message" class="popup-subtitle">Unsubscribe from channels easily and organize your YouTube subscriptions.
</p>
<div id="startButton" class="custom-button start-button">Start Cleaning</div>
<div id="startButtonCopy1" class="custom-button start-button">Go to Subscriptions</div>
<div id="stopButton" class="custom-button stop-button">Stop Cleaning</div>
</div>
<div class="page" id="page2">
<div class="header">
<div class="back-button dot-container" id="backButton2">
<img src="images/back.svg" alt="Back" width="20" height="20" class="header-icon dot-icon">
</div>
<h1 class="header-title">Likes</h1>
<div class="dot-container">
<img src="images/dot.svg" alt="Dot" width="20" height="20" class="header-icon dot-icon">
</div>
</div>
<div class="separator"></div>
<p id="message2" class="popup-subtitle">Effortlessly manage your liked videos for a more organized library.
</p>
<div id="startButton2" class="custom-button start-button">Start Cleaning</div>
<div id="startButtonCopy2" class="custom-button start-button">Go to Liked Videos</div>
<div id="stopButton2" class="custom-button stop-button">Stop Cleaning</div>
</div>
<div class="page" id="page3">
<div class="header">
<div class="back-button dot-container" id="backButton3">
<img src="images/back.svg" alt="Back" width="20" height="20" class="header-icon dot-icon">
</div>
<h1 class="header-title">Watch Later</h1>
<div class="dot-container">
<img src="images/dot.svg" alt="Dot" width="20" height="20" class="header-icon dot-icon">
</div>
</div>
<div class="separator"></div>
<p id="message3" class="popup-subtitle">Clear your 'Watch Later' playlist quickly and enjoy a clutter-free list.
</p>
<div id="startButton3" class="custom-button start-button">Start Cleaning</div>
<div id="startButtonCopy3" class="custom-button start-button">Go to Watch Later</div>
<div id="stopButton3" class="custom-button stop-button">Stop Cleaning</div>
</div>
<div class="page" id="page4">
<div class="header">
<div class="back-button dot-container" id="backButton4">
<img src="images/back.svg" alt="Back" width="20" height="20" class="header-icon dot-icon">
</div>
<h1 class="header-title">Comments</h1>
<div class="dot-container">
<img src="images/dot.svg" alt="Dot" width="20" height="20" class="header-icon dot-icon">
</div>
</div>
<div class="separator"></div>
<p id="message4" class="popup-subtitle">Clean up your comments easily. Remove unwanted comments one by one.
</p>
<div id="startButton4" class="custom-button start-button">Start Cleaning</div>
<div id="startButtonCopy4" class="custom-button start-button">Go to Comments</div>
<div id="stopButton4" class="custom-button stop-button">Stop Cleaning</div>
</div>
</div>
</body>
</html>