selenite/frontend
1
0
Fork 0
mirror of https://gitlab.com/skysthelimit.dev/selenite.git synced 2025-06-15 18:12:08 -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"); @import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style> </style>
<link rel="stylesheet" href="/style.css" /> <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" /> <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 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:title" content="Welcome to Selenite." />
<meta property="og:site_name" content="https://e-gamepass.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 e-gamepass." /> <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 e-gamepass." /> <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>
<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>
<li><a href="./bookmarklets.html">Bookmawkwets</a></li> <li><a href="./bookmarklets.html">Bookmawkwets</a></li>
<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/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> <li><a href="./cloak.html">Tab Cwoak</a></li>
</ul> </ul>
<div class="title"> <div class="title">
<img src="/favicon.png" style="width: 4%" /> <img src="/favicon.png" style="width: 4%" />
<h2 style="font-size: 45px">e-gamepass🥺🥺</h2> <h2 style="font-size: 45px">Selenite🥺🥺</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 />

2
README.md
View File

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

22
bookmarklets.html
View File

@ -6,25 +6,31 @@
<style> <style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style> </style>
<link rel="stylesheet" href="style.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<title>Bookmarklets | e-gamepass</title> <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" /> <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 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:title" content="Welcome to the Best Website Ever." />
<meta property="og:site_name" content="https://e-gamepass.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 e-gamepass." /> <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 e-gamepass." /> <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>
<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>
<li><a href="./bookmarklets.html">Bookmarklets</a></li> <li><a href="./bookmarklets.html">Bookmarklets</a></li>
<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/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 href="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li> <li><a id="panicmode">Panic Mode</a></li>
</ul> </ul>
@ -41,9 +47,9 @@
<p>Drag the link above to your bookmarks bar. This adds a piano to the page.</p> <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> <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> <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> <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> <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> <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" /> <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="/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> <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" /> <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 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> <style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style> </style>
<link rel="stylesheet" href="/style.css" />
<title>e-gamepass</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 e-gamepass." /> <meta property="og:title" content="Welcome to Selenite." />
<meta property="og:site_name" content="https://e-gamepass.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 e-gamepass." /> <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 e-gamepass." /> <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 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/cookie.js"></script>
<script src="./js/games.js"></script> <script src="./js/games.js"></script>
<script src="./js/search.js"></script> <script src="./js/search.js"></script>
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
Toastify({ Toastify({
@ -34,8 +40,9 @@
gravity: "top", // `top` or `bottom` gravity: "top", // `top` or `bottom`
position: "left", // `left`, `center` or `right` position: "left", // `left`, `center` or `right`
style: { 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%", width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
}, },
onClick: function () {}, // Callback after click onClick: function () {}, // Callback after click
}).showToast(); }).showToast();
@ -43,12 +50,13 @@
</script> </script>
</head> </head>
<body> <body>
<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>
<li><a href="./bookmarklets.html">Bookmarklets</a></li> <li><a href="./bookmarklets.html">Bookmarklets</a></li>
<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/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 href="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li> <li><a id="panicmode">Panic Mode</a></li>
</ul> </ul>
@ -56,8 +64,8 @@
<input class="hiddenUpload" type="file" accept=".save" hidden /> <input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title"> <div class="title">
<img src="./favicon.png" style="width: 4%" /> <img src="./new.svg" style="width: 4%;padding-right: 1%" />
<h2 style="font-size: 50px">e-gamepass</h2> <h2 style="font-size: 70px">selenite</h2>
</div> </div>
<a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a> <a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a>
<br /> <br />
@ -68,7 +76,7 @@
<br /> <br />
<h2>Pinned Games</h2> <h2>Pinned Games</h2>
<div id="pinnedgames"></div> <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"> <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>

6
js/cloak.js
View File

@ -15,7 +15,9 @@ function setCloakCookie() {
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(var(--bg-1), var(--bg-2))",
width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
}, },
onClick: function () {}, // Callback after click onClick: function () {}, // Callback after click
}).showToast(); }).showToast();
@ -27,7 +29,7 @@ function clearCloak() {
document.cookie = "tabname=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; document.cookie = "tabname=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
var link = document.querySelector("link[rel~='icon']"); var link = document.querySelector("link[rel~='icon']");
link.remove(); link.remove();
document.title = "Tab Cloak | e-gamepass"; document.title = "Tab Cloak | Selenite";
link = document.createElement("link"); link = document.createElement("link");
link.rel = "icon"; link.rel = "icon";
document.head.appendChild(link); document.head.appendChild(link);

10
js/cookie.js
View File

@ -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.e-gamepass.save"; fakeElement.download = "your.Selenite.save";
fakeElement.click(); fakeElement.click();
URL.revokeObjectURL(dataURL); URL.revokeObjectURL(dataURL);
Toastify({ Toastify({
@ -50,7 +50,9 @@ function downloadMainSave() {
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(var(--bg-1), var(--bg-2))",
width: "25%",
boxShadow: "0px 0px 5px 5px var(--input-bg-color)",
}, },
onClick: function () {}, // Callback after click onClick: function () {}, // Callback after click
}).showToast(); }).showToast();
@ -102,7 +104,9 @@ function uploadMainSave() {
position: "center", // `left`, `center` or `right` position: "center", // `left`, `center` or `right`
stopOnFocus: true, // Prevents dismissing of toast on hover stopOnFocus: true, // Prevents dismissing of toast on hover
style: { 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 onClick: function () {}, // Callback after click
}).showToast(); }).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> <style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style> </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" /> <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" /> <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 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:title" content="Welcome to Selenite." />
<meta property="og:site_name" content="https://e-gamepass.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 e-gamepass." /> <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 e-gamepass." /> <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 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/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")) {
@ -43,12 +47,13 @@
</script> </script>
</head> </head>
<body> <body>
<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>
<li><a href="./bookmarklets.html">Bookmarklets</a></li> <li><a href="./bookmarklets.html">Bookmarklets</a></li>
<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/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 href="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li> <li><a id="panicmode">Panic Mode</a></li>
</ul> </ul>
@ -56,10 +61,25 @@
<input class="hiddenUpload" type="file" accept=".save" hidden /> <input class="hiddenUpload" type="file" accept=".save" hidden />
<div class="title"> <div class="title">
<img src="./favicon.png" style="width: 4%" /> <img src="./favicon.png" style="width: 4%;padding-right:1%;" />
<h2 style="font-size: 50px">e-gamepass</h2> <h2 style="font-size: 70px">selenite</h2>
</div> </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 /> <br />
<form action="javascript:setPanicMode();"> <form action="javascript:setPanicMode();">
<h3 for="panic">Website URL</h3> <h3 for="panic">Website URL</h3>
@ -67,20 +87,8 @@
<input type="text" id="panic" name="panic" placeholder="https://google.com" /><br /> <input type="text" id="panic" name="panic" placeholder="https://google.com" /><br />
<input id="panic" class="submit" type="submit" value="Set Panic Mode" /> <input id="panic" class="submit" type="submit" value="Set Panic Mode" />
</form> </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> </div>
</body> </body>
</html> </html>

2
sm64/index.html
View File

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