fast mode and other stuff idk
This commit is contained in:
@ -41,3 +41,7 @@
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
}
|
||||
body[fast] .bookmarkletdiv {
|
||||
background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%);
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
@ -78,3 +78,7 @@ body {
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
}
|
||||
body[fast] game {
|
||||
background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%);
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
@ -54,3 +54,7 @@
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
}
|
||||
body[fast] #gamecontainer {
|
||||
background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%);
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
@ -174,3 +174,7 @@ input[type=checkbox] {
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
}
|
||||
body[fast] #popup {
|
||||
background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%);
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
@ -141,3 +141,7 @@ result p {
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
}
|
||||
body[fast] section {
|
||||
background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%);
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
@ -27,3 +27,8 @@ sections {
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
}
|
||||
|
||||
body[fast] section {
|
||||
background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%);
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
@ -9,6 +9,7 @@ sidebar {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
z-index: 10;
|
||||
}
|
||||
.sidebar-item {
|
||||
margin: 6px;
|
||||
@ -57,3 +58,34 @@ iframe {
|
||||
opacity: 1;
|
||||
right: 55px;
|
||||
}
|
||||
#bottom-menu, #open-bottom-menu {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
height: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 30%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: black;
|
||||
z-index: 5;
|
||||
border-radius: 10px 10px 0 0;
|
||||
cursor: pointer;
|
||||
color: black;
|
||||
}
|
||||
#open-bottom-menu {
|
||||
bottom: 10px;
|
||||
height: 15px;
|
||||
width: 70px;
|
||||
z-index: 5;
|
||||
}
|
||||
#bottom-menu[enabled=true] {
|
||||
bottom: 10px;
|
||||
color: white;
|
||||
}
|
||||
#open-bottom-menu[enabled=true] {
|
||||
bottom: 60px;
|
||||
}
|
||||
@ -53,3 +53,7 @@
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
}
|
||||
body[fast] .users {
|
||||
background-color: color-mix(in srgb, var(--color-2) 70%, #000000 30%);
|
||||
backdrop-filter: blur(0);
|
||||
}
|
||||
@ -7,7 +7,6 @@
|
||||
<!-- 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" />
|
||||
|
||||
1
img/up.svg
Normal file
1
img/up.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="m296-224-56-56 240-240 240 240-56 56-184-183-184 183Zm0-240-56-56 240-240 240 240-56 56-184-183-184 183Z"/></svg>
|
||||
|
After Width: | Height: | Size: 229 B |
27
index.html
27
index.html
@ -58,6 +58,21 @@
|
||||
<script>
|
||||
let currentPanic = {key: "", url: ""};
|
||||
document.addEventListener("DOMContentLoaded", ()=>{
|
||||
let socket = new WebSocket("/socket");
|
||||
socket.addEventListener("open", () => {
|
||||
let cookies = document.cookie.split("; ");
|
||||
for (let i = 0; i < cookies.length; i++) {
|
||||
if (cookies[i].trim().startsWith("token=")) {
|
||||
socket.send(cookies[i].trim());
|
||||
}
|
||||
}
|
||||
});
|
||||
socket.addEventListener("message", (e)=>{
|
||||
socket.send("1");
|
||||
if(e.data.split("=")[0] == "online") {
|
||||
document.getElementById("online").innerText = `currently online: ${e.data.split("=")[1]}`;
|
||||
}
|
||||
})
|
||||
let currentCloak = {name: "", icon: ""};
|
||||
setInterval(()=>{
|
||||
if(localStorage.getItem("selenite.tab-cloak")) {
|
||||
@ -115,6 +130,14 @@
|
||||
|
||||
}
|
||||
})
|
||||
document.getElementById("open-bottom-menu").addEventListener("click", ()=>{
|
||||
document.getElementById("bottom-menu").setAttribute("enabled", !(document.getElementById("bottom-menu").getAttribute("enabled") === "true"));
|
||||
document.getElementById("open-bottom-menu").setAttribute("enabled", !(document.getElementById("open-bottom-menu").getAttribute("enabled") === "true"));
|
||||
});
|
||||
document.getElementById("bottom-menu").addEventListener("click", ()=>{
|
||||
document.getElementById("bottom-menu").setAttribute("enabled", !(document.getElementById("bottom-menu").getAttribute("enabled") === "true"));
|
||||
document.getElementById("open-bottom-menu").setAttribute("enabled", !(document.getElementById("open-bottom-menu").getAttribute("enabled") === "true"));
|
||||
});
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
@ -134,5 +157,9 @@
|
||||
<div class="sidebar-item"><a href="#" target="/settings"><img src="/img/settings.svg" /></a><div class="sidebar-item-descriptor">settings</div></div> <!-- settings -->
|
||||
<div class="sidebar-item"><a href="#" target="/info"><img src="/img/info.svg" /></a><div class="sidebar-item-descriptor">information</div></div> <!-- info -->
|
||||
</sidebar>
|
||||
<div id="open-bottom-menu"></div>
|
||||
<div id="bottom-menu">
|
||||
<div class="bottom-item"><p id="online">yap yap yap</p></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
195
js/all.js
195
js/all.js
@ -1,195 +0,0 @@
|
||||
let backup_icon;
|
||||
let backup_name;
|
||||
let socket;
|
||||
if (location.origin.includes("https")) {
|
||||
socket = new WebSocket(`wss://${location.host}/socket`);
|
||||
} else {
|
||||
socket = new WebSocket(`ws://${location.host}/socket`);
|
||||
}
|
||||
socket.addEventListener("open", (event) => {
|
||||
let cookies = document.cookie.split("; ");
|
||||
for (let i = 0; i < cookies.length; i++) {
|
||||
if (cookies[i].trim().startsWith("token=")) {
|
||||
socket.send(cookies[i].trim());
|
||||
}
|
||||
}
|
||||
});
|
||||
socket.addEventListener("message", (event) => {
|
||||
if (event.data == "ping") {
|
||||
socket.send(`pong${location.pathname.includes("/semag/") ? location.pathname.split("/")[2] : ""}`);
|
||||
return;
|
||||
}
|
||||
if (event.data.startsWith("announce.")) {
|
||||
let styles = document.createElement("style");
|
||||
styles.innerHTML = `@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap");.announce {font-family: "Prompt", sans-serif;position: absolute;margin-left: auto;margin-right: auto;top: 10px;z-index: 10000000;background-color: #a53026;padding: 10px;width: max-content;border-radius: 10px;left:0;right:0;border-color: #f74f40;border-width: 5px;border-radius: 10px;border-style: solid;max-width: 60%;font-size: 16px;color: white;}@keyframes FadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes FadeOut {0% {opacity: 1;}100% {opacity: 0;}}`;
|
||||
let announcement = document.createElement("div");
|
||||
announcement.innerText = event.data.substring(9);
|
||||
announcement.setAttribute("class", "announce");
|
||||
announcement.style.opacity = "0";
|
||||
announcement.style.animation = "FadeIn 1s ease-in-out forwards";
|
||||
document.head.appendChild(styles);
|
||||
document.body.appendChild(announcement);
|
||||
setTimeout(() => {
|
||||
announcement.style.animation = "FadeOut 1s ease-in-out forwards";
|
||||
setTimeout(() => {
|
||||
announcement.remove();
|
||||
styles.remove();
|
||||
}, 1000);
|
||||
}, 14000);
|
||||
}
|
||||
});
|
||||
|
||||
function setCloak(name, icon) {
|
||||
var tabicon = getCookie("tabicon");
|
||||
if (tabicon || icon) {
|
||||
var link = document.querySelector("link[rel~='icon']");
|
||||
if (link) {
|
||||
if (link.href != icon) backup_icon = link;
|
||||
while (document.querySelector("link[rel~='icon']")) {
|
||||
document.querySelector("link[rel~='icon']").remove();
|
||||
}
|
||||
}
|
||||
var link = document.querySelector("link[rel~='shortcut icon']");
|
||||
if (link) {
|
||||
if (link.href != icon) backup_icon = link;
|
||||
while (document.querySelector("link[rel~='shortcut icon']")) {
|
||||
document.querySelector("link[rel~='shortcut icon']").remove();
|
||||
}
|
||||
}
|
||||
link = document.createElement("link");
|
||||
link.rel = "icon";
|
||||
document.head.appendChild(link);
|
||||
link.href = tabicon;
|
||||
if (name) {
|
||||
link.href = icon;
|
||||
}
|
||||
}
|
||||
|
||||
var tabname = getCookie("tabname");
|
||||
backup_name = document.title;
|
||||
if (tabname) {
|
||||
document.title = tabname;
|
||||
}
|
||||
if (name) {
|
||||
document.title = name;
|
||||
}
|
||||
panicMode();
|
||||
}
|
||||
if (getCookie("debugging") == 1) {
|
||||
const debugscript = document.createElement("script");
|
||||
debugscript.setAttribute("src", "/js/debug.js");
|
||||
document.head.append(debugscript);
|
||||
}
|
||||
function getCookie(cname) {
|
||||
let name = cname + "=";
|
||||
let decodedCookie = decodeURIComponent(document.cookie);
|
||||
let ca = decodedCookie.split(";");
|
||||
for (let i = 0; i < ca.length; i++) {
|
||||
let c = ca[i];
|
||||
while (c.charAt(0) == " ") {
|
||||
c = c.substring(1);
|
||||
}
|
||||
if (c.indexOf(name) == 0) {
|
||||
return c.substring(name.length, c.length);
|
||||
}
|
||||
}
|
||||
return "";
|
||||
}
|
||||
let listofchars = "";
|
||||
document.addEventListener("keydown", (e) => {
|
||||
listofchars = listofchars + e.key;
|
||||
if (listofchars.length > 20) {
|
||||
listofchars = listofchars.substring(e.key.length);
|
||||
}
|
||||
if (listofchars.includes("safemode")) {
|
||||
window.location.href = panicurl;
|
||||
listofchars = "";
|
||||
} else if (listofchars.includes("debugplz")) {
|
||||
if (getCookie("debugging") == 1) {
|
||||
document.cookie = "debugging=0;";
|
||||
alert("debugging off!");
|
||||
} else {
|
||||
document.cookie = "debugging=1";
|
||||
alert("debugging on!");
|
||||
}
|
||||
listofchars = "";
|
||||
}
|
||||
});
|
||||
function panicMode() {
|
||||
panicurl = getCookie("panicurl");
|
||||
if (panicurl == "") {
|
||||
panicurl = "https://google.com";
|
||||
}
|
||||
}
|
||||
document.addEventListener(
|
||||
"DOMContentLoaded",
|
||||
() => {
|
||||
setCloak();
|
||||
let plausible = document.createElement("script");
|
||||
plausible.setAttribute("event-domain", location.host)
|
||||
plausible.setAttribute("defer", "");
|
||||
plausible.setAttribute("src", "/js/analytics.js");
|
||||
plausible.setAttribute("data-domain", "selenite.cc");
|
||||
document.head.appendChild(plausible);
|
||||
},
|
||||
false
|
||||
);
|
||||
if (location.pathname.substring(1).includes("semag") && localStorage.getItem("selenite.blockClose") == "true") {
|
||||
window.onbeforeunload = function () {
|
||||
return "";
|
||||
};
|
||||
}
|
||||
addEventListener("visibilitychange", (e) => {
|
||||
if (localStorage.getItem("selenite.tabDisguise") == "true") {
|
||||
if (document.visibilityState === "hidden") {
|
||||
setCloak("Google", "https://www.google.com/favicon.ico");
|
||||
} else {
|
||||
if (!backup_icon) {
|
||||
icon = document.createElement("link");
|
||||
icon.rel = "icon";
|
||||
|
||||
var link = document.querySelector("link[rel~='icon']");
|
||||
if (link) {
|
||||
backup_icon = link;
|
||||
while (document.querySelector("link[rel~='icon']")) {
|
||||
document.querySelector("link[rel~='icon']").remove();
|
||||
}
|
||||
}
|
||||
var link = document.querySelector("link[rel~='shortcut icon']");
|
||||
if (link) {
|
||||
backup_icon = link;
|
||||
while (document.querySelector("link[rel~='shortcut icon']")) {
|
||||
document.querySelector("link[rel~='shortcut icon']").remove();
|
||||
}
|
||||
}
|
||||
document.head.appendChild(icon);
|
||||
icon.href = location.origin + "/favicon.ico";
|
||||
} else {
|
||||
document.head.appendChild(backup_icon);
|
||||
}
|
||||
document.title = backup_name;
|
||||
}
|
||||
}
|
||||
});
|
||||
var polyfillScript = document.createElement("script");
|
||||
polyfillScript.src = "https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?version=4.8.0";
|
||||
document.head.appendChild(polyfillScript);
|
||||
function fps() {
|
||||
var script = document.createElement("script");
|
||||
script.onload = function () {
|
||||
var stats = new Stats();
|
||||
document.body.appendChild(stats.dom);
|
||||
requestAnimationFrame(function loop() {
|
||||
stats.update();
|
||||
requestAnimationFrame(loop);
|
||||
});
|
||||
|
||||
localStorage.setItem("fps", true);
|
||||
};
|
||||
script.src = "https://cdn.jsdelivr.net/gh/mrdoob/stats.js@master/build/stats.min.js";
|
||||
document.head.appendChild(script);
|
||||
}
|
||||
|
||||
if (localStorage.getItem("fps")) {
|
||||
fps();
|
||||
}
|
||||
|
||||
1
js/all.min.js
vendored
1
js/all.min.js
vendored
File diff suppressed because one or more lines are too long
@ -43,6 +43,9 @@ document.addEventListener("DOMContentLoaded", ()=>{
|
||||
loadPJS();
|
||||
cursor();
|
||||
}
|
||||
if(localStorage.getItem("selenite.super-fast-mode") == 'true') {
|
||||
document.body.setAttribute("fast", "")
|
||||
}
|
||||
themes();
|
||||
})
|
||||
|
||||
|
||||
@ -51,15 +51,22 @@
|
||||
document.querySelector(`option[value="${localStorage.getItem("selenite.theme") || ""}"]`).setAttribute("selected", "");
|
||||
if(localStorage.getItem("selenite.fast-mode") == 'true') {
|
||||
document.getElementById("fastMode").setAttribute("checked", "")
|
||||
}
|
||||
};
|
||||
if(localStorage.getItem("selenite.super-fast-mode") == 'true') {
|
||||
document.getElementById("superFastMode").setAttribute("checked", "")
|
||||
};
|
||||
document.getElementById("themes").addEventListener("input", (e)=>{
|
||||
localStorage.setItem("selenite.theme", e.target.value);
|
||||
document.body.setAttribute("theme", e.target.value);
|
||||
})
|
||||
document.getElementById("fastMode").addEventListener("click", (e) => {
|
||||
localStorage.setItem("selenite.fast-mode", !(e.target.checked == false));
|
||||
alert("replace alert soon - reload to see changes");
|
||||
})
|
||||
location.reload();
|
||||
});
|
||||
document.getElementById("superFastMode").addEventListener("click", (e) => {
|
||||
localStorage.setItem("selenite.super-fast-mode", !(e.target.checked == false));
|
||||
location.reload();
|
||||
});
|
||||
document.getElementById("submitCloak").addEventListener("click", (e) => {
|
||||
localStorage.setItem("selenite.tab-cloak", JSON.stringify({
|
||||
"name": document.getElementById("cloakName").value || "",
|
||||
@ -91,6 +98,7 @@
|
||||
<section>
|
||||
<h2>toggles</h2>
|
||||
<div class="samerow"><input type="checkbox" id="fastMode"><label for="fastMode" title="disables particles, animated background, & other misc effects">fast mode</label></div>
|
||||
<div class="samerow"><input type="checkbox" id="superFastMode"><label for="superFastMode" title="disables all blurs and transparency">super fast mode</label></div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>tab cloak</h2>
|
||||
|
||||
Reference in New Issue
Block a user