selenite/frontend
1
0
Fork 0
mirror of https://gitlab.com/skysthelimit.dev/selenite.git synced 2025-06-16 10:32:08 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

final major update for the summer

Browse Source
This commit is contained in:
Sky 2023-08-19 21:41:35 -04:00 committed by GitHub
commit 1169c01a7e
437 changed files with 116938 additions and 289 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
404.html
View File

@ -1,43 +1,48 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- initialize theme vars -->
<style> <style>
:root { :root {
--input-bg-color: #74747488; --input-bg-color: #00000000;
--main-text-color: #dadada; --main-text-color: #00000000;
--p-text-color: #a1a1a1; --p-text-color: #00000000;
--border-color: #979797bb; --border-color: #00000000;
--star-color: #ffffff; --star-color: #00000000;
--game-color: #5e5e5e66; --game-color: #00000000;
--bg-1: #0c0c0c; --bg-1: #00000000;
--bg-2: #030303; --bg-2: #00000000;
--invert-logo: 0; --invert-logo: 0;
} }
</style> </style>
<script src="./js/themes.js" defer></script>
<script src="/js/all.js"></script>
<style> <!-- initialize externals -->
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<link rel="stylesheet" href="/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <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> <script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<style>@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");</style>
<!-- initialize my stuff -->
<script src="/js/themes.js"></script>
<script src="/js/all.js"></script>
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="/style.css" />
<!-- seo + other things -->
<title>Selenite</title> <title>Selenite</title>
<link rel="icon" href="/favicon.png" /> <link rel="icon" href="/favicon.ico" />
<meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games" /> <meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games"/>
<meta property="og:title" content="Welcome to Selenite." /> <meta property="og:title" content="Welcome to Selenite." />
<meta property="og:site_name" content="https://Selenite.pages.dev" /> <meta property="og:site_name" content="https://Selenite.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="author" content="Website Creator" /> <meta name="author" content="Website Creator" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<script src="./js/particles/particles.min.js"></script>
<script src="./js/particles/app.js"></script>
</head> </head>
<body> <body style="display: none">
<div id="particles-js"></div>
<div class="content"> <div class="content">
<ul> <ul>
<li><a href="./index.html">Home</a></li> <li><a href="./index.html">Home</a></li>
@ -45,11 +50,13 @@
<li><a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Suggestions</a></li> <li><a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Suggestions</a></li>
<li><a href="https://github.com/skysthelimitt/Selenite">Souwce Code</a></li> <li><a href="https://github.com/skysthelimitt/Selenite">Souwce Code</a></li>
<li><a href="./cloak.html">Tab Cwoak</a></li> <li><a href="./cloak.html">Tab Cwoak</a></li>
<li><a href="https://forms.gle/j75WUn6UhdqsRZgf7">Weport a Bug</a></li>
<li><a href="./support.html">Support Sewenite!</a></li>
</ul> </ul>
<div class="title"> <div class="title">
<img src="/favicon.png" style="width: 4%" /> <img src="./new.svg" style="width: 4%; padding-right: 1%; filter: invert(var(--invert-logo, 0))" />
<h2 style="font-size: 45px">Selenite🥺🥺</h2> <h2 style="font-size: 70px">sewenite</h2>
</div> </div>
<h2 style="font-size: 40px">۶(　ﾟдﾟ) oopsies.. we couwdn't find the page you wewe wooking fow >w<</h2> <h2 style="font-size: 40px">۶(　ﾟдﾟ) oopsies.. we couwdn't find the page you wewe wooking fow >w<</h2>
<a href="/index.html" style="font-size: 35px">(๑•﹏•)⋆* ⁑⋆* pwease go home.. 👉👈</a><br /> <a href="/index.html" style="font-size: 35px">(๑•﹏•)⋆* ⁑⋆* pwease go home.. 👉👈</a><br />

58
bookmarklets.html
View File

