-
Notifications
You must be signed in to change notification settings - Fork 9
/
misc.html
66 lines (66 loc) · 3.59 KB
/
misc.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<title>Miscellaneous | Umbrion</title>
<style>
.text-center {
text-align: center;
}
</style>
</head>
<body style="background-color: #121212; color: #ffffff; font-family: sans-serif; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;">
<h2 style="text-align: center; font-size: 2em; margin-bottom: 1em;">Miscellaneous</h2>
<div style="width: 100%; max-width: 600px; margin-bottom: 2em;">
<div>
<h1>about:blank cloaker</h1>
<div>
<p>Enter a URL you want to be opened in a about:blank page below:</p>
<p><input id="url-target" type="url" pattern="https://.*" placeholder="Enter a website URL" autocomplete="on" style="width: 100%; padding: 10px; border: none; border-radius: 10px; background-color: #2c2c2c; color: #ffffff;" /></p>
<p>Note: This doesn't work with all websites, but allows for more privacy while browsing the internet</p>
</div>
</div>
<div style="display: flex; justify-content: space-between; margin-top: 1em;">
<button id="create" style="padding: 10px 20px; border: none; border-radius: 10px; background-color: #2c2c2c; color: #ffffff;">Create page</button>
</div>
</div>
<div style="width: 100%; max-width: 600px;">
<div>
<h1>Tab Cloaker</h1>
<p>Enter a new tab title or a image URL below. What you set will be used on the whole site.</p>
<p>
<input id="userinput" type="url" placeholder="Enter a title or image URL" autocomplete="on" style="width: 100%; padding: 10px; border: none; border-radius: 10px; background-color: #2c2c2c; color: #ffffff;" />
</p>
<p id="console-output"></p>
</div>
<div class="button-wrapper" style="display: flex; justify-content: space-between; margin-top: 1em;">
<button onclick="changeTabTitle();" style="padding: 10px 20px; border: none; border-radius: 10px; background-color: #2c2c2c; color: #ffffff;">Set Title</button>
<button onclick="changeTabIcon();" style="padding: 10px 20px; border: none; border-radius: 10px; background-color: #2c2c2c; color: #ffffff;">Set Icon</button>
<button onclick="resetTabSettings();" style="padding: 10px 20px; border: none; border-radius: 10px; background-color: #2c2c2c; color: #ffffff;">Reset</button>
</div>
</div>
<div style="width: 100%; max-width: 600px; margin-bottom: 2em;">
<div>
<h1>Ads consent</h1>
<div>
<p>Sometimes, ads are shown to support the creator, if you would not like to see ads or it slows down your computer too much, you can disable them here.</p>
<label for="adConsent">Do not show ads at all:</label>
<input type="checkbox" id="adConsent" name="adConsent">
</div>
</div>
</div>
<p style="text-align: center; margin-top: 2em;">
<a href="index.html" style="text-decoration: none;">
<button style="cursor: pointer; background-color: #121212; border: none; color: white; padding: 15px 32px; text-decoration: none; display: inline-block; font-size: 16px; border-radius: 20px; margin-top: 5px;">
Home →
</button>
</a>
</p>
<p style="text-align: center; font-size: 0.8em; margin-top: 1em;">
Credit to 3kh0 for the original website layout.
</p>
<script src="js/misc.js"></script>
<script src="js/main.js"></script>
</body>
</html>