themes + begin user pages
This commit is contained in:
215
settings.html
215
settings.html
@ -1,153 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="sl-theme-dark" lang="en">
|
||||
<head>
|
||||
<!-- initialize theme vars
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- initialize theme vars
|
||||
https://coolors.co/10002b-240046-3c096c-5a189a-7b2cbf-9d4edd-c77dff-e0aaff -->
|
||||
|
||||
<!-- initialize externals -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
|
||||
<script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
|
||||
|
||||
<!-- initialize externals -->
|
||||
<meta property="og:title" content="Selenite" />
|
||||
<meta property="description" content="Selenite is the best unblocked games site. With over 400 games and an account system, no other websites come close to Selenite." />
|
||||
<meta name="keywords" content="proxy, web proxy, unblock websites, unblock chromebook, free web proxy, proxy list, proxy sites, un block chromebook, online proxy, proxy server, proxysite, proxy youtube, bypass securly, bypass iboss, bypass lightspeed filter, chromebooks, unblock youtube, youtube proxy, unblocked youtube, youtube unblocked, unblock games, selenite, unblocked games, free games">
|
||||
<meta content="/favicon.png" property="og:image" />
|
||||
<meta content="#c77dff" data-react-helmet="true" name="theme-color" />
|
||||
<meta name="googlebot" content="index, follow, snippet" />
|
||||
<link rel="canonical" href="https://selenite.cc/" />
|
||||
<meta property="og:description" content="Selenite is the best unblocked games site. With over 400 games and an account system, no other websites come close to Selenite." />
|
||||
<meta property="og:title" content="Selenite">
|
||||
<meta property="og:type" content="website">
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "Selenite",
|
||||
"alternateName": "selenite.cc",
|
||||
"url": "https://selenite.cc",
|
||||
"logo": "https://selenite.cc/favicon.png",
|
||||
"sameAs": [
|
||||
"https://github.com/selenite-cc",
|
||||
"https://youtube.com/@selenitecc",
|
||||
"https://tiktok.com/@selenitecc",
|
||||
"https://selenite.cc",
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- initialize my stuff -->
|
||||
<script src="/js/all.js"></script>
|
||||
<script src="/js/main.js"></script>
|
||||
<!-- <script src="/js/widget.js"></script> -->
|
||||
|
||||
|
||||
<!-- initialize my stuff -->
|
||||
<script src="/js/all.min.js"></script>
|
||||
<script src="/js/main.js"></script>
|
||||
<script src="/js/widget.js"></script>
|
||||
<script src="/js/themes.js"></script>
|
||||
<script src="/js/cloaks.js"></script>
|
||||
<script src="/js/themes.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="/style.css" />
|
||||
|
||||
|
||||
<!-- seo + other things -->
|
||||
<title>Settings | Selenite</title>
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
|
||||
<!-- toastify -->
|
||||
<script></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<a href="/index.html">Home</a>
|
||||
<a href="/bookmarklets.html">Bookmarklets</a>
|
||||
<a href="/projects.html">Games</a>
|
||||
<a href="/apps.html">Apps</a>
|
||||
<a href="/settings.html">Settings</a>
|
||||
<a id="blank" href="#">Open Blank</a>
|
||||
<a href="/u/" class="usericon"><img src="/img/user.svg"></a>
|
||||
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<h1>Settings</h1>
|
||||
<form action="javascript:setCloakCookie();">
|
||||
<h3>Website Name</h3>
|
||||
<input type="text" id="webname" name="webname" placeholder="Selenite" /><br />
|
||||
<h3>Website Icon</h3>
|
||||
<input type="text" id="webicon" name="webicon" placeholder="https://selenite.cc/" /><br />
|
||||
<h3>Or select a preset:</h3>
|
||||
<select id="presetCloaks">
|
||||
<option>Select a preset:</option>
|
||||
<option value="google">Google</option>
|
||||
<option value="ddg">DuckDuckGo</option>
|
||||
<option value="canvas">Canvas</option>
|
||||
<option value="desmos">Desmos</option>
|
||||
<option value="drive">Google Drive</option>
|
||||
<option value="classroom">Google Classroom</option>
|
||||
<option value="newtab">New Tab</option>
|
||||
<option value="docs">Google Docs</option>
|
||||
<option value="edpuzzle">Edpuzzle</option>
|
||||
<option value="khan">Khan Academy</option>
|
||||
<option value="quizlet">Quizlet</option>
|
||||
<option value="schoology">Schoology</option>
|
||||
</select><br />
|
||||
<input id="websubmit" class="submit" type="submit" value="Set Tab Cloak" />
|
||||
</form>
|
||||
<button onclick="javascript:clearCloak();">Clear your current tab cloak</button>
|
||||
<br />
|
||||
<div class="samerow">
|
||||
<input type="checkbox" id="discordIcon" name="discordIcon">
|
||||
<label for="discordIcon">Disable Discord Icon</label><br>
|
||||
</div>
|
||||
<div class="samerow">
|
||||
<input type="checkbox" id="blockClose" name="blockClose">
|
||||
<label for="blockClose">Block tab from being closed</label><br>
|
||||
</div>
|
||||
<div class="samerow">
|
||||
<input type="checkbox" id="tabDisguise" name="tabDisguise">
|
||||
<label for="tabDisguise">Disguise your tab when you click off (currently only Google)</label><br>
|
||||
</div>
|
||||
<h3>Themes</h3>
|
||||
<div class="samerow">
|
||||
<input type="checkbox" id="bgTheme" name="bgTheme">
|
||||
<label for="bgTheme">Background:</label><br>
|
||||
</div>
|
||||
<div class="samerow themebtns">
|
||||
<button onclick="setTheme('main')" style="background-color: #3c096c; color: #fff; border: 5px solid #5a189a">selenite</button>
|
||||
<button onclick="setTheme('mainnew')" style="background-color: #3c096c; color: #fff; border: 5px solid #5a189a">selenite 2.0</button>
|
||||
<button onclick="setTheme('light')" style="background-color: #bbbbbb; color: #1a1a1a; border: 5px solid #e6e6e6">light mode</button>
|
||||
<button onclick="setTheme('dark')" style="background-color: #333333; color: #fff; border: 5px solid #444444">dark mode</button>
|
||||
<button onclick="setTheme('egamepass')" style="background-color: #596eb1; color: #cbe0ff; border: 5px solid #5586e0">e-gamepass</button>
|
||||
<button onclick="setTheme('cools1te')" style="background-color: #a134dc; color: #d3a4fa; border: 5px solid #b153e3">cools1te</button>
|
||||
<button onclick="setTheme('sunset' + (bgTheme.checked ? '' : 'false'))" style="background-color: #537294; color: #fff; border: 5px solid #30719c">sunset</button>
|
||||
<button onclick="setTheme('mountains' + (bgTheme.checked ? '' : 'false'))" style="background-color: #d37f7f; color: #fff; border: 5px solid #e28a8a">mountains</button>
|
||||
<button onclick="setTheme('vaporwave' + (bgTheme.checked ? '' : 'false'))" style="background-color: #4b2d64; color: #fff; border: 5px solid #74568d">vaporwave</button>
|
||||
<button onclick="setTheme('threekho')" style="background-color: #28A018; color: #fff; border: 5px solid #0A8F00">3kh0</button>
|
||||
<button onclick="setTheme('seraph' + (bgTheme.checked ? '' : 'false'))" style="background-color: #000; color: #fff; border: 2px solid #fff">seraph</button>
|
||||
<button onclick="setTheme('nighttime' + (bgTheme.checked ? '' : 'false'))" style="background-color: #29374d; color: #fff; border: 2px solid #fff">nighttime</button>
|
||||
<button onclick="setTheme('mocha' + (bgTheme.checked ? '' : 'false'))" style="background-color: #6c7086; color: #fff; border: 2px solid #7f849c">mocha</button>
|
||||
<button onclick="setTheme('macchiato' + (bgTheme.checked ? '' : 'false'))" style="background-color: #6e738d; color: #fff; border: 5px solid #8087a2">macchiato</button>
|
||||
<button onclick="setTheme('frappe' + (bgTheme.checked ? '' : 'false'))" style="background-color: #737994; color: #cad3f5; border: 2px solid #838ba7">frappe</button>
|
||||
<button onclick="setTheme('latte' + (bgTheme.checked ? '' : 'false'))" style="background-color: #9ca0b0; color: #4c4f69; border: 5px solid #8c8fa1">latte</button>
|
||||
<button onclick="setTheme('art')" style="background-color: #0284d4; color: #fff; border: 5px solid #0284d4">art class</button>
|
||||
|
||||
<button onclick="customTheme()">custom</button>
|
||||
|
||||
</div>
|
||||
<div id="customMenu" style="display: none;">
|
||||
<p>Input BG Color</p>
|
||||
<input type="color" id="inputbg"/>
|
||||
<p>Input Border Color</p>
|
||||
<input type="color" id="inputborder"/>
|
||||
<p>UI Background Color</p>
|
||||
<input type="color" id="uibg"/>
|
||||
<p>Text Color</p>
|
||||
<input type="color" id="textcolor"/>
|
||||
<p>Background</p>
|
||||
<input type="color" id="bg"/>
|
||||
<p>or select an image (click enter to set)</p>
|
||||
<input type="text" id="bgimg" placeholder="https://selenite.cc/" /><br />
|
||||
<!-- --inputbg: #000000;
|
||||
--inputborder: #000000;
|
||||
--uibg: #000000;
|
||||
--textcolor: #000;
|
||||
--bg: #000000; -->
|
||||
</div>
|
||||
<br />
|
||||
<form action="javascript:setPanicMode();">
|
||||
<h3 for="panic">Website URL</h3>
|
||||
<input type="text" id="panic" name="panic" placeholder="https://google.com" /><br />
|
||||
<input id="panic" class="submit" type="submit" value="Set Panic Mode" />
|
||||
</form>
|
||||
</main>
|
||||
<br>
|
||||
<footer>
|
||||
<a href="https://gitlab.com/skysthelimit.dev/selenite">Source</a>
|
||||
<a href="https://discord.gg/7jyufnwJNf">Discord</a>
|
||||
<a href="/suggest.html">Suggestions & Bugs</a>
|
||||
<a href="/contact.html">Contact</a>
|
||||
<a href="/support.html">Donate</a>
|
||||
<a href="/about.html">About</a>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
<link rel="stylesheet" href="/css/pages.css" />
|
||||
<link rel="stylesheet" href="/css/settings.css" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<!-- seo + other things -->
|
||||
<title>Selenite</title>
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3415518411898563" crossorigin="anonymous"></script>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
document.querySelector(`option[value="${localStorage.getItem("selenite.theme")}"]`).setAttribute("selected", "");
|
||||
document.getElementById("themes").addEventListener("input", (e)=>{
|
||||
localStorage.setItem("selenite.theme", e.target.value);
|
||||
document.body.setAttribute("theme", e.target.value);
|
||||
})
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="title">settings</h1>
|
||||
<sections>
|
||||
<section>
|
||||
<h2>theme</h2>
|
||||
<select id="themes">
|
||||
<option value="">selenite</option>
|
||||
<option value="blackandwhite">black and white</option>
|
||||
<option value="grass">grass</option>
|
||||
<option value="evil">evil</option>
|
||||
<option value="sky">sky</option>
|
||||
</select>
|
||||
</section>
|
||||
</sections>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user