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

38
404.html
View File

@ -1,31 +1,39 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<script src="/js/all.js"></script> <script src="/js/all.js"></script>
<style>@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');</style> <style>
<link rel="stylesheet" href="/style.css"> @import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
</style>
<link rel="stylesheet" href="/style.css" />
<title>e-gamepass</title> <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 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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" /> <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 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="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<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 class="content"> <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 class="title"><img src="/favicon.png" style="width:4%;"><h2 style="font-size:45px">e-gamepass🥺🥺</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 />
<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> <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> </div>
</body> </body>
</html> </html>

33
bookmarklets.html
View File

@ -1,13 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<script src="/js/all.js"></script>
<script src="/js/all.js"></script> <style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
<style>@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>Bookmarklets | e-gamepass</title> <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 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." />
@ -15,17 +16,21 @@
<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 e-gamepass." />
<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 e-gamepass." />
<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 class="content">
<ul>
<div class="content"> <li><a href="./index.html">Home</a></li>
<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> <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> <h2>Bookmarklets</h2>
<a href='javascript:console.log(document.body.contentEditable="true"==document.body.contentEditable?"false":"true");' class="bookmarklet">Edit any page</a> <a href='javascript:console.log(document.body.contentEditable="true"==document.body.contentEditable?"false":"true");' class="bookmarklet">Edit any page</a>
<p>Drag the link above to your bookmarks bar. This allows you to edit the text of any webpage.</p> <p>Drag the link above to your bookmarks bar. This allows you to edit the text of any webpage.</p>
<a href="javascript:(function () {var script=document.createElement('script');script.src='https://x-ray-goggles.mouse.org/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://x-ray-goggles.mouse.org');document.body.appendChild(script);}())" class="bookmarklet">X-Ray Goggles</a> <a href="javascript:(function () {var script=document.createElement('script');script.src='https://x-ray-goggles.mouse.org/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://x-ray-goggles.mouse.org');document.body.appendChild(script);}())" class="bookmarklet">X-Ray Goggles</a>
@ -45,11 +50,11 @@
<a href="javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,dmFyIGw9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO2wudHlwZT0iaW1hZ2UveC1pY29uIixsLnJlbD0ic2hvcnRjdXQgaWNvbiI7dmFyIGM9cHJvbXB0KCJTZWxlY3QgYSB0YWIgY2xvYWtcbjEuIENhbnZhc1xuMi4gZS1oYWxscGFzc1xuMy4gTmV3IFRhYiIpOzE9PWM/KGwuaHJlZj0iaHR0cHM6Ly9oYXJyaXNvbmJ1cmcuaW5zdHJ1Y3R1cmUuY29tL2Zhdmljb24uaWNvIixkb2N1bWVudC50aXRsZT0iRGFzaGJvYXJkIik6Mj09Yz8obC5ocmVmPSJodHRwczovL2VkdXNwaXJlc29sdXRpb25zLm9yZy93cC1jb250ZW50L3VwbG9hZHMvMjAyMC8wOS9jcm9wcGVkLWZhdmljb24tMjcweDI3MC0xLTE1MHgxNTAucG5nIixkb2N1bWVudC50aXRsZT0iRGlnaXRhbCBIYWxsIFBhc3MgfCBlLUhhbGwgUGFzcyB8IEVkdXNwaXJlIFNvbHV0aW9ucyIpOjM9PWMmJihsLmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQkFBQUFBUUNBWUFBQUFmOC85aEFBQUEvVWxFUVZSNDJxMlMwUTNDTUF4RUdZRVJHSUZQMUZKMEpFWGlrdzFnQTlnQU5xQWJ3Q2FNd0FnZG9TTkFIcFZSRTdVSUlTS2QxRHErczMzTzZPOUgwbmd1ZHl6azY3bjhvMFY1eitVdk02MG5IOGtMK1cwZ05KQUcwT1J5aDE1eUpyY2o2UnRRYUtqMVYvVlFoZmIzTTJreWhJZ2NrcXRXb0R4QkppSFRha29jMk96aC9vZ1hJT29Da3dxVlowUUsrUTJFeElzR1FlYTNXQkNwM3dJV0pLbjlYMVk5czFkMDFvMmxBdUQyazBDOGN5bVRwbVlvNEJ0eXZDbDM3M3B3NnM2R0J4RE1SQVRUUXNSN1YyZ2l1SXdJZDdhQnRLT3ZIaEpDNlZaeWxmMnZrVFhGbmJpNmpmdXJWUzVDb2RHblk3TmprcjBKWnNjbkcrZXY1d2wxQnVrcWM0Q0I3Z0FBQUFCSlJVNUVya0pnZ2c9PSIsZG9jdW1lbnQudGl0bGU9Ik5ldyBUYWIiKTs=';document.body.appendChild(a);}())" class="bookmarklet">The Ultimate Tab Cloak</a> <a href="javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,dmFyIGw9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO2wudHlwZT0iaW1hZ2UveC1pY29uIixsLnJlbD0ic2hvcnRjdXQgaWNvbiI7dmFyIGM9cHJvbXB0KCJTZWxlY3QgYSB0YWIgY2xvYWtcbjEuIENhbnZhc1xuMi4gZS1oYWxscGFzc1xuMy4gTmV3IFRhYiIpOzE9PWM/KGwuaHJlZj0iaHR0cHM6Ly9oYXJyaXNvbmJ1cmcuaW5zdHJ1Y3R1cmUuY29tL2Zhdmljb24uaWNvIixkb2N1bWVudC50aXRsZT0iRGFzaGJvYXJkIik6Mj09Yz8obC5ocmVmPSJodHRwczovL2VkdXNwaXJlc29sdXRpb25zLm9yZy93cC1jb250ZW50L3VwbG9hZHMvMjAyMC8wOS9jcm9wcGVkLWZhdmljb24tMjcweDI3MC0xLTE1MHgxNTAucG5nIixkb2N1bWVudC50aXRsZT0iRGlnaXRhbCBIYWxsIFBhc3MgfCBlLUhhbGwgUGFzcyB8IEVkdXNwaXJlIFNvbHV0aW9ucyIpOjM9PWMmJihsLmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQkFBQUFBUUNBWUFBQUFmOC85aEFBQUEvVWxFUVZSNDJxMlMwUTNDTUF4RUdZRVJHSUZQMUZKMEpFWGlrdzFnQTlnQU5xQWJ3Q2FNd0FnZG9TTkFIcFZSRTdVSUlTS2QxRHErczMzTzZPOUgwbmd1ZHl6azY3bjhvMFY1eitVdk02MG5IOGtMK1cwZ05KQUcwT1J5aDE1eUpyY2o2UnRRYUtqMVYvVlFoZmIzTTJreWhJZ2NrcXRXb0R4QkppSFRha29jMk96aC9vZ1hJT29Da3dxVlowUUsrUTJFeElzR1FlYTNXQkNwM3dJV0pLbjlYMVk5czFkMDFvMmxBdUQyazBDOGN5bVRwbVlvNEJ0eXZDbDM3M3B3NnM2R0J4RE1SQVRUUXNSN1YyZ2l1SXdJZDdhQnRLT3ZIaEpDNlZaeWxmMnZrVFhGbmJpNmpmdXJWUzVDb2RHblk3TmprcjBKWnNjbkcrZXY1d2wxQnVrcWM0Q0I3Z0FBQUFCSlJVNUVya0pnZ2c9PSIsZG9jdW1lbnQudGl0bGU9Ik5ldyBUYWIiKTs=';document.body.appendChild(a);}())" class="bookmarklet">The Ultimate Tab Cloak</a>
<p>Drag the link above to your bookmarks bar. This adds multiple cloaks in one bookmarklet.</p> <p>Drag the link above to your bookmarks bar. This adds multiple cloaks in one bookmarklet.</p>
<a href="javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,IWZ1bmN0aW9uKCl7dmFyIEE9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO0EudHlwZT0iaW1hZ2UveC1pY29uIixBLnJlbD0ic2hvcnRjdXQgaWNvbiIsQS5ocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJBQUFBQVFDQVlBQUFBZjgvOWhBQUFCSlVsRVFWUjRBV0o0NWFhQmpobUIyQURRT1Qzb0JBT0ZBUmorMHRSdk03dkdiRnMza2oxbG0wT3V1ZXZJdW9mbTV1eSszbTJuN1N6WHR1Zll3QmFPY0lBbHVKczZzZGtaVjB4Z0h2OXdDVFgyOFE1enBvM3IzUUhlWVF1S2EveEZIOVFveFI5VHA5akVPM3VBTWFnbEhBN0lRVFFFWVZETHFEMUFDMDZoV0lZTDVBNFhVNmM0UWN2dEFDSDRqWGZ3aFJQa0VVN3d4enQ4Z3ErWXZWK2dCdzZRRjJqR0dUYkVYSlVhbVJBOEpRTnFISWk1WnpVUzN6TEFLbzVRQlhtaFZweGhXd2k4OFJGL2tZd3ZrRWQ4UWo2QzhBWCt0eFh0MXN2YnhRL0lIZSt3QXpYbTdYZFFETFVVUXBDQVZBZ2lvWlk2ZXdBSHpGaFBPUUJOVUtNQlgzRU94UUtjSUhkL1lSa0c4UmxuVU9NTTM5R0VHampjL1V4MytXTUxoempDRm9JZ2Q5MEFYdyt6ZGEzZEltc0FBQUFBU1VWT1JLNUNZSUk9Iixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKEEpLGRvY3VtZW50LnRpdGxlPSJEYXNoYm9hcmQifSgpOw==';document.body.appendChild(a);}())" class="bookmarklet">Tab Cloak (Canvas)</a> <a href="javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,IWZ1bmN0aW9uKCl7dmFyIEE9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO0EudHlwZT0iaW1hZ2UveC1pY29uIixBLnJlbD0ic2hvcnRjdXQgaWNvbiIsQS5ocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJBQUFBQVFDQVlBQUFBZjgvOWhBQUFCSlVsRVFWUjRBV0o0NWFhQmpobUIyQURRT1Qzb0JBT0ZBUmorMHRSdk03dkdiRnMza2oxbG0wT3V1ZXZJdW9mbTV1eSszbTJuN1N6WHR1Zll3QmFPY0lBbHVKczZzZGtaVjB4Z0h2OXdDVFgyOFE1enBvM3IzUUhlWVF1S2EveEZIOVFveFI5VHA5akVPM3VBTWFnbEhBN0lRVFFFWVZETHFEMUFDMDZoV0lZTDVBNFhVNmM0UWN2dEFDSDRqWGZ3aFJQa0VVN3d4enQ4Z3ErWXZWK2dCdzZRRjJqR0dUYkVYSlVhbVJBOEpRTnFISWk1WnpVUzN6TEFLbzVRQlhtaFZweGhXd2k4OFJGL2tZd3ZrRWQ4UWo2QzhBWCt0eFh0MXN2YnhRL0lIZSt3QXpYbTdYZFFETFVVUXBDQVZBZ2lvWlk2ZXdBSHpGaFBPUUJOVUtNQlgzRU94UUtjSUhkL1lSa0c4UmxuVU9NTTM5R0VHampjL1V4MytXTUxoempDRm9JZ2Q5MEFYdyt6ZGEzZEltc0FBQUFBU1VWT1JLNUNZSUk9Iixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKEEpLGRvY3VtZW50LnRpdGxlPSJEYXNoYm9hcmQifSgpOw==';document.body.appendChild(a);}())" class="bookmarklet">Tab Cloak (Canvas)</a>
<p>Drag the link above to your bookmarks bar. This disguises whatever website you're on as the Canvas Dashboard.</p> <p>Drag the link above to your bookmarks bar. This disguises whatever website you're on as the Canvas Dashboard.</p>
<a href="javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,IWZ1bmN0aW9uKCl7dmFyIEE9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO0EudHlwZT0iaW1hZ2UveC1pY29uIixBLnJlbD0ic2hvcnRjdXQgaWNvbiIsQS5ocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUNBQUFBQWdDQU1BQUFCRXBJckdBQUFBeVZCTVZFVkhjRXdZZ0RnWWdEZ3duVzhpbVVvV2ZqWVlnRGdDZlRtM3B4MzVwdzgwcUZOWGpERCt3QUQ3dkFRMHFWQXdvMURkc2cvOHZBUDh2Z01yaWp1R21DZzBxRlA3dkFRMHFGUDd2QVEwcUZQN3ZBUWhxRlg5dmdJU3Bscjd2QVQ3dkFUN3ZBUTFxMG9lZEw0amZxNGhmYXd6aGNkQWhmYTFnSTMwYmhud2NDanRXUzhYWTljWVpkVkNoZlUyaC9uclFUVHBPamNYWnRFWVo5STBldWVVYTdEeVBSanFRelVsYjlzc2lmL1hURlVaWjlKbWU5bStXWDNxUXpYd1B5VS9odlZDaGZSQ2hmUkJoZlFvRmlJaUFBQUFRM1JTVGxNQVFFa2wvLy8vLy80YS8vLy82M3YvLy85cC8vK3htZHZQVnoycnZRcWxVUG4vaFAvLzNhemYvLytTU2YvLy8vOUEzdi8vLy8vUS8vLy9xZi8vYnQxNXQ3YTJhanBxa1FBQUFRWkpSRUZVZUFHc3o5V2F3akFRQmVDRFE5REIzVlp4ZDNqLzE5cG1tc2syWDN2SmZ6dDY4RjZ4T0lzaFdpS1pTck5NTm9jb1NxVzVJNU12RkJHaHBGVFpiNmdRVlJHbVBEV3ZJMU12RUJGQ0drclREYVExUXg4cWxreGxzZ1hTY25DMWxDOWRLeEJydzlGUlJySmlHcWlMSUNWNmZUS0tia1F4eUpHb3dob29VUUthSkp5SUJqd2toazVFMW9HblNpSm5JeG90c0NJWmJZa29FbUJkRWlNM1lnT0dqVHJtaUJNQnF5QjAxT21INy9QcjIvcjVuZm5tQUJaTFkvVnZ2VEcyOE96MjdCQnNPSjY0Zm9hVzJHdVhWZEQxeGcwNXNMdGRZSzBmZXNVY0JpOXdYWjllQThSMHYxK0ZuRFl2V0R2bmdQbnpiM2JJQ2NMZXdjRVJCVGc0MlRQUUN3QUFwMnM3WEd3SUFZTUFBQUFBU1VWT1JLNUNZSUk9Iixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKEEpLGRvY3VtZW50LnRpdGxlPSJNeSBEcml2ZSAtIEdvb2dsZSBEcml2ZSJ9KCk7';document.body.appendChild(a);}())" class="bookmarklet">Tab Cloak (Google Drive)</a> <a href="javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,IWZ1bmN0aW9uKCl7dmFyIEE9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO0EudHlwZT0iaW1hZ2UveC1pY29uIixBLnJlbD0ic2hvcnRjdXQgaWNvbiIsQS5ocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUNBQUFBQWdDQU1BQUFCRXBJckdBQUFBeVZCTVZFVkhjRXdZZ0RnWWdEZ3duVzhpbVVvV2ZqWVlnRGdDZlRtM3B4MzVwdzgwcUZOWGpERCt3QUQ3dkFRMHFWQXdvMURkc2cvOHZBUDh2Z01yaWp1R21DZzBxRlA3dkFRMHFGUDd2QVEwcUZQN3ZBUWhxRlg5dmdJU3Bscjd2QVQ3dkFUN3ZBUTFxMG9lZEw0amZxNGhmYXd6aGNkQWhmYTFnSTMwYmhud2NDanRXUzhYWTljWVpkVkNoZlUyaC9uclFUVHBPamNYWnRFWVo5STBldWVVYTdEeVBSanFRelVsYjlzc2lmL1hURlVaWjlKbWU5bStXWDNxUXpYd1B5VS9odlZDaGZSQ2hmUkJoZlFvRmlJaUFBQUFRM1JTVGxNQVFFa2wvLy8vLy80YS8vLy82M3YvLy85cC8vK3htZHZQVnoycnZRcWxVUG4vaFAvLzNhemYvLytTU2YvLy8vOUEzdi8vLy8vUS8vLy9xZi8vYnQxNXQ3YTJhanBxa1FBQUFRWkpSRUZVZUFHc3o5V2F3akFRQmVDRFE5REIzVlp4ZDNqLzE5cG1tc2syWDN2SmZ6dDY4RjZ4T0lzaFdpS1pTck5NTm9jb1NxVzVJNU12RkJHaHBGVFpiNmdRVlJHbVBEV3ZJMU12RUJGQ0drclREYVExUXg4cWxreGxzZ1hTY25DMWxDOWRLeEJydzlGUlJySmlHcWlMSUNWNmZUS0tia1F4eUpHb3dob29VUUthSkp5SUJqd2toazVFMW9HblNpSm5JeG90c0NJWmJZa29FbUJkRWlNM1lnT0dqVHJtaUJNQnF5QjAxT21INy9QcjIvcjVuZm5tQUJaTFkvVnZ2VEcyOE96MjdCQnNPSjY0Zm9hVzJHdVhWZEQxeGcwNXNMdGRZSzBmZXNVY0JpOXdYWjllQThSMHYxK0ZuRFl2V0R2bmdQbnpiM2JJQ2NMZXdjRVJCVGc0MlRQUUN3QUFwMnM3WEd3SUFZTUFBQUFBU1VWT1JLNUNZSUk9Iixkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSgiaGVhZCIpWzBdLmFwcGVuZENoaWxkKEEpLGRvY3VtZW50LnRpdGxlPSJNeSBEcml2ZSAtIEdvb2dsZSBEcml2ZSJ9KCk7';document.body.appendChild(a);}())" class="bookmarklet">Tab Cloak (Google Drive)</a>
<p>Drag the link above to your bookmarks bar. This disguises whatever website you're on as Google Drive.</p> <p>Drag the link above to your bookmarks bar. This disguises whatever website you're on as Google Drive.</p>
<a href="javascript:javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,IWZ1bmN0aW9uKCl7dmFyIEE9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO0EudHlwZT0iaW1hZ2UveC1pY29uIixBLnJlbD0ic2hvcnRjdXQgaWNvbiIsQS5ocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUNBQUFBQWdDQVlBQUFCemVucjBBQUFCOGtsRVFWUjRBZTJVQTQ5a1FSU0YzeDlhRzhIYWNUWlkyN1laclkwSnhyWnQyN1p0ODg0N25keWtVZW11TVUveVZNajU2dHlxcDBBcjc1WGVXblczcEYyOWFKYXU4cFYzUzE4cEVGN1FPQmZYeXJ2RnR4WFF6QkVBcm5ZQTBGeGVpeFBnNktlcXVRTjRZZDlJVUhKSjM5d0FlQ1oxRVdzWllFWUFEcnlySUp2SWRrMk5hOXVHTlUrWW52dGRNL01BTmxIdFpFeGgyVDBBbWhrQXorUXUwaGF2dnFCMmdJU1NBTmo1dkVBTzRHOWdxNDd4dWQrMXVtVjVYOEVnMGdCN1hoWFF0WjlacEVqVVhOc2Nac0p4MjUrVkFVSUtZT3ZqSXBqTEFlREh3c0s3c2JHQU13V3c4V0V4bmZ1YUxRK0FIYytDZ2FueEJUVURSZ0ZPZjJaekJwQS8xOWcwaUcvUy80RWo3L0poS2c4QXM0anNkbUxkTjh2RkpFU29SaWtHRVIxRGpoNXpwUUVPdkNtZ1M5K3p5U1dxbGxqZjNFcDVJdnFFYVhUMWpRb0JBQzBOb0IwVlZzMHFxdW5oZG9aQUVzTGpDb21qTndHQU91c1BDc3RvSmxaOFhodVhRcnNjK3VZUUo0bHhjZ0NvRTFhbFB3aUdyVjJEeEdycEhLVDQvRGJ5VFd6UXdKVTM5Sk5BYkM0SHNPNisxdmtVWEM4c0NxaTZtWTNFYWxYQjhxdDZpSVY1MGdCOFBrMWRWc0hWbXIyZ0xZQWhEU1NGZmdqSlNBRmc1Y2MvNXVCalRpNkZZNTh6QU55V09rQm0rNXdCL01nc1Y5VGI3YmtDdVA0ejg3VUM0ZVdxU2pPTEsyKy85aXZ6TnJ6SEFaOXZFQVRZL1VuekFBQUFBRWxGVGtTdVFtQ0MiLGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoQSksZG9jdW1lbnQudGl0bGU9IkRlc21vcyB8IFRlc3RpbmcifSgpOw==';document.body.appendChild(a);}())" class="bookmarklet">Tab Cloak (Desmos)</a> <a href="javascript:javascript:(function () {var a = document.createElement('script');a.src = 'data:text/javascript;base64,IWZ1bmN0aW9uKCl7dmFyIEE9ZG9jdW1lbnQucXVlcnlTZWxlY3RvcigibGlua1tyZWwqPSdpY29uJ10iKXx8ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgibGluayIpO0EudHlwZT0iaW1hZ2UveC1pY29uIixBLnJlbD0ic2hvcnRjdXQgaWNvbiIsQS5ocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUNBQUFBQWdDQVlBQUFCemVucjBBQUFCOGtsRVFWUjRBZTJVQTQ5a1FSU0YzeDlhRzhIYWNUWlkyN1laclkwSnhyWnQyN1p0ODg0N25keWtVZW11TVUveVZNajU2dHlxcDBBcjc1WGVXblczcEYyOWFKYXU4cFYzUzE4cEVGN1FPQmZYeXJ2RnR4WFF6QkVBcm5ZQTBGeGVpeFBnNktlcXVRTjRZZDlJVUhKSjM5d0FlQ1oxRVdzWllFWUFEcnlySUp2SWRrMk5hOXVHTlUrWW52dGRNL01BTmxIdFpFeGgyVDBBbWhrQXorUXUwaGF2dnFCMmdJU1NBTmo1dkVBTzRHOWdxNDd4dWQrMXVtVjVYOEVnMGdCN1hoWFF0WjlacEVqVVhOc2Nac0p4MjUrVkFVSUtZT3ZqSXBqTEFlREh3c0s3c2JHQU13V3c4V0V4bmZ1YUxRK0FIYytDZ2FueEJUVURSZ0ZPZjJaekJwQS8xOWcwaUcvUy80RWo3L0poS2c4QXM0anNkbUxkTjh2RkpFU29SaWtHRVIxRGpoNXpwUUVPdkNtZ1M5K3p5U1dxbGxqZjNFcDVJdnFFYVhUMWpRb0JBQzBOb0IwVlZzMHFxdW5oZG9aQUVzTGpDb21qTndHQU91c1BDc3RvSmxaOFhodVhRcnNjK3VZUUo0bHhjZ0NvRTFhbFB3aUdyVjJEeEdycEhLVDQvRGJ5VFd6UXdKVTM5Sk5BYkM0SHNPNisxdmtVWEM4c0NxaTZtWTNFYWxYQjhxdDZpSVY1MGdCOFBrMWRWc0hWbXIyZ0xZQWhEU1NGZmdqSlNBRmc1Y2MvNXVCalRpNkZZNTh6QU55V09rQm0rNXdCL01nc1Y5VGI3YmtDdVA0ejg3VUM0ZVdxU2pPTEsyKy85aXZ6TnJ6SEFaOXZFQVRZL1VuekFBQUFBRWxGVGtTdVFtQ0MiLGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF0uYXBwZW5kQ2hpbGQoQSksZG9jdW1lbnQudGl0bGU9IkRlc21vcyB8IFRlc3RpbmcifSgpOw==';document.body.appendChild(a);}())" class="bookmarklet">Tab Cloak (Desmos)</a>
<p>Drag the link above to your bookmarks bar. This disguises whatever website you're on Desmos.</p> <p>Drag the link above to your bookmarks bar. This disguises whatever website you're on Desmos.</p>
</div> </div>
</body> </body>
</html> </html>