@ -1,43 +1,48 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- initialize theme vars -->
<style> <style>
:root { :root {
--input-bg-color: #74747488; --input-bg-color: #00000000;
--main-text-color: #dadada; --main-text-color: #00000000;
--p-text-color: #a1a1a1; --p-text-color: #00000000;
--border-color: #979797bb; --border-color: #00000000;
--star-color: #ffffff; --star-color: #00000000;
--game-color: #5e5e5e66; --game-color: #00000000;
--bg-1: #0c0c0c; --bg-1: #00000000;
--bg-2: #030303; --bg-2: #00000000;
--invert-logo: 0; --invert-logo: 0;
} }
</style> </style>
<script src="./js/themes.js" defer></script>
<script src="/js/all.js"></script>
<style> <!-- initialize externals -->
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <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> <script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
<link rel="stylesheet" href="/style.css" /> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<title>Bookmarklets | Selenite</title> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"/>
<link rel="shortcut icon" href="favicon.png" /> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script src="./js/particles/particles.min.js"></script> <style>@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");</style>
<script src="./js/particles/app.js"></script>
<meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games" /> <!-- initialize my stuff -->
<meta property="og:title" content="Welcome to the Best Website Ever." /> <script src="/js/themes.js"></script>
<script src="/js/all.js"></script>
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/style.css" />
<!-- seo + other things -->
<title>Selenite</title>
<link rel="icon" href="/favicon.ico" />
<meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games"/>
<meta property="og:title" content="Welcome to Selenite." />
<meta property="og:site_name" content="https://Selenite.pages.dev" /> <meta property="og:site_name" content="https://Selenite.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="author" content="Website Creator" /> <meta name="author" content="Website Creator" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
</head> </head>
<body> <body style="display: none">
<div id="particles-js"></div>
<div class="content"> <div class="content">
<ul> <ul>
<li><a href="./index.html">Home</a></li> <li><a href="./index.html">Home</a></li>
@ -46,10 +51,13 @@
<li><a href="https://github.com/skysthelimitt/Selenite">Source Code</a></li> <li><a href="https://github.com/skysthelimitt/Selenite">Source Code</a></li>
<li><a href="./settings.html">Settings</a></li> <li><a href="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li> <li><a id="panicmode">Panic Mode</a></li>
<li><a href="https://forms.gle/j75WUn6UhdqsRZgf7">Report a Bug</a></li>
<li><a href="./support.html">Support Selenite!</a></li>
</ul> </ul>
<h2>Bookmarklets</h2> <h2>Bookmarklets</h2>
<a href='%3Chtml%3E%3Chead%3E%3Cscript%20src%3Dhttps%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F3.7.0%2Fjquery.min.js%3E%3C%2Fscript%3E%3Cscript%3Elet%20currentver%3D%22v1.0.0%22%3Bvar%20ver%2Ccdnurl%3Bfunction%20loadGames%28%29%7B%24%28%22%23backarrow%22%29.hide%28%29%2C%24.getJSON%28cdnurl%2B%22%2Fgames.json%22%2Cfunction%28t%29%7Bfor%28let%20e%3D0%3Be%3Ct.length%3Be%2B%2B%29%7Bvar%20n%3D%24%28%22%3Cdiv%3E%22%29.prop%28%7Bclass%3A%22game%22%2Cstyle%3A%22cursor%3A%20pointer%3B%22%2Cid%3At%5Be%5D.directory%7D%29.append%28%24%28%22%3Cimg%3E%22%29.prop%28%7Bsrc%3Acdnurl%2B%22%2F%22%2Bt%5Be%5D.directory%2B%22%2F%22%2Bt%5Be%5D.image%2Calt%3At%5Be%5D.name%2B%22%20logo%22%7D%29%29.append%28%24%28%22%3Ch1%3E%22%29.text%28t%5Be%5D.name%29%29%3B%24%28%22%23games%22%29.append%28n%29%7D%7D%29%7Dfunction%20redirectGame%28e%2Ct%29%7Bvar%20n%3Ddocument.createElement%28%22iframe%22%29%3B%24%28%22%23games%22%29.hide%28%29%2C%24%28%22%23backarrow%22%29.show%28%29%2C%24%28%22%23gametitle%22%29.show%28%29%2C%24%28%22%23gametitle%22%29.text%28t%29%2Cn.src%3Dcdnurl%2B%22%2F%22%2Be%2B%22%2Findex.html%22%2Cdocument.body.appendChild%28n%29%7Dfunction%20exitGame%28%29%7B%24%28%22iframe%22%29.remove%28%29%2C%24%28%22%23backarrow%22%29.hide%28%29%2C%24%28%22%23gametitle%22%29.hide%28%29%2C%24%28%22%23games%22%29.show%28%29%7Dasync%20function%20getCDN%28%29%7BcheckVer%28%29%2C%24.getJSON%28%22https%3A%2F%2Fraw.githubusercontent.com%2Fskysthelimitt%2Fselenite-optimized%2Fmain%2Flinks.json%22%2Casync%20function%28e%29%7Bcdnurls%3De.urls%3Bfor%28let%20e%3D0%3Be%3Ccdnurls.length%3Be%2B%2B%29%7Bif%28%28await%28await%20fetch%28cdnurls%5Be%5D%2B%22%2FREADME.md%22%29%29.text%28%29%29.startsWith%28%22%23%23%20Selenite%22%29%29%7Bconsole.log%28%22CDN%20Found%3A%20%22%2Bcdnurls%5Be%5D%29%2Ccdnurl%3Dcdnurls%5Be%5D%2CloadGames%28%29%3Bbreak%7Dconsole.log%28%22CDN%20Blocked%3A%20%22%2Bcdnurls%5Be%5D%29%7Dcdnurl%7C%7Calert%28%22looks%20like%20none%20of%20the%20cdns%20are%20available%2C%20please%20check%20again%20later.%22%29%7D%29%7Dasync%20function%20checkVer%28%29%7B%28await%28await%20fetch%28%22https%3A%2F%2Fraw.githubusercontent.com%2Fskysthelimitt%2Fselenite-optimized%2Fmain%2Fver%22%29%29.text%28%29%29.startsWith%28currentver%29%7C%7Cconfirm%28%22Your%20Selenite%20Optimized%20version%20is%20currently%20out%20of%20date.%20Click%20OK%20to%20update%2C%20or%20click%20cancel%20to%20continue.%22%29%26%26window.location.replace%28%22https%3A%2F%2Fraw.githubusercontent.com%2Fskysthelimitt%2Fselenite-optimized%2Fmain%2Fbuild%2Fbookmark.txt%22%29%7DgetCDN%28%29%2C%24%28document%29.ready%28function%28%29%7B%24%28document%29.on%28%22click%22%2C%22.game%22%2Cfunction%28e%29%7BredirectGame%28%24%28this%29.attr%28%22id%22%29%2C%24%28this%29.find%28%22h1%22%29.text%28%29%29%7D%29%7D%29%3B%3C%2Fscript%3E%3Cstyle%3E%23title%2C.game%7Bdisplay%3Ainline-block%7D.game%7Bwidth%3A13%25%3Bbackground-color%3A%23000%3Bpadding%3A1%25%3Bborder-radius%3A10%25%3Bmargin%3A2%25%3Btransition-duration%3A.5s%7D.game%3Ahover%7Btransform%3Ascale%281.05%29%7D.game%20h1%7Bfont-size%3A.85em%3Bcolor%3A%23fff%7D.game%20img%7Bwidth%3A100%25%3Baspect-ratio%3A1%2F1%7Diframe%7Bwidth%3A100%25%3Bheight%3A95%25%7D%23title%7Bheight%3A5%25%7D%3C%2Fstyle%3E%3C%2Fhead%3E%3Cbody%3E%3Cdiv%20id%3Dtitle%3E%3Cimg%20src%3Dhttps%3A%2F%2Fraw.githubusercontent.com%2Fgoogle%2Fmaterial-design-icons%2Fmaster%2Fsymbols%2Fweb%2Farrow_back%2Fmaterialsymbolsrounded%2Farrow_back_48px.svg%20style%3Dcursor%3Apointer%20id%3Dbackarrow%20onclick%3DexitGame%28%29%3E%3Cspan%20id%3Dgametitle%3Esorry%20it%20looks%20so%20bad%2C%20have%20to%20keep%20the%20website%20as%20minimal%20as%20possible%3C%2Fspan%3E%3C%2Fdiv%3E%3Cdiv%20id%3Dgames%3E%3C%2Fdiv%3E%3C%2Fbody%3E%3C%2Fhtml%3E' class="bookmarklet">Selenite Minified</a>
<p>Drag the link above to your bookmarks bar. This is a minified version of Selenite, that you can open at any time, without relying on a single website.</p>
<a href='javascript:console.log(document.body.contentEditable="true"==document.body.contentEditable?"false":"true");' class="bookmarklet">Edit any page</a> <a href='javascript:console.log(document.body.contentEditable="true"==document.body.contentEditable?"false":"true");' class="bookmarklet">Edit any page</a>
<p>Drag the link above to your bookmarks bar. This allows you to edit the text of any webpage.</p> <p>Drag the link above to your bookmarks bar. This allows you to edit the text of any webpage.</p>
<a href="javascript:(function () {var script=document.createElement('script');script.src='https://x-ray-goggles.mouse.org/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://x-ray-goggles.mouse.org');document.body.appendChild(script);}())" class="bookmarklet">X-Ray Goggles</a> <a href="javascript:(function () {var script=document.createElement('script');script.src='https://x-ray-goggles.mouse.org/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://x-ray-goggles.mouse.org');document.body.appendChild(script);}())" class="bookmarklet">X-Ray Goggles</a>

