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

rebranding complete, backend done for themes

Browse Source
This commit is contained in:
Sky 2023-08-03 13:53:02 -04:00
parent fac33033d8
commit 5de374153c
18 changed files with 381 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
404.html
View File

@ -7,29 +7,36 @@
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<link rel="stylesheet" href="/style.css" />
<title>e-gamepass</title>
<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>
<link rel="stylesheet" href="/style.css" />
<script src="./js/themes.js"></script>
<title>Selenite</title>
<link rel="icon" href="/favicon.png" />
<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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta property="og:title" content="Welcome to Selenite." />
<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 name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." />
<meta name="author" content="Website Creator" />
<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>
<body>
<div id="particles-js"></div>
<div class="content">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./bookmarklets.html">Bookmawkwets</a></li>
<li><a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Suggestions</a></li>
<li><a href="https://github.com/skysthelimitt/e-gamepass">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>
</ul>
<div class="title">
<img src="/favicon.png" style="width: 4%" />
<h2 style="font-size: 45px">e-gamepass🥺🥺</h2>
<h2 style="font-size: 45px">Selenite🥺🥺</h2>
</div>
<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 />

2
README.md
View File

@ -1,3 +1,3 @@
## e-gamepass
## Selenite
game website

22
bookmarklets.html
View File

@ -6,25 +6,31 @@
<style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<link rel="stylesheet" href="style.css" />
<title>Bookmarklets | e-gamepass</title>
<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>
<link rel="stylesheet" href="/style.css" />
<script src="./js/themes.js"></script>
<title>Bookmarklets | Selenite</title>
<link rel="shortcut icon" href="favicon.png" />
<script src="./js/particles/particles.min.js"></script>
<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" />
<meta property="og:title" content="Welcome to the Best Website Ever." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<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 name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." />
<meta name="author" content="Website Creator" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
<div id="particles-js"></div>
<div class="content">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./bookmarklets.html">Bookmarklets</a></li>
<li><a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Suggestions</a></li>
<li><a href="https://github.com/skysthelimitt/e-gamepass">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 id="panicmode">Panic Mode</a></li>
</ul>
@ -41,9 +47,9 @@
<p>Drag the link above to your bookmarks bar. This adds a piano to the page.</p>
<a href='javascript:(function()%7B(function() %7Bvar x %3D document.createElement("script")%3Bx.src %3D "https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2FSnowLord7%2Fdevconsole%40master%2Fmain.js"%3Bx.onload %3D alert("Loaded Developer Console!")%3Bdocument.head.appendChild(x)%3B%7D)()%7D)()' class="bookmarklet">Developer Console</a>
<p>Drag the link above to your bookmarks bar. This adds all features of the developer console to whatever page your on.</p>
<a href="javascript:var s = document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='https://cdn.jsdelivr.net/gh/skysthelimitt/e-gamepass/js/asteroids.min.js';void(0);" class="bookmarklet">Asteroids</a>
<a href="javascript:var s = document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='https://cdn.jsdelivr.net/gh/skysthelimitt/Selenite/js/asteroids.min.js';void(0);" class="bookmarklet">Asteroids</a>
<p>Drag the link above to your bookmarks bar. This allows you to play Asteroids on the website you are on, destroying everything.</p>
<a href="javascript:var s = document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='https://cdn.jsdelivr.net/gh/skysthelimitt/e-gamepass/js/katamari.js';void(0);" class="bookmarklet">Katamari</a>
<a href="javascript:var s = document.createElement('script');s.type='text/javascript';document.body.appendChild(s);s.src='https://cdn.jsdelivr.net/gh/skysthelimitt/Selenite/js/katamari.js';void(0);" class="bookmarklet">Katamari</a>
<p>Drag the link above to your bookmarks bar. This allows you to collect the words on the page into a ball. Fun game, I recommend playing it.</p>
<h2>Tab Cloaks</h2>

33
changelog.html
View File

