-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
130 lines (116 loc) · 5.76 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DorkMyShit</title>
<!-- Bootstrap 5 CSS -->
<link rel="stylesheet" href="./assets/bootstrap-5.1.3-dist/css/bootstrap.min.css" />
<!-- Bootstrap Toggle CSS -->
<link rel="stylesheet" href="./assets/bootstrap-toggle-master/css/bootstrap-toggle.min.css">
<!-- Animate CSS -->
<link rel="stylesheet" href="./assets/css/animate.min.css">
<!-- Choices CSS -->
<link rel="stylesheet" href="./assets/css/choices.min.css">
<!-- jQuery 3.6.4 -->
<script src="./assets/js/jquery-3.6.4.min.js"></script>
<!-- Choices JS -->
<script src="./assets/js/choices.min.js"></script>
<!-- Custom CSS -->
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/css/option_power_toggle.css">
<link rel="stylesheet" href="./assets/css/option_settings.css">
<link rel="stylesheet" href="./assets/css/option_twitter.css">
</head>
<body>
<div class="container">
<!-- NAVBAR -->
<div class="row m-2">
<div class="col-7 navbar">
<h2>Dork My Shit</h2>
</div>
<div class="col-2 text-end animate__animated animate__bounceIn socials-switch" >
<input type="checkbox" id="twitterEnabled" />
<div class="button">
<svg class="socials-off" viewBox="0 0 72 72">
<use xlink:href="#twitter-off" class="twitter" />
</svg>
<svg class="socials-on" viewBox="0 0 72 72">
<use xlink:href="#twitter-on" class="twitter" />
</svg>
</div>
<!-- SVG -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;" >
<path id="twitter-off" fill="white" d="M67.812 16.141a26.246 26.246 0 0 1-7.519 2.06 13.134 13.134 0 0 0 5.756-7.244 26.127 26.127 0 0 1-8.313 3.176A13.075 13.075 0 0 0 48.182 10c-7.229 0-13.092 5.861-13.092 13.093 0 1.026.118 2.021.338 2.981-10.885-.548-20.528-5.757-26.987-13.679a13.048 13.048 0 0 0-1.771 6.581c0 4.542 2.312 8.551 5.824 10.898a13.048 13.048 0 0 1-5.93-1.638c-.002.055-.002.11-.002.162 0 6.345 4.513 11.638 10.504 12.84a13.177 13.177 0 0 1-3.449.457c-.846 0-1.667-.078-2.465-.231 1.667 5.2 6.499 8.986 12.23 9.09a26.276 26.276 0 0 1-16.26 5.606A26.21 26.21 0 0 1 4 55.976a37.036 37.036 0 0 0 20.067 5.882c24.083 0 37.251-19.949 37.251-37.249 0-.566-.014-1.134-.039-1.694a26.597 26.597 0 0 0 6.533-6.774z"></path>
<path id="twitter-on" fill="white" d="M67.812 16.141a26.246 26.246 0 0 1-7.519 2.06 13.134 13.134 0 0 0 5.756-7.244 26.127 26.127 0 0 1-8.313 3.176A13.075 13.075 0 0 0 48.182 10c-7.229 0-13.092 5.861-13.092 13.093 0 1.026.118 2.021.338 2.981-10.885-.548-20.528-5.757-26.987-13.679a13.048 13.048 0 0 0-1.771 6.581c0 4.542 2.312 8.551 5.824 10.898a13.048 13.048 0 0 1-5.93-1.638c-.002.055-.002.11-.002.162 0 6.345 4.513 11.638 10.504 12.84a13.177 13.177 0 0 1-3.449.457c-.846 0-1.667-.078-2.465-.231 1.667 5.2 6.499 8.986 12.23 9.09a26.276 26.276 0 0 1-16.26 5.606A26.21 26.21 0 0 1 4 55.976a37.036 37.036 0 0 0 20.067 5.882c24.083 0 37.251-19.949 37.251-37.249 0-.566-.014-1.134-.039-1.694a26.597 26.597 0 0 0 6.533-6.774z"></path>
</svg>
</div>
<div class="col-2 text-end animate__animated animate__bounceIn power-switch" >
<input type="checkbox" id="extensionEnabled" />
<div class="button">
<svg class="power-off">
<use xlink:href="#line" class="line" />
<use xlink:href="#circle" class="circle" />
</svg>
<svg class="power-on">
<use xlink:href="#line" class="line" />
<use xlink:href="#circle" class="circle" />
</svg>
</div>
<!-- SVG -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" id="line">
<line x1="24" y1="11.33" x2="24" y2="19.33"/>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" id="circle">
<circle cx="25" cy="26.67" r="11.67"/>
</symbol>
</svg>
</div>
<div class="col-2 text-end animate__animated animate__bounceIn settings-switch">
<input type="checkbox" id="settingsEnabled"/>
<div class="button">
<svg class="settings-off">
<use xlink:href="#line1" class="line" />
<use xlink:href="#line2" class="line" />
<use xlink:href="#line3" class="line" />
</svg>
<svg class="settings-on">
<use xlink:href="#line1" class="line" />
<use xlink:href="#line2" class="line" />
<use xlink:href="#line3" class="line" />
</svg>
</div>
<!-- SVG -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" id="line1">
<line x1="15" y1="15" x2="45" y2="15"/>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" id="line2">
<line x1="15" y1="25" x2="45" y2="25"/>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" id="line3">
<line x1="15" y1="35" x2="45" y2="35"/>
</symbol>
</svg>
</div>
</div>
<!-- HOMEPAGE -->
<div class="row m-2 " id="bookmarksContainer">
<!-- code created dinamically -->
</div>
<!-- SETTINGS -->
<div class="row m-2" id="settingsContainer">
<!-- code created dinamically -->
</div>
</div>
<!-- Bootstrap 5 JS -->
<script src="./assets/bootstrap-5.1.3-dist/js/bootstrap.bundle.min.js"></script>
<!-- Bootstrap Toggle JS -->
<script src="./assets/bootstrap-toggle-master/js/bootstrap-toggle.min.js"></script>
<!-- Custom JS -->
<script src="./assets/js/icon.js"></script>
<script src="./assets/js/popup.js"></script>
</body>
</html>