BIN
colorswitch/colorswitch.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
colorswitch/game.data Normal file
View File

Binary file not shown.

20
colorswitch/game.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
colorswitch/game.js.mem Normal file
View File

Binary file not shown.

212
colorswitch/index.html Normal file
View File

@ -0,0 +1,212 @@
<!doctype html>
<html lang="en-us">
<head>
<script src="/js/all.js"></script>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Color Switch</title>
<meta name="viewport" content="width=device-width, user-scalable=no">
<style>
/* the canvas *must not* have any border or padding, or mouse coords will be wrong */
* {
box-sizing: border-box;
}
body {
margin: 0;
background-color: black;
}
canvas.emscripten {
border: 0px none;
height: 100%;
}
canvas.emscripten.visible {
opacity: 1;
transition: opacity 0.5s ease-in;
transition-delay: 1s;
}
.canvas-container {
position: relative;
max-height: 0%;
background-color: black;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
margin: 0px auto;
text-align: center;
}
.canvas-container:after {
padding-top: 133.3333%;
/* 16:9 ratio */
display: block;
content: '';
}
.progress {
position: absolute;
top: 84%;
left: 0;
right: 0;
width: 90%;
height: 28px;
margin: 0 auto;
margin-bottom: 24px;
overflow: hidden;
border-radius: 2px;
background-color: #F7F7F7;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.progress-bar {
float: left;
width: 0;
min-width: 2%;
height: 100%;
font-size: 20px;
font-family: monospace;
line-height: 28px;
color: #AAA;
text-align: center;
transition: width .1s ease;
background-color: #292929;
}
.touchLayer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="canvas-container">
<!-- onclick="void(0)" -->
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
<div id="progress" class="progress">
<div id="progress-bar" class="progress-bar" style="width: 0%">0%</div>
</div>
<a id="link_android" target="__blank"
href="https://play.google.com/store/apps/details?id=com.fortafygames.colorswitch"
style="position: absolute; display: none;"></a>
<a id="link_ios" target="__blank" href="https://itunes.apple.com/app/id1053533457"
style="position: absolute; display: none;"></a>
<a id="link_fb" target="__blank" href="https://www.facebook.com/fortafygames"
style="position: absolute; display: none;"></a>
<a id="link_poki" target="__blank" href="http://poki.com/" style="position: absolute; display: none;"></a>
<!--<div id="touch" class="touchLayer">
</div>-->
<div id="poki-sdk-container" style="display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
</div>
</div>
<script type='text/javascript'>
// connect to canvas
var Module = {
preRun: [],
postRun: [],
print: function () {
console.log(Array.prototype.slice.call(arguments).join(" "));
},
printErr: function () {
console.warn(Array.prototype.slice.call(arguments).join(" "));
},
canvas: document.getElementById('canvas'),
totalDependencies: 0,
monitorRunDependencies: function (left) {
this.totalDependencies = Math.max(this.totalDependencies, left);
//console.log('Downloading...', (100*(this.totalDependencies-left)/this.totalDependencies) + '%');
//console.log(Module);
// console.log('monitorRunDependencies', left ? 'Preparing... (' + (this.totalDependencies-left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
}
}
window.addEventListener("keydown", function (e) {
// space and arrow keys
if ([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
e.preventDefault();
}
}, false);
function addEvent(elementId, evnt, funct) {
var element = document.getElementById(elementId);
if (element.attachEvent)
return element.attachEvent('on' + evnt, funct);
else
return element.addEventListener(evnt, funct, false);
}
function setupCanvasTouchEvents() {
var canvas = document.getElementById("canvas");
var el = document.getElementById("canvas"); // "touch"
function adjustX(x) {
return x * canvas.width / parseInt(getComputedStyle(el).width, 10);
}
function adjustY(y) {
return y * canvas.height / parseInt(getComputedStyle(el).height, 10);
}
el.addEventListener("touchstart", function (evt) {
evt.preventDefault();
var touches = evt.changedTouches;
for (var i = 0; i < touches.length; i++) {
var touch = touches[i];
//console.log('_pInput_TouchStart', _pInput_TouchStart);
_pInput_TouchStart(touch.identifier % 10, adjustX(touch.clientX), adjustY(touch.clientY));
}
}, false);
el.addEventListener("touchend", function (evt) {
evt.preventDefault();
var touches = evt.changedTouches;
for (var i = 0; i < touches.length; i++) {
var touch = touches[i];
_pInput_TouchEnd(touch.identifier % 10);
}
}, false);
el.addEventListener("touchmove", function (evt) {
evt.preventDefault();
var touches = evt.changedTouches;
for (var i = 0; i < touches.length; i++) {
var touch = touches[i];
_pInput_TouchMove(touch.identifier % 10, adjustX(touch.clientX), adjustY(touch.clientY));
}
}, false);
}
var progressBar = document.getElementById("progress-bar");
var interval = setInterval(function () {
if (Module.dataFileDownloads && Module.dataFileDownloads["game.data"]) {
var data = Module.dataFileDownloads["game.data"];
//console.log(data.loaded, '/', data.total)
var percent = Math.round(data.loaded * 100 / data.total);
progressBar.style.width = percent + '%';
progressBar.innerHTML = percent + '%';
if (data.loaded >= data.total) {
document.getElementById("progress").style.display = "none";
document.getElementById("canvas").className += " visible";
setupCanvasTouchEvents();
clearInterval(interval);
}
}
}, 100);
</script>
<script async type="text/javascript" src="game.js"></script>
</body>
</html>

65
games.json
View File

@ -383,5 +383,70 @@
"name": "Windows 11", "name": "Windows 11",
"directory": "win11", "directory": "win11",
"image": "favicon.png" "image": "favicon.png"
},
{
"name": "Learn to Fly 2",
"directory": "ltf2",
"image": "logo.jpg"
},
{
"name": "Worlds Hardest Game 2",
"directory": "worldhardestgame2",
"image": "the-worlds-hardest-game-2.jpg"
},
{
"name": "Vex 7",
"directory": "vex7",
"image": "icon.jpeg"
},
{
"name": "Slope Ball",
"directory": "slope-ball",
"image": "icon.jpg"
},
{
"name": "Slope 2",
"directory": "slope2",
"image": "slope-2-logo.png"
},
{
"name": "Learn to Fly Idle",
"directory": "ltfidle",
"image": "icon.jpg"
},
{
"name": "Red Ball 4",
"directory": "redball4",
"image": "redball4.webp"
},
{
"name": "Red Ball 4 Vol 3",
"directory": "redball4vol3",
"image": "redball4vol3.webp"
},
{
"name": "Red Ball 4 Vol 2",
"directory": "redball4vol2",
"image": "redball4vol2.webp"
},
{
"name": "Red Ball 3",
"directory": "redball3",
"image": "redball3.png"
},
{
"name": "Snake",
"directory": "snake",
"image": "snake.png"
},
{
"name": "Pacman",
"directory": "pacman",
"image": "icon.png"
},
{
"name": "Color Switch",
"directory": "colorswitch",
"image": "colorswitch.png"
} }
] ]