@ -1,33 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script src="/js/all.js"></script>
<style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<link rel="stylesheet" href="style.css" />
<title>Changelog | e-gamepass</title>
<link rel="shortcut icon" href="favicon.png" />
<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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta name="author" content="Website Creator" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
<div class="content">
<div class="title">
<img src="favicon.png" style="width: 4%" />
<h2 style="font-size: 50px">e-gamepass</h2>
</div>
<h2>v. 2023.05.24</h2>
<p>Added 3 games (Slope, This is the only level, achievement unlocked 2)<br />Fixed web analytics + google analytics (only affects me lol)</p>
<h2>v. 2023.05.23</h2>
<p>Major update?!<br />Added saves<br />Complete backend remake<br />Fixed flash pages to make them full screen automatically<br />Added 2 games (Cell Machine and Death Run 3D)<br />Added more bookmarklets<br />Tetris Update!</p>
<a href="index.html" style="font-size: 30px; color: #3b76f5">Back to home</a>
</div>
</body>
</html>

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

34
index.html
View File

@ -4,28 +4,34 @@
<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>
<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>
<link rel="stylesheet" href="/style.css" />
<script src="./js/themes.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>
<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>
<link rel="stylesheet" href="/style.css" />
<title>e-gamepass</title>
<link rel="icon" href="/favicon.png" />
<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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta property="og:title" content="Welcome to Selenite." />
<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 name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." />
<meta name="author" content="Website Creator" />
<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="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/games.js"></script>
<script src="./js/search.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
Toastify({
@ -34,8 +40,9 @@
gravity: "top", // `top` or `bottom`
position: "left", // `left`, `center` or `right`
style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
background: "linear-gradient(var(--bg-1), var(--bg-2))",
width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
},
onClick: function () {}, // Callback after click
}).showToast();
@ -43,12 +50,13 @@
</script>
</head>
<body>
<div id="particles-js"></div>
<div class="content">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./bookmarklets.html">Bookmarklets</a></li>
<li><a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Suggestions</a></li>
<li><a href="https://github.com/skysthelimitt/e-gamepass">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 id="panicmode">Panic Mode</a></li>
</ul>
@ -56,8 +64,8 @@
<input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title">
<img src="./favicon.png" style="width: 4%" />
<h2 style="font-size: 50px">e-gamepass</h2>
<img src="./new.svg" style="width: 4%;padding-right: 1%" />
<h2 style="font-size: 70px">selenite</h2>
</div>
<a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a>
<br />
@ -68,7 +76,7 @@
<br />
<h2>Pinned Games</h2>
<div id="pinnedgames"></div>
<p id="pinnedmessage">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">
<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>

6
js/cloak.js
View File

@ -15,7 +15,9 @@ function setCloakCookie() {
gravity: "top", // `top` or `bottom`
position: "center", // `left`, `center` or `right`
style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
background: "linear-gradient(var(--bg-1), var(--bg-2))",
width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
},
onClick: function () {}, // Callback after click
}).showToast();
@ -27,7 +29,7 @@ function clearCloak() {
document.cookie = "tabname=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
var link = document.querySelector("link[rel~='icon']");
link.remove();
document.title = "Tab Cloak | e-gamepass";
document.title = "Tab Cloak | Selenite";
link = document.createElement("link");
link.rel = "icon";
document.head.appendChild(link);

10
js/cookie.js
View File

@ -41,7 +41,7 @@ function downloadMainSave() {
var fakeElement = document.createElement("a");
fakeElement.href = dataURL;
fakeElement.download = "your.e-gamepass.save";
fakeElement.download = "your.Selenite.save";
fakeElement.click();
URL.revokeObjectURL(dataURL);
Toastify({
@ -50,7 +50,9 @@ function downloadMainSave() {
gravity: "top", // `top` or `bottom`
position: "center", // `left`, `center` or `right`
style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
background: "linear-gradient(var(--bg-1), var(--bg-2))",
width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
},
onClick: function () {}, // Callback after click
}).showToast();
@ -102,7 +104,9 @@ function uploadMainSave() {
position: "center", // `left`, `center` or `right`
stopOnFocus: true, // Prevents dismissing of toast on hover
style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
background: "linear-gradient(var(--bg-1), var(--bg-2))",
width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
},
onClick: function () {}, // Callback after click
}).showToast();

3
js/particles/app.js Normal file
View File

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

