-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsettings.html
189 lines (177 loc) · 6.93 KB
/
settings.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BlockSecureSafe - Settings</title>
<link rel="stylesheet" href="css/settings/about_page.css">
<link rel="stylesheet" href="css/settings/base.css">
<link rel="stylesheet" href="css/settings/header.css">
<link rel="stylesheet" href="css/settings/tabbar.css">
<link rel="stylesheet" href="css/settings/settings_table.css">
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/ios_style_switch.css">
<link rel="stylesheet" href="css/cookie_graph.css">
</head>
<body>
<header class="header">
<div class="header-left">
<img src="images/icon_big.jpg" alt="Application Icon" class="app-icon">
<h1 class="app-name">Block.Secure.Safe.
</h1>
</div>
<div class="header-right">
<p class="developer">Developed by JW Limited</p>
</div>
</header>
<div class="container">
<div class="tab-bar">
<div class="tab" data-target="tab"></div>
<div class="tab active" data-target="general-tab">General</div>
<div class="tab" data-target="privacy-tab">Privacy</div>
<div class="tab" data-target="about-tab">About</div>
<div class="tab" data-target="tab"></div>
</div>
<div class="tab-content">
<div id="about-tab" class="tab-pane">
<h2>About
<div class="content">
<p id="space" class="space">
space
</p>
</div>
</h2>
<div class="author-info">
<img src="images/icon_big.jpg" alt="Company Icon" class="company-icon">
<p>Version: 0.2.3</p>
<p>Author: Joey West</p>
<p>Company: JW Limited</p>
<p>Made with LOVE in Germany</p>
</div>
</div>
<div id="general-tab" class="tab-pane active">
<h2>General Settings </h2>
<div class="content">
<div class="chart-container">
<canvas id="chartCanvas" class="chart-canvas"></canvas>
</div>
<div class="disclaimer">
<p>Disclaimer: This data can be uncorrect or manipulated so JW Limited wont valid this report.</p>
</div>
<p id="space" class="space">
space
</p>
</div>
<div class="headline">
<p>Quick Settings</p>
</div>
<div class="table">
<div class="setting">
<h3>Block Social Media Tracking
<p class="settings-description">
Blocking social media tracking can help protect your privacy and security online, as it prevents the websites.
</p>
</h3>
<div class="switch">
<label class="switch">
<input type="checkbox" id="blockSozialMediaTracking" name="blockSozialMediaTracking">
<span class="slider"></span>
</label>
</div>
</div>
<div class="setting">
<h3>Block Third-Party Cookies
<p class="settings-description">
This option will block all third party Cookies that are used for tracking purposes.
</p>
</h3>
<div class="switch">
<label class="switch">
<input type="checkbox" id="blockThirdPartyCookies" name="blockThirdPartyCookies">
<span class="slider"></span>
</label>
</div>
</div>
<div class="setting">
<h3>Block Tracking Scripts
<p class="settings-description">
This option will block all third party scripts that are used for tracking purposes. These include Google Analytics.
</p>
</h3>
<div class="switch">
<label class="switch">
<input type="checkbox" id="blockTrackScript" name="blockTrackScript">
<span class="slider"></span>
</label>
</div>
</div>
<div class="setting">
<h3>Block Advertisements
<p class="settings-description">
This option will block all advertisement scripts and prevent them from loading on your website.
</p>
</h3>
<div class="switch">
<label class="switch">
<input type="checkbox" id="blockAds" name="blockAds">
<span class="slider"></span>
</label>
</div>
</div>
<div class="setting smart-attribute">
<h3>Smart Settings
<p class="settings-description">
This option will automaticly decide what to do on each Wesbide.
</p>
</h3>
<div class="switch">
<label class="switch">
<input type="checkbox" id="smart-settings" name="smart-settings">
<span class="slider"></span>
</label>
</div>
</div>
</div>
</div>
<div id="privacy-tab" class="tab-pane">
<h2>Privacy Settings
<div class="content">
<p id="space" class="space">
space
</p>
</div>
</h2>
<div class="table">
<div class="setting">
<h3 class="settings-title">Hide youre Client Identifier
<p class="settings-description">
Your client identifier is a unique ID that identifies your device. It can be used to track you.
</p>
</h3>
<div class="switch">
<label class="switch">
<input type="checkbox" id="hideClientIdentifier" name="hideClientIdentifier">
<span class="slider"></span>
</label>
</div>
</div>
<div class="setting">
<h3>Block Fingerprinting
<p class="settings-description">
Dont let Websides access youre data to create a profile about you and track you down.
</p>
</h3>
<div class="switch">
<label class="switch">
<input type="checkbox" id="blockFingerprinting" name="blockFingerprinting">
<span class="slider"></span>
</label>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.5.1/dist/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0/dist/chartjs-plugin-datalabels.min.js"></script>
<script src="js/settings.js" nonce="random-nonce"></script>
<script src="js/chart.js" nonce="random-nonce"></script>
</body>
</html>