Revela-v4/settings/index.html
2022-06-06 19:58:30 -05:00

168 lines
12 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Settings</title>
<link id="favicon" rel="icon" type="image/png" href="./img/icon.svg" />
<script src="/js/themes/loadSettings.js"></script>
<link rel="stylesheet" href="/vendor/aos/aos.css" />
<link rel="stylesheet" href="/vendor/toastr/toastr.min.css"/>
<script src="themes.js"></script>
<script src="/vendor/toastr/toastr.min.js"></script>
<script src="/toggles.js"></script>
<script src="/header.js"></script>
<link rel="apple-touch-icon" href="./apple-touch-icon.png"/>
<link rel="manifest" href="/manifest.json">
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/pwabuilder-sw.js').then((reg) => {
console.log('Service worker registered.', reg);
});
});
}
</script>
</head>
<body id="body">
<script src="./loadScript.js"></script>
<script>
if ( window.location !== window.parent.location ) { // In a frame
loadJS("./settings_frame.js", false)
} else { // Not in a frame
if (localStorage.getItem('windowCloak') == "1") { // Setting "windowCloak" is enabled
var x = window.open('')
x.document.write('<iframe src="https://alusunblocker.gq" style="position: absolute; top: 0; left: 0; rig>
x.document.write('<script src="./settings_frame.js">')
window.location.href = "https://google.com"
} else { // Setting "windowCloak" is not enabled
}
}
</script>
<script src="/vendor/aos/aos.js"></script>
<div class="top-header" data-aos="fade-down" data-aos-duration="1000">
<div id="title-background" class="title-background"><a id="nav-toggle" class="mobile-toggle" onclick="openNav()"><svg class="menu-bar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg></a></div>
</div>
<div id="sidenav" class="sidenav">
<a class="closebtn" onclick="closeNav()">&times;</a>
<br>
<a href="/" class="mobile-nav-header-item"><svg xmlns="http://www.w3.org/2000/svg" class="header-icon" viewBox="0 0 576 512"><path d="M575.8 255.5C575.8 273.5 560.8 287.6 543.8 287.6H511.8L512.5 447.7C512.5 450.5 512.3 453.1 512 455.8V472C512 494.1 494.1 512 472 512H456C454.9 512 453.8 511.1 452.7 511.9C451.3 511.1 449.9 512 448.5 512H392C369.9 512 352 494.1 352 472V384C352 366.3 337.7 352 320 352H256C238.3 352 224 366.3 224 384V472C224 494.1 206.1 512 184 512H128.1C126.6 512 125.1 511.9 123.6 511.8C122.4 511.9 121.2 512 120 512H104C81.91 512 64 494.1 64 472V360C64 359.1 64.03 358.1 64.09 357.2V287.6H32.05C14.02 287.6 0 273.5 0 255.5C0 246.5 3.004 238.5 10.01 231.5L266.4 8.016C273.4 1.002 281.4 0 288.4 0C295.4 0 303.4 2.004 309.5 7.014L564.8 231.5C572.8 238.5 576.9 246.5 575.8 255.5L575.8 255.5z"/></svg> Home</a>
<a href="/proxies" class="mobile-nav-header-item"><svg xmlns="http://www.w3.org/2000/svg" class="header-icon" viewBox="0 0 512 512"><path d="M432 64H208C199.2 64 192 71.16 192 80V96H128V80C128 35.82 163.8 0 208 0H432C476.2 0 512 35.82 512 80V304C512 348.2 476.2 384 432 384H416V320H432C440.8 320 448 312.8 448 304V80C448 71.16 440.8 64 432 64zM0 192C0 156.7 28.65 128 64 128H320C355.3 128 384 156.7 384 192V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V192zM96 256H288C305.7 256 320 241.7 320 224C320 206.3 305.7 192 288 192H96C78.33 192 64 206.3 64 224C64 241.7 78.33 256 96 256z"/></svg> Proxies</a>
<a href="/games" class="mobile-nav-header-item"><svg xmlns="http://www.w3.org/2000/svg" class="header-icon" viewBox="0 0 640 512"><path d="M448 64H192C85.96 64 0 149.1 0 256s85.96 192 192 192h256c106 0 192-85.96 192-192S554 64 448 64zM247.1 280h-32v32c0 13.2-10.78 24-23.98 24c-13.2 0-24.02-10.8-24.02-24v-32L136 279.1C122.8 279.1 111.1 269.2 111.1 256c0-13.2 10.85-24.01 24.05-24.01L167.1 232v-32c0-13.2 10.82-24 24.02-24c13.2 0 23.98 10.8 23.98 24v32h32c13.2 0 24.02 10.8 24.02 24C271.1 269.2 261.2 280 247.1 280zM431.1 344c-22.12 0-39.1-17.87-39.1-39.1s17.87-40 39.1-40s39.1 17.88 39.1 40S454.1 344 431.1 344zM495.1 248c-22.12 0-39.1-17.87-39.1-39.1s17.87-40 39.1-40c22.12 0 39.1 17.88 39.1 40S518.1 248 495.1 248z"/></svg> Games</a>
<div class="divider"></div>
<a href="/bookmarklets" class="mobile-nav-header-item"><svg xmlns="http://www.w3.org/2000/svg" class="header-icon-sm" viewBox="0 0 384 512"><path d="M384 48V512l-192-112L0 512V48C0 21.5 21.5 0 48 0h288C362.5 0 384 21.5 384 48z"/></svg> Bookmarklets</a>
<a href="/settings" class="mobile-nav-header-item"><svg xmlns="http://www.w3.org/2000/svg" class="header-icon" viewBox="0 0 512 512"><path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"/></svg> Settings</a>
<div class="divider"></div>
<a href="/credits" class="mobile-nav-header-item"><svg xmlns="http://www.w3.org/2000/svg" class="header-icon-sm" viewBox="0 0 448 512"><path d="M256 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H256C273.7 32 288 46.33 288 64C288 81.67 273.7 96 256 96zM256 352H32C14.33 352 0 337.7 0 320C0 302.3 14.33 288 32 288H256C273.7 288 288 302.3 288 320C288 337.7 273.7 352 256 352zM0 192C0 174.3 14.33 160 32 160H416C433.7 160 448 174.3 448 192C448 209.7 433.7 224 416 224H32C14.33 224 0 209.7 0 192zM416 480H32C14.33 480 0 465.7 0 448C0 430.3 14.33 416 32 416H416C433.7 416 448 430.3 448 448C448 465.7 433.7 480 416 480z"/></svg> Credits</a>
<a href="/docs.html" class="mobile-nav-header-item"><svg xmlns="http://www.w3.org/2000/svg" class="header-icon-sm" viewBox="0 0 448 512"><path d="M448 336v-288C448 21.49 426.5 0 400 0H352v191.1c0 13.41-15.52 20.88-25.1 12.49L272 160L217.1 204.5C207.5 212.8 192 205.4 192 191.1V0H96C42.98 0 0 42.98 0 96v320c0 53.02 42.98 96 96 96h320c17.67 0 32-14.33 32-32c0-11.72-6.607-21.52-16-27.1v-81.36C441.8 362.8 448 350.2 448 336zM384 448H96c-17.67 0-32-14.33-32-32c0-17.67 14.33-32 32-32h288V448z"/></svg> Docs</a>
</div>
</div>
<!--BODY CONTENT-->
<p id="note-text" class="additional-notes-text fade-in">*NOTE* All settings save even after the browser is closed!</p>
<div class="toggle-setting">
<p id="toggle-text" class="toggle-text fade-in">Enable/Disable Arc Widget [wip]</p>
<label class="switch">
<input id="checkbox" type="checkbox">
<span onclick=checked() id="checkbox" class="slider round"></span>
</label>
</div>
<div class="toggle-setting">
<p id="toggle-text-2" class="toggle-text fade-in">Hide Footer</p>
<label class="switch">
<input id="checkboxTwo" type="checkbox">
<span onclick=checkedTwo() id="checkbox" class="slider round"></span>
</label>
</div>
<div class="toggle-setting">
<p class="toggle-text fade-in">Enable About:Blank Cloaking (BETA)</p>
<label class="switch">
<input id="checkboxThree" type="checkbox">
<span onclick=checkedThree() id="checkbox" class="slider round"></span>
</label>
</div>
<br>
<div class="label-setting">
<label id="label-text" class="label-text fade-in" class="label-setting">Tab Cloak</label>
<input id="tab-cloak" class="settings-btn rounding no-bdr" type="text">
<div class="btn-break"></div>
<button id="submitButton" class="settings-btn rounding no-bdr" onclick="cloakTab()">Change Tab Name</button>
</div>
<br>
<div class="label-setting">
<label id="label-text-2" class="label-text fade-in" class="label-setting rounding no-bdr">Change Tab Icon</label>
<div class="btn-break"></div>
<input id="icn-change" class="settings-btn rounding no-bdr" type="text">
<div class="btn-break"></div>
<button onclick="changeIcon()" class="settings-btn rounding no-bdr" id="submitButton">Change Tab Icon</button>
</div>
<br>
<div class="reset-wrapper">
<button class="settings-btn reset rounding no-bdr" onclick="resetCloaks()">Reset Tab and Icon</button>
</div>
<button onclick="bruh()" id="bruh" style="display: none" class="wtfwhy"></button>
<!--somebody please PLEASE recommend a better toast library in my discord-->
<button onclick="bruh()" id="bruh" style="display: none" class="wtfwhy"></button>
<div class="popular-cloaks">
<h1 id="popular-cloaks" class="popular-cloaks-header fade-in">Popular Cloaks:</h1>
<div class="google">
<button onclick="googleCloak()" class="settings-btn rounding no-bdr" id="cloak">Google</button>
</div>
<div class="btn-break-large"></div>
<div class="google">
<button onclick="googleClassroomCloak()" class="settings-btn rounding no-bdr" id="cloak">Google Classroom</button>
</div>
<div class="btn-break-large"></div>
<div class="google">
<button onclick="driveCloak()" class="settings-btn rounding no-bdr" id="cloak">Google Drive</button>
</div>
<div class="btn-break-large"></div>
<div class="google">
<button onclick="canvasCloak()" class="settings-btn rounding no-bdr" id="cloak">Canvas</button>
</div>
</div>
<div class="theme-toggle-wrapper">
<h1 id="themes-header" class="popular-cloaks-header fade-in">Themes:</h1>
<label for="browser">Choose a Theme</label>
<div onclick="dropdown()" id="themes" class="settings-btn no-bdr">Select Theme <i class="caret-icn fa-solid fa-2xl fa-caret-down"></i>
<div id="item-wrapper" class="item-wrapper">
<div onclick="dark()" id="item" class="item">Dark</div>
<div onclick="light()" id="item-2" class="item">Light</div>
<div onclick="rainbowVomit()" id="item-3" class="item">Rainbow Vomit</div>
<div onclick="nocss()" id="item-4" class="item">No CSS</div>
</div>
</div>
</div>
<br><br><br><br>
<script src="settings.js"></script>
<div id="footer">
<div class="footerflex">
<div class="footerbrand">
<h3><a href="/">Alu's Unblocker</a></h3>
<p>Made with ❤️ by <a href="#">wearr</a></p>
</div>
<div class="footerlist">
<h3>Services</h3>
<ul>
<li><a target="_blank" href="https://github.com/titaniumnetwork-dev/Ultraviolet">Ultraviolet</a></li>
<li><a target="_blank" href="https://github.com/binary-person/rammerhead">Rammerhead</a></li>
</ul>
</div>
<div class="footerlist">
<h3>Socials</h3>
<ul>
<li><a target="_blank" href="https://github.com/titaniumnetwork-dev/Holy-Unblocker">GitHub</a></li>
<li><a href="/terms.html">Instagram</a></li>
<div class="tooltip">
<span class="tooltiptext" id="myTooltip">Copy</span>
<li><a onclick="copyDiscord();" onmouseout="outFunc();" class="discord-text">Discord</a></li>
</div>
</ul>
</div>
</div>
<p class="copyright">Alu's Unblocker &copy; 2022</p>
</div>
</body>
</html>