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

use prettier to make code.. prettier

Browse Source
This commit is contained in:
Sky 2023-07-28 20:28:34 -04:00
parent 542d3cf39a
commit 776fe6e42a
14 changed files with 905 additions and 879 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
404.html
View File

@ -3,29 +3,37 @@
<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">
<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">
<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 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>
<body>
<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="./cloak.html">Tab Cwoak</a></li></ul>
<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="./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></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>
<a href="https://forms.gle/j75WUn6UhdqsRZgf7" style="font-size: 25px;">awso wepowt a bug by cwicking hewe.. (*/ω＼*) me wouwd appweciate it.. this isnt nyowmaw ：ﾟ(ﾉω＼)ﾟ･｡</a>
<div class="title">
<img src="/favicon.png" style="width: 4%" />
<h2 style="font-size: 45px">e-gamepass🥺🥺</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 />
<a href="https://forms.gle/j75WUn6UhdqsRZgf7" style="font-size: 25px">awso wepowt a bug by cwicking hewe.. (*/ω＼*) me wouwd appweciate it.. this isnt nyowmaw ：ﾟ(ﾉω＼)ﾟ･｡</a>
</div>
</body>
</html>

23
bookmarklets.html
View File

@ -1,13 +1,14 @@
<!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">
<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>
<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 property="og:title" content="Welcome to the Best Website Ever." />
@ -15,17 +16,21 @@
<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">
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
<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="./settings.html">Settings</a></li><li><a id="panicmode">Panic Mode</a></li></ul>
<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="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li>
</ul>
<h2>Bookmarklets</h2>
<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>
<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>

21
changelog.html
View File

@ -1,29 +1,32 @@
<!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">
<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">
<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">
<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>
<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>
<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>
<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>

44
index.html
View File

@ -3,24 +3,24 @@
<head>
<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://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.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>
<style>@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');</style>
<link rel="stylesheet" href="/style.css">
<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">
<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 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="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="./js/cookie.js"></script>
@ -37,33 +37,41 @@
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
width: "25%",
},
onClick: function(){} // Callback after click
onClick: function () {}, // Callback after click
}).showToast();
});
</script>
</head>
<body>
<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="./settings.html">Settings</a></li><li><a id="panicmode">Panic Mode</a></li></ul>
<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="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li>
</ul>
<input class="hiddenUpload" type="file" accept=".save" hidden>
<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></div>
<div class="title">
<img src="./favicon.png" style="width: 4%" />
<h2 style="font-size: 50px">e-gamepass</h2>
</div>
<a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a>
<br>
<br />
<p id="gamecounter"></p>
<input type="text" id="gamesearch" placeholder="Type here to search.."> <br>
<br>
<input type="text" id="gamesearch" placeholder="Type here to search.." />
<br />
<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!</p>
<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>
<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>
</div>
</div>
</body>
</html>

30
js/all.js
View File