110
js/particles/particles.json Normal file
View File

@ -0,0 +1,110 @@
{
"particles": {
"number": {
"value": 100,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#ffffff"
},
"shape": {
"type": "circle",
"stroke": {
"width": 0,
"color": "#000000"
},
"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 Normal file
View File

File diff suppressed because one or more lines are too long

26
js/themes.js Normal file
View File

@ -0,0 +1,26 @@
$.getJSON("/themes.json", function (data) {
loadedthemes = data;
let currenttheme = getCookie("theme")
if (currenttheme == "") {
setTheme("selenite");
} else {
setTheme(currenttheme);
}
})
var r = document.querySelector(':root');
function setTheme(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");
return;
}
r.style.setProperty('--input-bg-color', loadedthemes[themename]["--input-bg-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('--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('--bg-1', loadedthemes[themename]["--bg-1"]);
r.style.setProperty('--bg-2', loadedthemes[themename]["--bg-2"]);
Cookies.set("theme", themename);
}

78
new.svg Normal file
View File

@ -0,0 +1,78 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
id="svg5"
version="1.1"
viewBox="0 0 12.7 12.7"
height="48"
width="48"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="new.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="12.414927"
inkscape:cx="14.297305"
inkscape:cy="29.118174"
inkscape:window-width="1875"
inkscape:window-height="1044"
inkscape:window-x="35"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="display:inline;fill:#000000;fill-opacity:0;stroke:#ffffff;stroke-width:1.10075;stroke-dasharray:none;stroke-opacity:1"
id="path223"
cx="6.3499999"
cy="6.3499999"
r="5.78475" />
<ellipse
style="fill:#000000;fill-opacity:0;stroke:#fefefe;stroke-width:0.382596;stroke-dasharray:none;stroke-opacity:1"
id="path954"
cx="9.5677614"
cy="4.3728619"
rx="0.51235545"
ry="0.51654452" />
<ellipse
style="fill:#000000;fill-opacity:0;stroke:#fefefe;stroke-width:0.802212;stroke-dasharray:none;stroke-opacity:1"
id="path954-78"
cx="4.7627811"
cy="3.3094225"
rx="1.0742863"
ry="1.0830698" />
<ellipse
style="fill:#000000;fill-opacity:0;stroke:#fefefe;stroke-width:0.429746;stroke-dasharray:none;stroke-opacity:1"
id="path954-1"
cx="3.0958433"
cy="7.2555485"
rx="0.57549554"
ry="0.58020085" />
<ellipse
style="fill:#000000;fill-opacity:0;stroke:#fefefe;stroke-width:0.533186;stroke-dasharray:none;stroke-opacity:1"
id="path954-1-1"
cx="-7.3072424"
cy="-7.9792056"
rx="0.7140184"
ry="0.7198562"
transform="scale(-1)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

52
settings.html
View File

@ -8,19 +8,23 @@
<style>
@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://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
<link rel="stylesheet" href="/style.css" />
<title>Tab Cloak | e-gamepass</title>
<script src="./js/themes.js"></script>
<title>Tab Cloak | Selenite</title>
<link rel="shortcut icon" href="/favicon.png" />
<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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" />
<meta property="og:description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta name="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<meta property="og:title" content="Welcome to Selenite." />
<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 name="description" content="Welcome to the one and only option for unblocked games. Welcome to Selenite." />
<meta name="author" content="Website Creator" />
<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="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.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>
function setPanicMode() {
if (!$("#panic").val().startsWith("https")) {
@ -43,12 +47,13 @@
</script>
</head>
<body>
<div id="particles-js"></div>
<div class="content">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./bookmarklets.html">Bookmarklets</a></li>
<li><a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Suggestions</a></li>
<li><a href="https://github.com/skysthelimitt/e-gamepass">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 id="panicmode">Panic Mode</a></li>
</ul>
@ -56,10 +61,25 @@
<input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title">
<img src="./favicon.png" style="width: 4%" />
<h2 style="font-size: 50px">e-gamepass</h2>
<img src="./favicon.png" style="width: 4%;padding-right:1%;" />
<h2 style="font-size: 70px">selenite</h2>
</div>
<br />
<form action="javascript:setCloakCookie();">
<h3 for="webname">Website Name</h3>
<br />
<input type="text" id="webname" name="webname" placeholder="Selenite" /><br />
<h3 for="webicon">Website Icon</h3>
<br />
<input type="text" id="webicon" name="webicon" placeholder="https://selenite.pages.dev/" /><br /><br />
<input id="websubmit" class="submit" type="submit" value="Set Tab Cloak" />
</form>
<button onclick="javascript:clearCloak();">Clear your current tab cloak</button>
<br />
<h3>Themes</h3>
<button onclick="setTheme('selenite')" style="background-color:#74747488;color:#dadada;border: 2px solid #979797bb;">Selenite</button>
<button onclick="setTheme('theme2')" style="background-color:#ffffff;color:#ffffff;border: 2px solid #ffffff;">Theme 2</button>
<br />
<form action="javascript:setPanicMode();">
<h3 for="panic">Website URL</h3>
@ -67,20 +87,8 @@
<input type="text" id="panic" name="panic" placeholder="https://google.com" /><br />
<input id="panic" class="submit" type="submit" value="Set Panic Mode" />
</form>
<br />
<form action="javascript:setCloakCookie();">
<h3 for="webname">Website Name</h3>
<br />
<input type="text" id="webname" name="webname" placeholder="e-gamepass" /><br />
<h3 for="webicon">Website Icon</h3>
<br />
<input type="text" id="webicon" name="webicon" placeholder="https://egamepass.pages.dev/" /><br /><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 id="games"></div>
</div>
</body>
</html>

2
sm64/index.html
View File

@ -41,7 +41,7 @@
<canvas class="emscripten" id="canvas"></canvas>
</div>
<script type='text/javascript'>
alert('Controls:\nMovement: Arrow Keys\nA: X\nB: C\nR: Q\nZ: Space\nStart: Enter\nC-stick: WASD\nGo to https://1.e-gamepass.pages.dev/sm64/controls to see these again.')
alert('Controls:\nMovement: Arrow Keys\nA: X\nB: C\nR: Q\nZ: Space\nStart: Enter\nC-stick: WASD\nGo to https://1.Selenite.pages.dev/sm64/controls to see these again.')
var Module = {
preRun: [],
postRun: [],

71
style.css
View File

@ -1,8 +1,21 @@
:root {
--input-bg-color: #74747488;
--main-text-color: #dadada;
--p-text-color: #a1a1a1;
--border-color: #979797bb;
--star-color: #ffffff;
--game-color: #5e5e5e66;
--bg-1: #0c0c0c;
--bg-2: #030303;
}
html {
text-align: center;
align-content: center;
font-family: "Share Tech Mono", monospace;
padding: 0;
margin: 0;
}
.content {
@ -12,16 +25,16 @@ html {
}
button {
background-color: rgba(89, 110, 177, 0.5);
color: #8daad8;
border: 2px solid #527ac4bb;
background-color: var(--input-bg-color);
color: var(--main-text-color);
border: 2px solid var(--border-color);
border-radius: 6px;
padding: 5px 13px;
margin-bottom: 6px;
margin: 10px;
transition-duration: 0.45s;
font-size: 20px;
color: #6983da;
color: var(--main-text-color);
font-family: "Share Tech Mono", monospace;
text-underline-position: under;
opacity: 70%;
@ -33,32 +46,31 @@ button:hover {
h2 {
font-size: 42px;
color: #0073e6;
color: var(--main-text-color);
margin-top: 3%;
}
.game {
width: 13%;
display: inline-block;
background-color: rgba(83, 118, 235, 0.4);
background-color: var(--game-color);
padding: 1%;
border-radius: 10%;
margin: 2%;
transition-duration: 0.5s;
box-shadow: 0px 0px 5px 5px rgba(83, 118, 235, 0.4);
box-shadow: 0px 0px 5px 5px var(--game-color);
height: 100%;
}
.game:hover {
background-color: rgba(113, 142, 238, 0.6);
transform: scale(1.05);
box-shadow: 0px 0px 5px 5px rgba(113, 142, 238, 0.6);
filter: brightness(120%);
}
.game h1 {
float: right;
font-size: 0.85em;
color: rgb(149, 186, 241);
color: var(--main-text-color);
}
.game img {
width: 100%;
@ -69,13 +81,13 @@ h2 {
a {
font-size: 20px;
color: #6983da;
color: var(--main-text-color);
margin: 10px;
transition-duration: 0.5s;
}
a:hover {
color: #b0c2fa;
filter: brightness(150%);
}
.bookmarklet {
@ -118,7 +130,7 @@ a:hover {
}
body {
background: repeating-linear-gradient(45deg, rgba(36, 69, 128, 1) 0%, rgb(24, 17, 87) 33%, rgba(36, 69, 128, 1) 66%, rgb(24, 17, 87) 100%);
background: repeating-linear-gradient(45deg, var(--bg-1) 0%, var(--bg-2) 33%, var(--bg-1) 66%, var(--bg-2) 100%);
background-size: 400% 400%;
background-attachment: fixed;
animation: gradient 30s linear infinite;
@ -135,15 +147,14 @@ body {
}
input[type="text"] {
margin-top: 15px;
width: 50%;
box-sizing: border-box;
font-size: 20px;
background-color: rgba(89, 110, 177, 0.5);
background-color: var(--input-bg-color);
padding: 0.8% 0.8%;
text-align: center;
color: rgb(149, 186, 241);
border: 2px solid #527ac4bb;
color: var(--main-text-color);
border: 2px solid var(--border-color);
border-radius: 5px;
outline: none;
opacity: 70%;
@ -159,7 +170,7 @@ input[type="text"]:focus {
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgb(149, 186, 241);
color: var(--main-text-color);
opacity: 0.6; /* Firefox */
}
@ -176,18 +187,18 @@ li {
p {
font-size: 20px;
color: #0073e6;
color: var(--p-text-color);
}
#webname #webicon {
width: 20%;
box-sizing: border-box;
font-size: 20px;
background-color: rgba(89, 110, 177, 0.5);
background-color: var(--input-bg-color);
padding: 0.8% 0.8%;
text-align: center;
color: rgb(149, 186, 241);
border: 2px solid #527ac4bb;
color: var(--main-text-color);
border: 2px solid var(--border-color);
border-radius: 5px;
outline: none;
opacity: 70%;
@ -197,21 +208,20 @@ p {
h3 {
font-size: 20px;
padding: 0;
color: #8daad8;
color: var(--main-text-color);
}
.submit {
background-color: rgba(89, 110, 177, 0.5);
color: #8daad8;
border: 2px solid #527ac4bb;
background-color: var(--input-bg-color);
color: var(--main-text-color);
border: 2px solid var(--border-color);
border-radius: 6px;
padding: 5px 13px;
margin-bottom: 6px;
margin: 10px;
transition-duration: 0.45s;
font-size: 20px;
color: #6983da;
color: var(--main-text-color);
font-family: "Share Tech Mono", monospace;
text-underline-position: under;
opacity: 70%;
@ -223,7 +233,7 @@ h3 {
.material-symbols-rounded {
float: left;
color: white;
color: var(--star-color);
font-size: 1.9em;
transition-duration: 0.75s;
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
@ -235,4 +245,5 @@ h3 {
#random {
padding: 0.8% 0.8%;
}
}
#particles-js{ position:fixed; width: 100%; height: 100%; background-position: 50% 50%; z-index: -187755;}

22
themes.json Normal file
View File

@ -0,0 +1,22 @@
{
"selenite": {
"--input-bg-color": "#74747488",
"--main-text-color": "#dadada",
"--p-text-color": "#a1a1a1",
"--border-color": "#979797bb",
"--star-color": "#ffffff",
"--game-color": "#5e5e5e66",
"--bg-1": "#0c0c0c",
"--bg-2": "#030303"
},
"theme2": {
"--input-bg-color": "#ffffff",
"--main-text-color": "#ffffff",
"--p-text-color": "#ffffff",
"--border-color": "#ffffff",
"--star-color": "#ffffff",
"--game-color": "#ffffff",
"--bg-1": "#ffffff",
"--bg-2": "#ffffff"
}
}