27
changelog.html
View File

@ -1,30 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<script src="/js/all.js"></script>
<script src="/js/all.js"></script> <style>
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
<style>@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>Changelog | e-gamepass</title> <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 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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" /> <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 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="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<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 class="content"> <div class="content">
<div class="title">
<div class="title"><img src="favicon.png" style="width:4%;"><h2 style="font-size:50px">e-gamepass</h2></div> <img src="favicon.png" style="width: 4%" />
<h2 style="font-size: 50px">e-gamepass</h2>
</div>
<h2>v. 2023.05.24</h2> <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> <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> <a href="index.html" style="font-size: 30px; color: #3b76f5">Back to home</a>
</div> </div>
</body> </body>
</html> </html>

2
games.json
View File

@ -384,4 +384,4 @@
"directory": "win11", "directory": "win11",
"image": "favicon.png" "image": "favicon.png"
} }
] ]

58
index.html
View File

@ -1,33 +1,33 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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" /> <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" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<style>
<script src="/js/all.js"></script> @import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
<script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script> </style>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"> <link rel="stylesheet" href="/style.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">
<title>e-gamepass</title> <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 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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" /> <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 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="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<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="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({
text: 'Type "safemode" while in any game to return to Google! Change the website in the settings.', text: 'Type "safemode" while in any game to return to Google! Change the website in the settings.',
duration: 3000, duration: 3000,
@ -37,33 +37,41 @@
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)", background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
width: "25%", width: "25%",
}, },
onClick: function(){} // Callback after click onClick: function () {}, // Callback after click
}).showToast(); }).showToast();
}); });
</script> </script>
</head> </head>
<body> <body>
<div class="content"> <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">
<div class="title"><img src="./favicon.png" style="width:4%;"><h2 style="font-size:50px">e-gamepass</h2></div> <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> <a href="javascript:downloadMainSave()">Download Save</a><a href="javascript:uploadMainSave()">Upload Save</a>
<br> <br />
<p id="gamecounter"></p> <p id="gamecounter"></p>
<input type="text" id="gamesearch" placeholder="Type here to search.."> <br> <input type="text" id="gamesearch" placeholder="Type here to search.." />
<br> <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!</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"> <div id="games">
<h2>All Games</h2> <h2>All Games</h2>
<p id="message">Please wait for the games to load.. If you see this for more than a second, try reloading and reporting a <a href="https://forms.gle/j75WUn6UhdqsRZgf7">bug report</a>.</p> <p id="message">Please wait for the games to load.. If you see this for more than a second, try reloading and reporting a <a href="https://forms.gle/j75WUn6UhdqsRZgf7">bug report</a>.</p>
</div> </div>
</div> </div>
</body> </body>
</html> </html>