@ -1,4 +1,3 @@
function setCloak() {
var tabicon = getCookie("tabicon");
@ -11,8 +10,8 @@ function setCloak() {
if (link) {
link.remove();
}
link = document.createElement('link');
link.rel = 'icon';
link = document.createElement("link");
link.rel = "icon";
document.head.appendChild(link);
link.href = tabicon;
}
@ -26,10 +25,10 @@ function setCloak() {
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
let ca = decodedCookie.split(";");
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
while (c.charAt(0) == " ") {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
@ -40,31 +39,30 @@ function getCookie(cname) {
}
function panicMode() {
panicurl = getCookie("panicurl")
panicurl = getCookie("panicurl");
if (panicurl == "") {
panicurl = "https://google.com"
panicurl = "https://google.com";
}
if ($("#panicmode").length > 0) {
$("#panicmode").prop({href: panicurl})
$("#panicmode").prop({ href: panicurl });
}
const pressed = [];
const secretCode = 'safemode';
window.addEventListener('keyup', (e) => {
const secretCode = "safemode";
window.addEventListener("keyup", (e) => {
pressed.push(e.key);
pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length);
if (pressed.join('').includes(secretCode)) {
if (pressed.join("").includes(secretCode)) {
window.location.href = panicurl;
}
});
}
document.addEventListener("DOMContentLoaded", function () {
let jquery_loader = document.createElement('script');
jquery_loader.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js');
let jquery_loader = document.createElement("script");
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() {
window.addEventListener("load", function () {
panicMode();
})
});
setCloak();
});

21
js/cloak.js
View File

@ -1,23 +1,23 @@
function cloakExceptions(url) {
if (url.includes('harrisonburg.instructure.com') == true) {
if (url.includes("harrisonburg.instructure.com") == true) {
return "learn.canvas.net";
}
return url;
}
function setCloakCookie() {
url = cloakExceptions($('#webicon').val())
document.cookie = 'tabicon=https://s2.googleusercontent.com/s2/favicons?domain_url=' + url;
document.cookie = 'tabname=' + $('#webname').val();
url = cloakExceptions($("#webicon").val());
document.cookie = "tabicon=https://s2.googleusercontent.com/s2/favicons?domain_url=" + url;
document.cookie = "tabname=" + $("#webname").val();
Toastify({
text: 'Tab cloak saved!',
text: "Tab cloak saved!",
duration: 2000,
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(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
},
onClick: function(){} // Callback after click
onClick: function () {}, // Callback after click
}).showToast();
setCloak();
}
@ -25,10 +25,11 @@ function setCloakCookie() {
function clearCloak() {
document.cookie = "tabicon=; 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']");link.remove();
var link = document.querySelector("link[rel~='icon']");
link.remove();
document.title = "Tab Cloak | e-gamepass";
link = document.createElement('link');
link.rel = 'icon';
link = document.createElement("link");
link.rel = "icon";
document.head.appendChild(link);
link.href = "/favicon.png";
}

19
js/cookie.js
View File

@ -2,7 +2,7 @@
function getMainSave() {
var mainSave = {};
// List of items in localStorage that should not be saved
var localStorageDontSave = ['tabicon', 'tabname'];
var localStorageDontSave = ["tabicon", "tabname"];
// Convert localStorage to an array of key-value pairs and remove the items that should not be saved
localStorageSave = Object.entries(localStorage);
@ -28,7 +28,7 @@ function getMainSave() {
mainSave = btoa(JSON.stringify(mainSave));
// Encrypt the mainSave data using AES encryption with the key 'save'
mainSave = CryptoJS.AES.encrypt(mainSave, 'egamepass').toString();
mainSave = CryptoJS.AES.encrypt(mainSave, "egamepass").toString();
// Return the encrypted mainSave data
return mainSave;
@ -39,9 +39,9 @@ function downloadMainSave() {
var data = new Blob([getMainSave()]);
var dataURL = URL.createObjectURL(data);
var fakeElement = document.createElement('a');
var fakeElement = document.createElement("a");
fakeElement.href = dataURL;
fakeElement.download = 'your.e-gamepass.save';
fakeElement.download = "your.e-gamepass.save";
fakeElement.click();
URL.revokeObjectURL(dataURL);
Toastify({
@ -52,14 +52,14 @@ function downloadMainSave() {
style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
},
onClick: function(){} // Callback after click
onClick: function () {}, // Callback after click
}).showToast();
}
// Function to get the main save data from an uploaded file
function getMainSaveFromUpload(data) {
// Decrypt the uploaded data using AES decryption with the key 'save'
data = CryptoJS.AES.decrypt(data, 'egamepass').toString(CryptoJS.enc.Utf8);
data = CryptoJS.AES.decrypt(data, "egamepass").toString(CryptoJS.enc.Utf8);
// Parse the decrypted data as JSON
var mainSave = JSON.parse(atob(data));
@ -77,11 +77,11 @@ function getMainSaveFromUpload(data) {
// Function to handle the file upload
function uploadMainSave() {
var hiddenUpload = document.querySelector('.hiddenUpload');
var hiddenUpload = document.querySelector(".hiddenUpload");
hiddenUpload.click();
// Listen for the change event on the file input element
hiddenUpload.addEventListener('change', function (e) {
hiddenUpload.addEventListener("change", function (e) {
var files = e.target.files;
var file = files[0];
if (!file) {
@ -104,9 +104,8 @@ function uploadMainSave() {
style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
},
onClick: function(){} // Callback after click
onClick: function () {}, // Callback after click
}).showToast();
};
reader.readAsText(file);

106
js/games.js
View File

@ -1,45 +1,45 @@
$.getJSON("/games.json", function (data) {
starredgames = getCookie("starred");
if (starredgames == "") {
starredgames = []
starredgames = [];
} else {
starredgames = JSON.parse(starredgames)
starredgames = JSON.parse(starredgames);
}
console.log(starredgames);
$("#gamesearch").prop({ placeholder: "Click here to search through our " + data.length + " games!" });
data.sort(dynamicSort("name"));
for (let i = 0; i < data.length; i++) {
let $element = $('<div>').prop({
class: 'game',
style: 'cursor: pointer;',
id: data[i].directory
}).append(
$('<img>').prop({
src: data[i].directory + "/" + data[i].image,
alt: data[i].name + " logo"
let $element = $("<div>")
.prop({
class: "game",
style: "cursor: pointer;",
id: data[i].directory,
})
).append(
$('<h1>').text(data[i].name)
).append(
$("<mat-icon>").prop({
class: 'material-symbols-rounded'
}).text("star")
.append(
$("<img>").prop({
src: data[i].directory + "/" + data[i].image,
alt: data[i].name + " logo",
})
)
.append($("<h1>").text(data[i].name))
.append(
$("<mat-icon>")
.prop({
class: "material-symbols-rounded",
})
.text("star")
);
if (starredgames.includes(data[i].directory)) {
$element.find("mat-icon").attr("id", "starred");
let $pinnedelement = $element.clone();
$('#pinnedgames').append($pinnedelement);
$("#pinnedgames").append($pinnedelement);
if ($("#pinnedgames #message")) {
$("#pinnedmessage").hide();
}
}
$('#games').append($element);
$("#games").append($element);
}
$("#games #message").remove();
});
@ -47,58 +47,62 @@ $.getJSON("/games.json", function (data) {
$(document).ready(function () {
let starred;
$(document).on("click", ".game", function (event) {
if($(event.target).is('mat-icon')) {
if ($(event.target).is("mat-icon")) {
if (!$(event.target).attr("id")) {
$(event.target).prop({id: "starred"})
starred = Cookies.get("starred")
$(event.target).prop({ id: "starred" });
starred = Cookies.get("starred");
if (starred) {
starred = JSON.parse(starred);
} else {
starred = []
starred = [];
}
starred.push($(this).attr("id"));
Cookies.set("starred", JSON.stringify(starred));
$element = $(this).clone();
$('#pinnedgames').append($element);
$("#pinnedgames").append($element);
$("#pinnedmessage").hide();
temp = $('#pinnedgames')[0].childNodes;
pinnedarray = [...temp]
temp = $("#pinnedgames")[0].childNodes;
pinnedarray = [...temp];
pinnedarray.sort(dynamicSort("id"));
$("#pinnedgames").empty();
for (let i = 0; i < pinnedarray.length; i++) {
pinnedarraynodes = pinnedarray[i].childNodes;
pinnedarraynodes = [...pinnedarraynodes]
let $element = $('<div>').prop({
class: 'game',
style: 'cursor: pointer;',
id: pinnedarray[i].id
}).append(
$('<img>').prop({
src: pinnedarraynodes[0].src,
alt: pinnedarraynodes[0].alt
pinnedarraynodes = [...pinnedarraynodes];
let $element = $("<div>")
.prop({
class: "game",
style: "cursor: pointer;",
id: pinnedarray[i].id,
})
).append(
$('<h1>').text(pinnedarraynodes[1].innerHTML)
).append(
$("<mat-icon>").prop({
class: 'material-symbols-rounded',
id: 'starred'
}).text("star")
.append(
$("<img>").prop({
src: pinnedarraynodes[0].src,
alt: pinnedarraynodes[0].alt,
})
)
.append($("<h1>").text(pinnedarraynodes[1].innerHTML))
.append(
$("<mat-icon>")
.prop({
class: "material-symbols-rounded",
id: "starred",
})
.text("star")
);
$('#pinnedgames').append($element);
$("#pinnedgames").append($element);
}
} else {
$(event.target).removeAttr("id");
$thisdiv = '#' + $(this).attr("id")
$thisdiv = "#" + $(this).attr("id");
$thisdiv = $thisdiv.replace(".", "\\.");
starred = Cookies.get("starred")
starred = Cookies.get("starred");
starred = JSON.parse(starred);
ourindex = starred.indexOf($(this).attr("id"));
starred.splice(ourindex, 1);
Cookies.set("starred", JSON.stringify(starred));
$("#pinnedgames " + $thisdiv).remove();
if($('#pinnedgames').is(':empty')) {
if ($("#pinnedgames").is(":empty")) {
$("#pinnedmessage").show();
}
$($thisdiv + " #starred").removeAttr("id");
@ -108,7 +112,7 @@ $(document).ready(function() {
}
});
$(document).on("click", "#game span", function (event) {
$(this).prop({class: "material-symbols-outlined fill"})
$(this).prop({ class: "material-symbols-outlined fill" });
});
});
@ -129,5 +133,5 @@ function dynamicSort(property) {
} else {
return a[property].localeCompare(b[property]);
}
}
};
}

2
js/open.js
View File

@ -18,4 +18,4 @@ document.getElementById("create").onclick = function () {
iframe.allow = "fullscreen";
iframe.src = url.value;
win.document.body.appendChild(iframe);
}
};

8
js/search.js
View File

@ -1,8 +1,8 @@
$(document).ready(function () {
$('#gamesearch').on('input propertychange paste', function() {
$('#games .game').hide();
var txt = $('#gamesearch').val();
$('#games .game').each(function(){
$("#gamesearch").on("input propertychange paste", function () {
$("#games .game").hide();
var txt = $("#gamesearch").val();
$("#games .game").each(function () {
if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) != -1) {
$(this).show();
}

22
js/ultimatetabcloak.js
View File

@ -1,17 +1,5 @@
var l =
document.querySelector("link[rel*='icon']") || document.createElement('link')
l.type = 'image/x-icon'
l.rel = 'shortcut icon'
var c = prompt('Select a tab cloak\n1. Canvas\n2. e-hallpass\n3. New Tab')
1 == c
? ((l.href = 'https://harrisonburg.instructure.com/favicon.ico'),
(document.title = 'Dashboard'))
: 2 == c
? ((l.href =
'https://eduspiresolutions.org/wp-content/uploads/2020/09/cropped-favicon-270x270-1-150x150.png'),
(document.title = 'Digital Hall Pass | e-Hall Pass | Eduspire Solutions'))
: 3 == c &&
((l.href =
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA/UlEQVR42q2S0Q3CMAxEGYERGIFP1FJ0JEXikw1gA9gANqAbwCaMwAgdoSNAHpVRE7UIISKd1Dq+s33O6O9H0ngudyzk67n8o0V5z+UvM60nH8kL+W0gNJAG0ORyh15yJrcj6RtQaKj1V/VQhfb3M2kyhIgckqtWoDxBJiHTakoc2Ozh/ogXIOoCkwqVZ0QK+Q2ExIsGQea3WBCp3wIWJKn9X1Y9s1d01o2lAuD2k0C8cymTpmYo4BtyvCl373pw6s6GBxDMRATTQsR7V2giuIwId7aBtKOvHhJC6VZylf2vkTXFnbi6jfurVS5CodGnY7Njkr0JZscnG+ev5wl1Bukqc4CB7gAAAABJRU5ErkJggg=='),
(document.title = 'New Tab'))
var l = document.querySelector("link[rel*='icon']") || document.createElement("link");
l.type = "image/x-icon";
l.rel = "shortcut icon";
var c = prompt("Select a tab cloak\n1. Canvas\n2. e-hallpass\n3. New Tab");
1 == c ? ((l.href = "https://harrisonburg.instructure.com/favicon.ico"), (document.title = "Dashboard")) : 2 == c ? ((l.href = "https://eduspiresolutions.org/wp-content/uploads/2020/09/cropped-favicon-270x270-1-150x150.png"), (document.title = "Digital Hall Pass | e-Hall Pass | Eduspire Solutions")) : 3 == c && ((l.href = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA/UlEQVR42q2S0Q3CMAxEGYERGIFP1FJ0JEXikw1gA9gANqAbwCaMwAgdoSNAHpVRE7UIISKd1Dq+s33O6O9H0ngudyzk67n8o0V5z+UvM60nH8kL+W0gNJAG0ORyh15yJrcj6RtQaKj1V/VQhfb3M2kyhIgckqtWoDxBJiHTakoc2Ozh/ogXIOoCkwqVZ0QK+Q2ExIsGQea3WBCp3wIWJKn9X1Y9s1d01o2lAuD2k0C8cymTpmYo4BtyvCl373pw6s6GBxDMRATTQsR7V2giuIwId7aBtKOvHhJC6VZylf2vkTXFnbi6jfurVS5CodGnY7Njkr0JZscnG+ev5wl1Bukqc4CB7gAAAABJRU5ErkJggg=="), (document.title = "New Tab"));

68
settings.html
View File

@ -1,76 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script src="/js/all.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>
<style>@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');</style>
<link rel="stylesheet" href="/style.css">
<style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<link rel="stylesheet" href="/style.css" />
<title>Tab Cloak | e-gamepass</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 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">
<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>
function setPanicMode() {
if (!$("#panic").val().startsWith("https")) {
document.cookie = "panicurl=https://" + $("#panic").val();return;
document.cookie = "panicurl=https://" + $("#panic").val();
return;
}
document.cookie = "panicurl=" + $("#panic").val();
Toastify({
text: 'Panic mode saved!',
text: "Panic mode saved!",
duration: 2000,
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(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
},
onClick: function(){} // Callback after click
onClick: function () {}, // Callback after click
}).showToast();
}
</script>
</head>
<body>
<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="./settings.html">Settings</a></li><li><a id="panicmode">Panic Mode</a></li></ul>
<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="./settings.html">Settings</a></li>
<li><a id="panicmode">Panic Mode</a></li>
</ul>
<input class="hiddenUpload" type="file" accept=".save" hidden>
<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>
</div>
<div class="title"><img src="./favicon.png" style="width:4%;"><h2 style="font-size:50px">e-gamepass</h2></div>
<br>
<br />
<form action="javascript:setPanicMode();">
<h3 for="panic">Website URL</h3><br>
<input type="text" id="panic" name="panic" placeholder="https://google.com"><br>
<input id="panic" class="submit" type="submit" value="Set Panic Mode">
<h3 for="panic">Website URL</h3>
<br />
<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>
<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">
<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>
<br />
<div id="games"></div>
</div>
</body>
</html>

68
style.css
View File

@ -37,9 +37,6 @@ button:hover {
margin-top: 3%;
}
.game {
width: 13%;
display: inline-block;
@ -61,7 +58,7 @@ button:hover {
.game h1 {
float: right;
font-size: 0.85em;
color: rgb(149, 186, 241)
color: rgb(149, 186, 241);
}
.game img {
width: 100%;
@ -85,7 +82,6 @@ a:hover {
font-size: 25px;
}
.title {
display: flex;
align-items: center;
@ -93,16 +89,32 @@ a:hover {
}
@keyframes fadeIn {
0% {opacity: 0;}
20% {opacity: 40;}
80% {opacity: 90;}
90% {opacity: 92;}
100% {opacity: 100;}
0% {
opacity: 0;
}
20% {
opacity: 40;
}
80% {
opacity: 90;
}
90% {
opacity: 92;
}
100% {
opacity: 100;
}
}
@keyframes fadeInPadding {
0% {padding-left: 0%;padding-right: 0%;}
100% {padding-left: 5%;padding-right: 5%;}
0% {
padding-left: 0%;
padding-right: 0%;
}
100% {
padding-left: 5%;
padding-right: 5%;
}
}
body {
@ -115,15 +127,14 @@ body {
@keyframes gradient {
0% {
background-position: 100% 0%
background-position: 100% 0%;
}
100% {
background-position: 15% 100%
background-position: 15% 100%;
}
}
input[type=text] {
input[type="text"] {
margin-top: 15px;
width: 50%;
box-sizing: border-box;
@ -136,22 +147,22 @@ input[type=text] {
border-radius: 5px;
outline: none;
opacity: 70%;
transition: opacity .25s ease-in-out;
transition: opacity 0.25s ease-in-out;
font-family: "Share Tech Mono", monospace;
}
input[type=text]:hover {
input[type="text"]:hover {
opacity: 80%;
}
input[type=text]:focus {
input[type="text"]:focus {
opacity: 100%;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgb(149, 186, 241);
opacity: 0.6; /* Firefox */
}
ul {
list-style-type: none;
padding: 0;
@ -180,11 +191,10 @@ p {
border-radius: 5px;
outline: none;
opacity: 70%;
transition: opacity .25s ease-in-out;
transition: opacity 0.25s ease-in-out;
font-family: "Share Tech Mono", monospace;
}
h3 {
font-size: 20px;
padding: 0;
@ -216,17 +226,9 @@ h3 {
color: white;
font-size: 1.9em;
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;
}
#starred {
font-variation-settings:
'FILL' 1,
'wght' 400,
'GRAD' 0,
'opsz' 48
font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
}