1
img/star-fill.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#FFFFFF" d="m12.672.668 3.059 6.197 6.838.993a.75.75 0 0 1 .416 1.28l-4.948 4.823 1.168 6.812a.75.75 0 0 1-1.088.79L12 18.347l-6.116 3.216a.75.75 0 0 1-1.088-.791l1.168-6.811-4.948-4.823a.749.749 0 0 1 .416-1.279l6.838-.994L11.327.668a.75.75 0 0 1 1.345 0Z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 367 B

1
img/star.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#FFFFFF" d="M12 .25a.75.75 0 0 1 .673.418l3.058 6.197 6.839.994a.75.75 0 0 1 .415 1.279l-4.948 4.823 1.168 6.811a.751.751 0 0 1-1.088.791L12 18.347l-6.117 3.216a.75.75 0 0 1-1.088-.79l1.168-6.812-4.948-4.823a.75.75 0 0 1 .416-1.28l6.838-.993L11.328.668A.75.75 0 0 1 12 .25Zm0 2.445L9.44 7.882a.75.75 0 0 1-.565.41l-5.725.832 4.143 4.038a.748.748 0 0 1 .215.664l-.978 5.702 5.121-2.692a.75.75 0 0 1 .698 0l5.12 2.692-.977-5.702a.748.748 0 0 1 .215-.664l4.143-4.038-5.725-.831a.75.75 0 0 1-.565-.41L12 2.694Z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 617 B

85
index.html
View File

@ -1,70 +1,68 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- initialize theme vars -->
<style> <style>
:root { :root {
--input-bg-color: #74747488; --input-bg-color: #00000000;
--main-text-color: #dadada; --main-text-color: #00000000;
--p-text-color: #a1a1a1; --p-text-color: #00000000;
--border-color: #979797bb; --border-color: #00000000;
--star-color: #ffffff; --star-color: #00000000;
--game-color: #5e5e5e66; --game-color: #00000000;
--bg-1: #0c0c0c; --bg-1: #00000000;
--bg-2: #030303; --bg-2: #00000000;
--invert-logo: 0; --invert-logo: 0;
} }
</style> </style>
<script src="./js/themes.js" defer></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<script src="/js/all.js"></script> <!-- initialize externals -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <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> <script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<style>@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");</style>
<!-- initialize my stuff -->
<script src="/js/themes.js"></script>
<script src="/js/all.js"></script>
<script src="/js/cookie.js"></script>
<script src="/js/games.js"></script>
<script src="/js/search.js"></script>
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css" /> <!-- seo + other things -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script src="./js/particles/particles.min.js"></script>
<script src="./js/particles/app.js"></script>
<style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<title>Selenite</title> <title>Selenite</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games" /> <meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games"/>
<meta property="og:title" content="Welcome to Selenite." /> <meta property="og:title" content="Welcome to Selenite." />
<meta property="og:site_name" content="https://Selenite.pages.dev" /> <meta property="og:site_name" content="https://Selenite.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="author" content="Website Creator" /> <meta name="author" content="Website Creator" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/games.js"></script>
<script src="./js/search.js"></script>
<!-- toastify -->
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
Toastify({ Toastify({
text: 'Type "safemode" while in any game to return to Google! Change the website in the settings.', text: 'Type "safemode" while in any game to return to Google! Change the website in the settings.',
duration: 3000, duration: 3000,
gravity: "top", // `top` or `bottom` gravity: "top",
position: "left", // `left`, `center` or `right` position: "left",
style: { style: {
background: "linear-gradient(var(--bg-1), var(--bg-2))", background: "linear-gradient(var(--bg-1), var(--bg-2))",
width: "25%", width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)", boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
}, },
onClick: function () {}, // Callback after click onClick: function () {},
}).showToast(); }).showToast();});
});
</script> </script>
</head> </head>
<body>
<div id="particles-js"></div> <body style="display: none">
<div class="content"> <div class="content">
<ul> <ul>
<li><a href="./index.html">Home</a></li> <li><a href="./index.html">Home</a></li>
@ -73,28 +71,37 @@
<li><a href="https://github.com/skysthelimitt/Selenite">Source Code</a></li> <li><a href="https://github.com/skysthelimitt/Selenite">Source Code</a></li>
<li><a href="./settings.html">Settings</a></li> <li><a href="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li> <li><a id="panicmode">Panic Mode</a></li>
<li><a href="https://forms.gle/j75WUn6UhdqsRZgf7">Report a Bug</a></li>
<li><a href="./support.html">Support Selenite!</a></li>
</ul> </ul>
<input class="hiddenUpload" type="file" accept=".save" hidden /> <input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title"> <div class="title">
<img src="./new.svg" style="width: 4%; padding-right: 1%; filter: invert(var(--invert-logo, 0))" /> <img src="./new.svg" style=" width: 4%; padding-right: 1%; filter: invert(var(--invert-logo, 0));"/>
<h2 style="font-size: 70px">selenite</h2> <h2 style="font-size: 70px">selenite</h2>
</div> </div>
<a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a>
<br /> <a href="javascript:downloadMainSave()">Download Save</a>
<p id="gamecounter"></p> <a href="javascript:uploadMainSave()">Upload Save</a>
<br>
<input type="text" id="gamesearch" placeholder="Type here to search.." /> <input type="text" id="gamesearch" placeholder="Type here to search.." />
<button id="random" onclick="selectRandomGame()">Click to play a random game!</button> <button id="random" onclick="selectRandomGame()">Click to play a random game!</button>
<br /> <br />
<br /> <br />
<h2>Pinned Games</h2> <h2>Pinned Games</h2>
<div id="pinnedgames"></div> <div id="pinnedgames"></div>
<p id="pinnedmessage">It looks like you haven't pinned any games, click the star icon next to any game in order to pin them up here! Your pinned games will also save in your save backups!</p> <p id="pinnedmessage">It looks like you haven't pinned any games, click the star icon next to any game in order to pin them up here! Your pinned games will also save in your save backups!</p>
<div id="games"> <div id="games">
<h2>All Games</h2> <h2>All Games</h2>
<p id="message">Please wait for the games to load.. If you see this for more than a second, try reloading and reporting a <a href="https://forms.gle/j75WUn6UhdqsRZgf7">bug report</a>.</p> <p id="message">Please wait for the games to load.. If you see this for more than a second, try reloading and reporting a <a href="https://forms.gle/j75WUn6UhdqsRZgf7">bug report</a>.</p>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