40
js/all.js
View File

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

21
js/cloak.js
View File

@ -1,23 +1,23 @@
function cloakExceptions(url) { function cloakExceptions(url) {
if (url.includes('harrisonburg.instructure.com') == true) { if (url.includes("harrisonburg.instructure.com") == true) {
return "learn.canvas.net"; return "learn.canvas.net";
} }
return url; return url;
} }
function setCloakCookie() { function setCloakCookie() {
url = cloakExceptions($('#webicon').val()) url = cloakExceptions($("#webicon").val());
document.cookie = 'tabicon=https://s2.googleusercontent.com/s2/favicons?domain_url=' + url; document.cookie = "tabicon=https://s2.googleusercontent.com/s2/favicons?domain_url=" + url;
document.cookie = 'tabname=' + $('#webname').val(); document.cookie = "tabname=" + $("#webname").val();
Toastify({ Toastify({
text: 'Tab cloak saved!', text: "Tab cloak saved!",
duration: 2000, duration: 2000,
gravity: "top", // `top` or `bottom` gravity: "top", // `top` or `bottom`
position: "center", // `left`, `center` or `right` position: "center", // `left`, `center` or `right`
style: { style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)" background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
}, },
onClick: function(){} // Callback after click onClick: function () {}, // Callback after click
}).showToast(); }).showToast();
setCloak(); setCloak();
} }
@ -25,10 +25,11 @@ function setCloakCookie() {
function clearCloak() { function clearCloak() {
document.cookie = "tabicon=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 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=/;"; 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"; document.title = "Tab Cloak | e-gamepass";
link = document.createElement('link'); link = document.createElement("link");
link.rel = 'icon'; link.rel = "icon";
document.head.appendChild(link); document.head.appendChild(link);
link.href = "/favicon.png"; link.href = "/favicon.png";
} }

19
js/cookie.js
View File

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

130
js/games.js
View File

@ -1,104 +1,108 @@
$.getJSON("/games.json", function (data) { $.getJSON("/games.json", function (data) {
starredgames = getCookie("starred"); starredgames = getCookie("starred");
if(starredgames == "") { if (starredgames == "") {
starredgames = [] starredgames = [];
} else { } else {
starredgames = JSON.parse(starredgames) starredgames = JSON.parse(starredgames);
} }
console.log(starredgames); console.log(starredgames);
$("#gamesearch").prop({placeholder: "Click here to search through our " + data.length + " games!"}); $("#gamesearch").prop({ placeholder: "Click here to search through our " + data.length + " games!" });
data.sort(dynamicSort("name")); data.sort(dynamicSort("name"));
for (let i = 0; i < data.length; i++) { for (let i = 0; i < data.length; i++) {
let $element = $('<div>').prop({ let $element = $("<div>")
class: 'game', .prop({
style: 'cursor: pointer;', class: "game",
id: data[i].directory style: "cursor: pointer;",
}).append( id: data[i].directory,
$('<img>').prop({
src: data[i].directory + "/" + data[i].image,
alt: data[i].name + " logo"
}) })
).append( .append(
$('<h1>').text(data[i].name) $("<img>").prop({
).append( src: data[i].directory + "/" + data[i].image,
$("<mat-icon>").prop({ alt: data[i].name + " logo",
class: 'material-symbols-rounded' })
}).text("star") )
.append($("<h1>").text(data[i].name))
.append(
$("<mat-icon>")
.prop({
class: "material-symbols-rounded",
})
.text("star")
); );
if (starredgames.includes(data[i].directory)) { if (starredgames.includes(data[i].directory)) {
$element.find("mat-icon").attr("id", "starred"); $element.find("mat-icon").attr("id", "starred");
let $pinnedelement = $element.clone(); let $pinnedelement = $element.clone();
$('#pinnedgames').append($pinnedelement); $("#pinnedgames").append($pinnedelement);
if($("#pinnedgames #message")) { if ($("#pinnedgames #message")) {
$("#pinnedmessage").hide(); $("#pinnedmessage").hide();
} }
} }
$('#games').append($element); $("#games").append($element);
} }
$("#games #message").remove(); $("#games #message").remove();
}); });
$(document).ready(function() { $(document).ready(function () {
let starred; let starred;
$(document).on("click", ".game", function(event) { $(document).on("click", ".game", function (event) {
if($(event.target).is('mat-icon')) { if ($(event.target).is("mat-icon")) {
if(!$(event.target).attr("id")) { if (!$(event.target).attr("id")) {
$(event.target).prop({id: "starred"}) $(event.target).prop({ id: "starred" });
starred = Cookies.get("starred") starred = Cookies.get("starred");
if(starred) { if (starred) {
starred = JSON.parse(starred); starred = JSON.parse(starred);
} else { } else {
starred = [] starred = [];
} }
starred.push($(this).attr("id")); starred.push($(this).attr("id"));
Cookies.set("starred", JSON.stringify(starred)); Cookies.set("starred", JSON.stringify(starred));
$element = $(this).clone(); $element = $(this).clone();
$('#pinnedgames').append($element); $("#pinnedgames").append($element);
$("#pinnedmessage").hide(); $("#pinnedmessage").hide();
temp = $('#pinnedgames')[0].childNodes; temp = $("#pinnedgames")[0].childNodes;
pinnedarray = [...temp] pinnedarray = [...temp];
pinnedarray.sort(dynamicSort("id")); pinnedarray.sort(dynamicSort("id"));
$("#pinnedgames").empty(); $("#pinnedgames").empty();
for (let i = 0; i < pinnedarray.length; i++) { for (let i = 0; i < pinnedarray.length; i++) {
pinnedarraynodes = pinnedarray[i].childNodes; pinnedarraynodes = pinnedarray[i].childNodes;
pinnedarraynodes = [...pinnedarraynodes] pinnedarraynodes = [...pinnedarraynodes];
let $element = $('<div>').prop({ let $element = $("<div>")
class: 'game', .prop({
style: 'cursor: pointer;', class: "game",
id: pinnedarray[i].id style: "cursor: pointer;",
}).append( id: pinnedarray[i].id,
$('<img>').prop({
src: pinnedarraynodes[0].src,
alt: pinnedarraynodes[0].alt
}) })
).append( .append(
$('<h1>').text(pinnedarraynodes[1].innerHTML) $("<img>").prop({
).append( src: pinnedarraynodes[0].src,
$("<mat-icon>").prop({ alt: pinnedarraynodes[0].alt,
class: 'material-symbols-rounded', })
id: 'starred' )
}).text("star") .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 { } else {
$(event.target).removeAttr("id"); $(event.target).removeAttr("id");
$thisdiv = '#' + $(this).attr("id") $thisdiv = "#" + $(this).attr("id");
$thisdiv = $thisdiv.replace(".", "\\."); $thisdiv = $thisdiv.replace(".", "\\.");
starred = Cookies.get("starred") starred = Cookies.get("starred");
starred = JSON.parse(starred); starred = JSON.parse(starred);
ourindex = starred.indexOf($(this).attr("id")); ourindex = starred.indexOf($(this).attr("id"));
starred.splice(ourindex, 1); starred.splice(ourindex, 1);
Cookies.set("starred", JSON.stringify(starred)); Cookies.set("starred", JSON.stringify(starred));
$("#pinnedgames " + $thisdiv).remove(); $("#pinnedgames " + $thisdiv).remove();
if($('#pinnedgames').is(':empty')) { if ($("#pinnedgames").is(":empty")) {
$("#pinnedmessage").show(); $("#pinnedmessage").show();
} }
$($thisdiv + " #starred").removeAttr("id"); $($thisdiv + " #starred").removeAttr("id");
@ -107,8 +111,8 @@ $(document).ready(function() {
redirectGame($(this).attr("id")); redirectGame($(this).attr("id"));
} }
}); });
$(document).on("click", "#game span", function(event) { $(document).on("click", "#game span", function (event) {
$(this).prop({class: "material-symbols-outlined fill"}) $(this).prop({ class: "material-symbols-outlined fill" });
}); });
}); });
@ -118,16 +122,16 @@ function redirectGame(dir) {
function dynamicSort(property) { function dynamicSort(property) {
var sortOrder = 1; var sortOrder = 1;
if(property[0] === "-") { if (property[0] === "-") {
sortOrder = -1; sortOrder = -1;
property = property.substr(1); property = property.substr(1);
} }
return function (a,b) { return function (a, b) {
if(sortOrder == -1){ if (sortOrder == -1) {
return b[property].localeCompare(a[property]); return b[property].localeCompare(a[property]);
}else{ } else {
return a[property].localeCompare(b[property]); 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.allow = "fullscreen";
iframe.src = url.value; iframe.src = url.value;
win.document.body.appendChild(iframe); win.document.body.appendChild(iframe);
} };

12
js/search.js
View File

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

22
js/ultimatetabcloak.js
View File

@ -1,17 +1,5 @@
var l = document.querySelector("link[rel*='icon']") || document.createElement("link");
var l = l.type = "image/x-icon";
document.querySelector("link[rel*='icon']") || document.createElement('link') l.rel = "shortcut icon";
l.type = 'image/x-icon' var c = prompt("Select a tab cloak\n1. Canvas\n2. e-hallpass\n3. New Tab");
l.rel = 'shortcut icon' 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 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'))

76
settings.html
View File

@ -1,76 +1,86 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <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" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script src="/js/all.js"></script> <style>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"> @import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script> </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> <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 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 e-gamepass." />
<meta property="og:site_name" content="https://e-gamepass.pages.dev" /> <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 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="description" content="Welcome to the one and only option for unblocked games. Welcome to e-gamepass." />
<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="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> <script>
function setPanicMode() { function setPanicMode() {
if(!$("#panic").val().startsWith("https")) { if (!$("#panic").val().startsWith("https")) {
document.cookie = "panicurl=https://" + $("#panic").val();return; document.cookie = "panicurl=https://" + $("#panic").val();
return;
} }
document.cookie = "panicurl=" + $("#panic").val(); document.cookie = "panicurl=" + $("#panic").val();
Toastify({ Toastify({
text: 'Panic mode saved!', text: "Panic mode saved!",
duration: 2000, duration: 2000,
gravity: "top", // `top` or `bottom` gravity: "top", // `top` or `bottom`
position: "center", // `left`, `center` or `right` position: "center", // `left`, `center` or `right`
style: { style: {
background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)" background: "linear-gradient(42deg, rgba(36, 69, 128, 1) 100%, rgb(24, 17, 87) 0%)",
}, },
onClick: function(){} // Callback after click onClick: function () {}, // Callback after click
}).showToast(); }).showToast();
} }
</script> </script>
</head> </head>
<body> <body>
<div class="content"> <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();"> <form action="javascript:setPanicMode();">
<h3 for="panic">Website URL</h3><br> <h3 for="panic">Website URL</h3>
<input type="text" id="panic" name="panic" placeholder="https://google.com"><br> <br />
<input id="panic" class="submit" type="submit" value="Set Panic Mode"> <input type="text" id="panic" name="panic" placeholder="https://google.com" /><br />
<input id="panic" class="submit" type="submit" value="Set Panic Mode" />
</form> </form>
<br> <br />
<form action="javascript:setCloakCookie();"> <form action="javascript:setCloakCookie();">
<h3 for="webname">Website Name</h3><br> <h3 for="webname">Website Name</h3>
<input type="text" id="webname" name="webname" placeholder="e-gamepass"><br> <br />
<h3 for="webicon">Website Icon</h3><br> <input type="text" id="webname" name="webname" placeholder="e-gamepass" /><br />
<input type="text" id="webicon" name="webicon" placeholder="https://egamepass.pages.dev/"><br><br> <h3 for="webicon">Website Icon</h3>
<input id="websubmit" class="submit" type="submit" value="Set Tab Cloak"> <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> </form>
<button onclick="javascript:clearCloak();">Clear your current tab cloak</button> <button onclick="javascript:clearCloak();">Clear your current tab cloak</button>
<br> <br />
<div id="games"></div> <div id="games"></div>
</div> </div>
</body> </body>
</html> </html>

100
style.css
View File

@ -3,18 +3,18 @@ html {
align-content: center; align-content: center;
font-family: "Share Tech Mono", monospace; font-family: "Share Tech Mono", monospace;
padding: 0; padding: 0;
} }
.content { .content {
animation: fadeIn 5s; animation: fadeIn 5s;
width:90%; width: 90%;
margin: 0 auto; margin: 0 auto;
} }
button { button {
background-color: rgba(89, 110, 177, 0.5); background-color: rgba(89, 110, 177, 0.5);
color: #8daad8; color: #8daad8;
border: 2px solid #527ac4bb ; border: 2px solid #527ac4bb;
border-radius: 6px; border-radius: 6px;
padding: 5px 13px; padding: 5px 13px;
margin-bottom: 6px; margin-bottom: 6px;
@ -27,18 +27,15 @@ button {
opacity: 70%; opacity: 70%;
} }
button:hover { button:hover {
cursor:pointer; cursor: pointer;
opacity: 90%; opacity: 90%;
} }
h2 { h2 {
font-size: 42px; font-size: 42px;
color: #0073e6; color: #0073e6;
margin-top: 3%; margin-top: 3%;
} }
.game { .game {
width: 13%; width: 13%;
@ -61,7 +58,7 @@ button:hover {
.game h1 { .game h1 {
float: right; float: right;
font-size: 0.85em; font-size: 0.85em;
color: rgb(149, 186, 241) color: rgb(149, 186, 241);
} }
.game img { .game img {
width: 100%; width: 100%;
@ -85,25 +82,40 @@ a:hover {
font-size: 25px; font-size: 25px;
} }
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@keyframes fadeIn { @keyframes fadeIn {
0% {opacity: 0;} 0% {
20% {opacity: 40;} opacity: 0;
80% {opacity: 90;}
90% {opacity: 92;}
100% {opacity: 100;}
} }
20% {
opacity: 40;
}
80% {
opacity: 90;
}
90% {
opacity: 92;
}
100% {
opacity: 100;
}
}
@keyframes fadeInPadding { @keyframes fadeInPadding {
0% {padding-left: 0%;padding-right: 0%;} 0% {
100% {padding-left: 5%;padding-right: 5%;} padding-left: 0%;
padding-right: 0%;
} }
100% {
padding-left: 5%;
padding-right: 5%;
}
}
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, rgba(36, 69, 128, 1) 0%, rgb(24, 17, 87) 33%, rgba(36, 69, 128, 1) 66%, rgb(24, 17, 87) 100%);
@ -115,15 +127,14 @@ body {
@keyframes gradient { @keyframes gradient {
0% { 0% {
background-position: 100% 0% background-position: 100% 0%;
} }
100% { 100% {
background-position: 15% 100% background-position: 15% 100%;
} }
} }
input[type="text"] {
input[type=text] {
margin-top: 15px; margin-top: 15px;
width: 50%; width: 50%;
box-sizing: border-box; box-sizing: border-box;
@ -132,26 +143,26 @@ input[type=text] {
padding: 0.8% 0.8%; padding: 0.8% 0.8%;
text-align: center; text-align: center;
color: rgb(149, 186, 241); color: rgb(149, 186, 241);
border: 2px solid #527ac4bb ; border: 2px solid #527ac4bb;
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
opacity: 70%; opacity: 70%;
transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out;
font-family: "Share Tech Mono", monospace; font-family: "Share Tech Mono", monospace;
} }
input[type=text]:hover { input[type="text"]:hover {
opacity: 80%; opacity: 80%;
} }
input[type=text]:focus { input[type="text"]:focus {
opacity: 100%; opacity: 100%;
} }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ ::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgb(149, 186, 241); color: rgb(149, 186, 241);
opacity: 0.6; /* Firefox */ opacity: 0.6; /* Firefox */
} }
ul { ul {
list-style-type: none; list-style-type: none;
padding: 0; padding: 0;
@ -176,15 +187,14 @@ p {
padding: 0.8% 0.8%; padding: 0.8% 0.8%;
text-align: center; text-align: center;
color: rgb(149, 186, 241); color: rgb(149, 186, 241);
border: 2px solid #527ac4bb ; border: 2px solid #527ac4bb;
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
opacity: 70%; opacity: 70%;
transition: opacity .25s ease-in-out; transition: opacity 0.25s ease-in-out;
font-family: "Share Tech Mono", monospace; font-family: "Share Tech Mono", monospace;
} }
h3 { h3 {
font-size: 20px; font-size: 20px;
padding: 0; padding: 0;
@ -194,7 +204,7 @@ h3 {
.submit { .submit {
background-color: rgba(89, 110, 177, 0.5); background-color: rgba(89, 110, 177, 0.5);
color: #8daad8; color: #8daad8;
border: 2px solid #527ac4bb ; border: 2px solid #527ac4bb;
border-radius: 6px; border-radius: 6px;
padding: 5px 13px; padding: 5px 13px;
margin-bottom: 6px; margin-bottom: 6px;
@ -207,7 +217,7 @@ h3 {
opacity: 70%; opacity: 70%;
} }
.submit:hover { .submit:hover {
cursor:pointer; cursor: pointer;
opacity: 90%; opacity: 90%;
} }
@ -216,17 +226,9 @@ h3 {
color: white; color: white;
font-size: 1.9em; font-size: 1.9em;
transition-duration: 0.75s; transition-duration: 0.75s;
font-variation-settings: font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
} }
#starred { #starred {
font-variation-settings: font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
'FILL' 1,
'wght' 400,
'GRAD' 0,
'opsz' 48
} }