37
js/all.js
View File

@ -1,6 +1,5 @@
function setCloak() { function setCloak() {
var tabicon = getCookie("tabicon"); var tabicon = getCookie("tabicon");
if (tabicon) { if (tabicon) {
var link = document.querySelector("link[rel~='icon']"); var link = document.querySelector("link[rel~='icon']");
if (link) { if (link) {
@ -21,6 +20,7 @@ function setCloak() {
if (tabname) { if (tabname) {
document.title = tabname; document.title = tabname;
} }
panicMode();
} }
function getCookie(cname) { function getCookie(cname) {
let name = cname + "="; let name = cname + "=";
@ -43,9 +43,6 @@ function panicMode() {
if (panicurl == "") { if (panicurl == "") {
panicurl = "https://google.com"; panicurl = "https://google.com";
} }
if ($("#panicmode").length > 0) {
$("#panicmode").prop({ href: panicurl });
}
const pressed = []; const pressed = [];
const secretCode = "safemode"; const secretCode = "safemode";
window.addEventListener("keyup", (e) => { window.addEventListener("keyup", (e) => {
@ -56,13 +53,29 @@ function panicMode() {
} }
}); });
} }
document.addEventListener("DOMContentLoaded", function () {
let jquery_loader = document.createElement("script"); window.onload = function() {
jquery_loader.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js");
jquery_loader.async = false;
document.body.appendChild(jquery_loader);
window.addEventListener("load", function () {
panicMode();
});
setCloak(); setCloak();
if (!window.jQuery) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js';
head.appendChild(script);
}
}
defer(function () {
panicMode();
}); });
function defer(method) {
if (window.jQuery) {
console.log("jquery found.");
panicMode();
} else {
setTimeout(function() { defer(method) }, 50);
console.log("jquery not found, adding jquery.");
}
}

4
js/cookie.js
View File

@ -2,7 +2,7 @@
function getMainSave() { function getMainSave() {
var mainSave = {}; var mainSave = {};
// List of items in localStorage that should not be saved // List of items in localStorage that should not be saved
var localStorageDontSave = ["tabicon", "tabname"]; var localStorageDontSave = ["sdsadawdasdasd"];
// Convert localStorage to an array of key-value pairs and remove the items that should not be saved // Convert localStorage to an array of key-value pairs and remove the items that should not be saved
localStorageSave = Object.entries(localStorage); localStorageSave = Object.entries(localStorage);
@ -41,7 +41,7 @@ function downloadMainSave() {
var fakeElement = document.createElement("a"); var fakeElement = document.createElement("a");
fakeElement.href = dataURL; fakeElement.href = dataURL;
fakeElement.download = "your.Selenite.save"; fakeElement.download = "your.selenite.save";
fakeElement.click(); fakeElement.click();
URL.revokeObjectURL(dataURL); URL.revokeObjectURL(dataURL);
Toastify({ Toastify({

51
js/games.js
View File

@ -6,7 +6,9 @@ $.getJSON("/games.json", function (data) {
starredgames = JSON.parse(starredgames); starredgames = JSON.parse(starredgames);
} }
console.log(starredgames); console.log(starredgames);
$("#gamesearch").prop({ placeholder: "Click here to search through our " + data.length + " games!" }); $("#gamesearch").prop({
placeholder: "Click here to search through our " + data.length + " games!",
});
data.sort(dynamicSort("name")); data.sort(dynamicSort("name"));
gamelist = data; gamelist = data;
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
@ -20,24 +22,27 @@ $.getJSON("/games.json", function (data) {
$("<img>").prop({ $("<img>").prop({
src: data[i].directory + "/" + data[i].image, src: data[i].directory + "/" + data[i].image,
alt: data[i].name + " logo", alt: data[i].name + " logo",
onerror: "failedImg($(this));",
}) })
) )
.append($("<h1>").text(data[i].name)) .append($("<h1>").text(data[i].name))
.append( .append(
$("<mat-icon>") $("<img>").prop({
.prop({ src: "img/star.svg",
class: "material-symbols-rounded", alt: "star",
}) class: "star",
.text("star") })
); );
if (starredgames.includes(data[i].directory)) { if (starredgames.includes(data[i].directory)) {
$element.find("mat-icon").attr("id", "starred"); $element.find("img.star").attr("id", "starred");
$element.find("img.star").attr("src", "img/star-fill.svg");
let $pinnedelement = $element.clone(); let $pinnedelement = $element.clone();
$("#pinnedgames").append($pinnedelement); $("#pinnedgames").append($pinnedelement);
if ($("#pinnedgames #message")) { if ($("#pinnedgames #message")) {
$("#pinnedmessage").hide(); $("#pinnedmessage").hide();
} }
$element.addEventListener("error", imageNotFound);
} }
$("#games").append($element); $("#games").append($element);
@ -48,9 +53,10 @@ $.getJSON("/games.json", function (data) {
$(document).ready(function () { $(document).ready(function () {
let starred; let starred;
$(document).on("click", ".game", function (event) { $(document).on("click", ".game", function (event) {
if ($(event.target).is("mat-icon")) { if ($(event.target).is("img.star")) {
if (!$(event.target).attr("id")) { if (!$(event.target).attr("id")) {
$(event.target).prop({ id: "starred" }); $(event.target).prop({ id: "starred" });
$(event.target).prop({ src: "img/star-fill.svg" });
starred = Cookies.get("starred"); starred = Cookies.get("starred");
if (starred) { if (starred) {
starred = JSON.parse(starred); starred = JSON.parse(starred);
@ -80,21 +86,23 @@ $(document).ready(function () {
$("<img>").prop({ $("<img>").prop({
src: pinnedarraynodes[0].src, src: pinnedarraynodes[0].src,
alt: pinnedarraynodes[0].alt, alt: pinnedarraynodes[0].alt,
class: "gameicon"
}) })
) )
.append($("<h1>").text(pinnedarraynodes[1].innerHTML)) .append($("<h1>").text(pinnedarraynodes[1].innerHTML))
.append( .append(
$("<mat-icon>") $("<img>").prop({
.prop({ src: "img/star-fill.svg",
class: "material-symbols-rounded", alt: "star",
id: "starred", class: "star",
}) id: "starred",
.text("star") })
); );
$("#pinnedgames").append($element); $("#pinnedgames").append($element);
} }
} else { } else {
$(event.target).removeAttr("id"); $(event.target).removeAttr("id");
$(event.target).attr("src", "img/star.svg");
$thisdiv = "#" + $(this).attr("id"); $thisdiv = "#" + $(this).attr("id");
$thisdiv = $thisdiv.replace(".", "\\."); $thisdiv = $thisdiv.replace(".", "\\.");
starred = Cookies.get("starred"); starred = Cookies.get("starred");
@ -106,13 +114,14 @@ $(document).ready(function () {
if ($("#pinnedgames").is(":empty")) { if ($("#pinnedgames").is(":empty")) {
$("#pinnedmessage").show(); $("#pinnedmessage").show();
} }
$($thisdiv + " #starred").attr("src", "img/star.svg");
$($thisdiv + " #starred").removeAttr("id"); $($thisdiv + " #starred").removeAttr("id");
} }
} else { } else {
redirectGame($(this).attr("id")); redirectGame($(this).attr("id"));
} }
}); });
$(document).on("click", "#game span", function (event) { $(document).on("click", "#game img .star", function (event) {
$(this).prop({ class: "material-symbols-outlined fill" }); $(this).prop({ class: "material-symbols-outlined fill" });
}); });
}); });
@ -140,18 +149,22 @@ function dynamicSort(property) {
function selectRandomGame() { function selectRandomGame() {
randomgame = Math.floor(Math.random() * gamelist.length - 1); randomgame = Math.floor(Math.random() * gamelist.length - 1);
Toastify({ Toastify({
text: 'You will be redirected to ' + gamelist[randomgame].name + ' in 3 seconds', text:
"You will be redirected to " +
gamelist[randomgame].name +
" in 3 seconds",
duration: 3000, duration: 3000,
gravity: "top", // `top` or `bottom` gravity: "top", // `top` or `bottom`
position: "center", // `left`, `center` or `right` position: "center", // `left`, `center` or `right`
style: { style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)", background:
"linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
width: "25%", width: "25%",
}, },
onClick: function () {}, // Callback after click onClick: function () {}, // Callback after click
}).showToast(); }).showToast();
setTimeout(() => { setTimeout(() => {
redirectGame(gamelist[randomgame].directory);s redirectGame(gamelist[randomgame].directory);
s;
}, 3000); }, 3000);
} }

35
js/main.js Normal file
View File

@ -0,0 +1,35 @@
var interval;
function check() {
if (themeloaded == 1) {
clearInterval(interval);
const body = document.querySelector("body");
body.style.removeProperty("display");
}
if ($("#panicmode").length > 0) {
$("#panicmode").prop({ href: panicurl });
}
}
window.onload = function () {
interval = setInterval(check, 50);
};
window.addEventListener("error", function (event) {
if (event.target instanceof HTMLImageElement) {
alert(
"Error: Image failed to load." +
"\nFull Image URL: " + event.target.src +
'\nPlease copy this error message and click "Report a Bug" or go to https://forms.gle/j75WUn6UhdqsRZgf7'
)
event.target.src = "favicon.png";
} else {
alert (
"Error: " + event.message +
"\nScript: " + event.filename +
"\nLine: " + event.lineno +
"\nColumn: " + event.colno +
"\nStackTrace: " + event.error +
'\nPlease copy this error message and click "Report a Bug" or go to https://forms.gle/j75WUn6UhdqsRZgf7'
);
}
}, true);

3
js/particles/app.js
View File

@ -1,3 +0,0 @@
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', '/js/particles/particles.json', function() {
});

110
js/particles/particles.json
View File

@ -1,110 +0,0 @@
{
"particles": {
"number": {
"value": 100,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#ffffff"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#808080"
},
"polygon": {
"nb_sides": 5
},
"image": {
"src": "img/github.svg",
"width": 100,
"height": 100
}
},
"opacity": {
"value": 0.5,
"random": true,
"anim": {
"enable": false,
"speed": 1,
"opacity_min": 0.1,
"sync": false
}
},
"size": {
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"sync": false
}
},
"line_linked": {
"enable": true,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 1
},
"move": {
"enable": true,
"speed": 6,
"direction": "none",
"random": false,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
}
}
},
"interactivity": {
"detect_on": "canvas",
"events": {
"onhover": {
"enable": true,
"mode": "repulse"
},
"onclick": {
"enable": true,
"mode": "push"
},
"resize": true
},
"modes": {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 40,
"duration": 2,
"opacity": 8,
"speed": 3
},
"repulse": {
"distance": 87.90646751856022,
"duration": 0.4
},
"push": {
"particles_nb": 4
},
"remove": {
"particles_nb": 2
}
}
},
"retina_detect": true
}

9
js/particles/particles.min.js vendored
View File

File diff suppressed because one or more lines are too long

12
js/themes.js
View File

@ -1,15 +1,16 @@
var themeloaded = 0;
$.getJSON("/themes.json", function (data) { $.getJSON("/themes.json", function (data) {
loadedthemes = data; loadedthemes = data;
let currenttheme = getCookie("theme"); let currenttheme = getCookie("theme");
if (currenttheme == "") { if (currenttheme == "") {
setTheme("selenite"); setTheme("selenite", 1);
} else { } else {
setTheme(currenttheme); setTheme(currenttheme, 1);
} }
}); });
var r = document.querySelector(":root"); var r = document.querySelector(":root");
function setTheme(themename) { function setTheme(themename, firstload) {
if (!loadedthemes[themename]) { if (!loadedthemes[themename]) {
alert("woah, you loaded a non-existant theme! if you found this during normal usage of the website, please send a bug report at https://forms.gle/j75WUn6UhdqsRZgf7"); alert("woah, you loaded a non-existant theme! if you found this during normal usage of the website, please send a bug report at https://forms.gle/j75WUn6UhdqsRZgf7");
return; return;
@ -18,10 +19,13 @@ function setTheme(themename) {
r.style.setProperty("--main-text-color", loadedthemes[themename]["--main-text-color"]); r.style.setProperty("--main-text-color", loadedthemes[themename]["--main-text-color"]);
r.style.setProperty("--p-text-color", loadedthemes[themename]["--p-text-color"]); r.style.setProperty("--p-text-color", loadedthemes[themename]["--p-text-color"]);
r.style.setProperty("--border-color", loadedthemes[themename]["--border-color"]); r.style.setProperty("--border-color", loadedthemes[themename]["--border-color"]);
r.style.setProperty("--star-color", loadedthemes[themename]["--star-color"]);
r.style.setProperty("--game-color", loadedthemes[themename]["--game-color"]); r.style.setProperty("--game-color", loadedthemes[themename]["--game-color"]);
r.style.setProperty("--bg-1", loadedthemes[themename]["--bg-1"]); r.style.setProperty("--bg-1", loadedthemes[themename]["--bg-1"]);
r.style.setProperty("--bg-2", loadedthemes[themename]["--bg-2"]); r.style.setProperty("--bg-2", loadedthemes[themename]["--bg-2"]);
r.style.setProperty("--invert-logo", loadedthemes[themename]["--invert-logo"]); r.style.setProperty("--invert-logo", loadedthemes[themename]["--invert-logo"]);
Cookies.set("theme", themename); Cookies.set("theme", themename);
if(firstload == 1) {
themeloaded = 1;
console.log("theme loaded");
}
} }

27
ltf2/index.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<script src="/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Learn To Fly 2</title>
<style>html{background-color:#000;}</style>
</head>
<body>
<div id="ruffle" width="100%" height="100%"></div>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
const container = document.getElementById("ruffle");
player.id = "player";
player.style.width = "100%";
player.style.height = "100%";
container.appendChild(player);
player.load("ltf2.swf");
});
</script>
</body>
</html>

BIN
ltf2/logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
ltf2/ltf2.swf Normal file
View File

Binary file not shown.

BIN
ltfidle/icon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

27
ltfidle/index.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<script src="/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Learn To Fly Idle</title>
<style>html{background-color:#000;}</style>
</head>
<body>
<div id="ruffle" width="100%" height="100%"></div>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
const container = document.getElementById("ruffle");
player.id = "player";
player.style.width = "100%";
player.style.height = "100%";
container.appendChild(player);
player.load("ltf-idle.swf");
});
</script>
</body>
</html>

BIN
ltfidle/ltf-idle.swf Normal file
View File

Binary file not shown.

BIN
pacman/audio/back.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/bonus.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/dead.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/dot.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/eat.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/eaten.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/frightened.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/intro.mp3 Normal file
View File

Binary file not shown.

BIN
pacman/audio/life.mp3 Normal file
View File

Binary file not shown.

1
pacman/bundle.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
pacman/fonts/press-start-2p-v9-latin-regular.woff Normal file
View File

Binary file not shown.

BIN
pacman/fonts/press-start-2p-v9-latin-regular.woff2 Normal file
View File

Binary file not shown.

BIN
pacman/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 819 B

BIN
pacman/img/characters.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
pacman/img/maze.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
pacman/img/misc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
pacman/img/pills.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
pacman/img/start.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

14
pacman/index.html Normal file
View File

@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title>jsPacman | JavaScript Ms. Pac-Man Remake</title>
<script src="/js/all.js"></script>
<body>
<h1 style="position: absolute; left: -1000px;">jsPacman | HTML - CSS - JavaScript | Ms. Pac-Man Remake</h1>
<h2 style="position: absolute; left: -1000px;">Play Online Ms. Pac-Man</h2>
<div class="js-pacman-playground with-border">
</div>
<script type="text/javascript" src="bundle.js"></script></body>
</html>

27
redball3/index.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<script src="/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Red Ball 3</title>
<style>html{background-color:#000;}</style>
</head>
<body>
<div id="ruffle" width="100%" height="100%"></div>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
const container = document.getElementById("ruffle");
player.id = "player";
player.style.width = "100%";
player.style.height = "100%";
container.appendChild(player);
player.load("redball3.swf");
});
</script>
</body>
</html>

BIN
redball3/redball3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
redball3/redball3.swf Normal file
View File

Binary file not shown.

27
redball4/index.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<script src="/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Red Ball 4</title>
<style>html{background-color:#000;}</style>
</head>
<body>
<div id="ruffle" width="100%" height="100%"></div>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
const container = document.getElementById("ruffle");
player.id = "player";
player.style.width = "100%";
player.style.height = "100%";
container.appendChild(player);
player.load("redball4.swf");
});
</script>
</body>
</html>

BIN
redball4/redball4.swf Normal file
View File

Binary file not shown.

BIN
redball4/redball4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

27
redball4vol2/index.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<script src="/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Red Ball 4 Vol 2</title>
<style>html{background-color:#000;}</style>
</head>
<body>
<div id="ruffle" width="100%" height="100%"></div>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
const container = document.getElementById("ruffle");
player.id = "player";
player.style.width = "100%";
player.style.height = "100%";
container.appendChild(player);
player.load("redball4v2.swf");
});
</script>
</body>
</html>

BIN
redball4vol2/redball4v2.swf Normal file
View File

Binary file not shown.

BIN
redball4vol2/redball4vol2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

27
redball4vol3/index.html Normal file
View File

@ -0,0 +1,27 @@
<html>
<head>
<script src="/js/all.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Red Ball 4 Vol 3</title>
<style>html{background-color:#000;}</style>
</head>
<body>
<div id="ruffle" width="100%" height="100%"></div>
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
<script>
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
const container = document.getElementById("ruffle");
player.id = "player";
player.style.width = "100%";
player.style.height = "100%";
container.appendChild(player);
player.load("redball4v3.swf");
});
</script>
</body>
</html>

BIN
redball4vol3/redball4v3.swf Normal file
View File

Binary file not shown.

BIN
redball4vol3/redball4vol3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB

57
settings.html
View File

@ -1,43 +1,47 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- initialize theme vars -->
<style> <style>
:root { :root {
--input-bg-color: #74747488; --input-bg-color: #00000000;
--main-text-color: #dadada; --main-text-color: #00000000;
--p-text-color: #a1a1a1; --p-text-color: #00000000;
--border-color: #979797bb; --border-color: #00000000;
--star-color: #ffffff; --star-color: #00000000;
--game-color: #5e5e5e66; --game-color: #00000000;
--bg-1: #0c0c0c; --bg-1: #00000000;
--bg-2: #030303; --bg-2: #00000000;
--invert-logo: 0; --invert-logo: 0;
} }
</style> </style>
<script src="./js/themes.js" defer></script>
<script src="/js/all.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<style> <!-- initialize externals -->
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <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> <script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<style>@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");</style>
<!-- initialize my stuff -->
<script src="/js/themes.js"></script>
<script src="/js/all.js"></script>
<script src="/js/cloak.js"></script>
<script src="/js/main.js"></script>
<link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="/style.css" />
<title>Tab Cloak | Selenite</title>
<link rel="shortcut icon" href="/favicon.png" /> <!-- seo + other things -->
<meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games" /> <title>Selenite</title>
<link rel="icon" href="/favicon.ico" />
<meta name="keywords" content="front-end web developer, unblocked, games, google sites, unblocked games mom, ublocked, code, coding, programmer, development, javascript, jquery, bootstrap, sass, less, git, gaming, internet, website, best, site, cool, free games"/>
<meta property="og:title" content="Welcome to Selenite." /> <meta property="og:title" content="Welcome to Selenite." />
<meta property="og:site_name" content="https://Selenite.pages.dev" /> <meta property="og:site_name" content="https://Selenite.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." /> <meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite."/>
<meta name="author" content="Website Creator" /> <meta name="author" content="Website Creator" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<script src="/js/cloak.js"></script>
<script src="./js/particles/particles.min.js"></script>
<script src="./js/particles/app.js"></script>
<script> <script>
function setPanicMode() { function setPanicMode() {
if (!$("#panic").val().startsWith("https")) { if (!$("#panic").val().startsWith("https")) {
@ -59,8 +63,7 @@
} }
</script> </script>
</head> </head>
<body> <body style="display: none">
<div id="particles-js"></div>
<div class="content"> <div class="content">
<ul> <ul>
<li><a href="./index.html">Home</a></li> <li><a href="./index.html">Home</a></li>
@ -69,6 +72,8 @@
<li><a href="https://github.com/skysthelimitt/Selenite">Source Code</a></li> <li><a href="https://github.com/skysthelimitt/Selenite">Source Code</a></li>
<li><a href="./settings.html">Settings</a></li> <li><a href="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li> <li><a id="panicmode">Panic Mode</a></li>
<li><a href="https://forms.gle/j75WUn6UhdqsRZgf7">Report a Bug</a></li>
<li><a href="./support.html">Support Selenite!</a></li>
</ul> </ul>
<input class="hiddenUpload" type="file" accept=".save" hidden /> <input class="hiddenUpload" type="file" accept=".save" hidden />

71309
slope-ball/files/Slope.js Normal file
View File

File diff suppressed because one or more lines are too long

BIN
slope-ball/files/Slope_texture_0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 B

BIN
slope-ball/files/Slope_texture_1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
slope-ball/files/Slope_texture_10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
slope-ball/files/Slope_texture_11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
slope-ball/files/Slope_texture_12.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
slope-ball/files/Slope_texture_13.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
slope-ball/files/Slope_texture_14.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
slope-ball/files/Slope_texture_15.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
slope-ball/files/Slope_texture_16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
slope-ball/files/Slope_texture_17.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
slope-ball/files/Slope_texture_18.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
slope-ball/files/Slope_texture_19.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 432 B

BIN
slope-ball/files/Slope_texture_2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
slope-ball/files/Slope_texture_20.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 B

BIN
slope-ball/files/Slope_texture_21.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
slope-ball/files/Slope_texture_22.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
slope-ball/files/Slope_texture_23.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 400 B

BIN
slope-ball/files/Slope_texture_24.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
slope-ball/files/Slope_texture_25.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 540 B

BIN
slope-ball/files/Slope_texture_26.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
slope-ball/files/Slope_texture_27.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
slope-ball/files/Slope_texture_28.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 B

BIN
slope-ball/files/Slope_texture_29.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 B

BIN
slope-ball/files/Slope_texture_3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 852 B

BIN
slope-ball/files/Slope_texture_30.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 B

BIN
slope-ball/files/Slope_texture_31.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 B

BIN
slope-ball/files/Slope_texture_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 B

BIN
slope-ball/files/Slope_texture_33.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 B

BIN
slope-ball/files/Slope_texture_34.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 B

BIN
slope-ball/files/Slope_texture_35.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 B

BIN
slope-ball/files/Slope_texture_36.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 B

BIN
slope-ball/files/Slope_texture_37.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 B

BIN
slope-ball/files/Slope_texture_38.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 B

BIN
slope-ball/files/Slope_texture_39.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 B

BIN
slope-ball/files/Slope_texture_4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
slope-ball/files/Slope_texture_40.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 B

BIN
slope-ball/files/Slope_texture_41.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 B

BIN
slope-ball/files/Slope_texture_42.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 B

BIN
slope-ball/files/Slope_texture_43.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 B

BIN
slope-ball/files/Slope_texture_44.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 B

BIN
slope-ball/files/Slope_texture_45.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 B

BIN
slope-ball/files/Slope_texture_46.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 B

Some files were not shown because too many files have changed in this diff Show More