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

everything should be done, just gotta make it actually games

Browse Source
This commit is contained in:
Sky 2023-07-22 23:17:11 -04:00
parent e5fd028a18
commit d8bb5d8c09
5 changed files with 47 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
games.json
View File

@ -1,6 +1,6 @@
[ [
{ {
"name": "this is a new name", "name": "this is a new name AAAAAAAAAA",
"directory": "adofai", "directory": "adofai",
"image": "icon.png" "image": "icon.png"
}, },

16
index.html
View File

@ -32,18 +32,22 @@
</head> </head>
<body> <body>
<div class="content"> <div class="content">
<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></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>
<p><a href="./bookmarklets.html">Click here for bookmarklets that you can use even if we get blocked!</a> - <a href="https://forms.gle/iBAbXvEDaYTLuEcdA">Want a game to be added? Suggest here!</a> - <a href="https://github.com/skysthelimitt/e-gamepass">Want to help me develop the website? Click here!</a></p> <button onclick="downloadMainSave()">Download Save</button><button onclick="uploadMainSave()">Upload Save</button>
<p><a href="javascript:downloadMainSave()">Download Save</a> - <a href="javascript:uploadMainSave()">Upload Save</a></p><br> <br>
<input type="text" id="gamesearch" placeholder="Type here to search.."> <input type="text" id="gamesearch" placeholder="Type here to search.."> <br>
<p class="uploadResult" style="font-size:20px"></p>
<br> <br>
<div class="popup" onclick="myFunction()">
<span class="popuptext" id="myPopup">Upload successful!</span>
</div>
<div id="games"></div> <div id="games"></div>
</div> </div>
</body> </body>
</html> </html>

8
js/cookie.js
View File

@ -86,12 +86,8 @@ function uploadMainSave() {
getMainSaveFromUpload(e.target.result); getMainSaveFromUpload(e.target.result);
// Show a success message to the user // Show a success message to the user
var uploadResult = document.querySelector('.uploadResult'); alert("Upload successful!")
uploadResult.innerText = 'Uploaded save!';
uploadResult.style.display = 'initial';
setTimeout(function () {
uploadResult.style.display = 'none';
}, 3000);
}; };
reader.readAsText(file); reader.readAsText(file);

3
js/games.js
View File

@ -7,7 +7,8 @@ $.getJSON("/games.json", function (data) {
dir: data[i].directory dir: data[i].directory
}).append( }).append(
$('<img>').prop({ $('<img>').prop({
src: data[i].directory + "/" + data[i].image src: data[i].directory + "/" + data[i].image,
alt: data[i].name + " logo"
}) })
).append( ).append(
$('<h1>').text(data[i].name) $('<h1>').text(data[i].name)

49
style.css
View File

@ -11,20 +11,23 @@ html {
} }
button { button {
background-color: rgba(83, 141, 175, 0); background-color: rgba(89, 110, 177, 0.5);
color: #8daad8; color: #8daad8;
border: 2.5px solid rgba(0,0,0,0); border: 2px solid #527ac4bb ;
border-radius: 10px; border-radius: 6px;
padding: 5px 13px; padding: 5px 13px;
margin-bottom: 6px; margin-bottom: 6px;
margin: 10px;
transition-duration: 0.45s; transition-duration: 0.45s;
font-size: 20px; font-size: 20px;
color: #6983da; color: #6983da;
font-family: "Share Tech Mono", monospace; font-family: "Share Tech Mono", monospace;
text-underline-position: under; text-underline-position: under;
opacity: 70%;
} }
button:hover { button:hover {
cursor:pointer; cursor:pointer;
opacity: 90%;
} }
h2 { h2 {
@ -34,10 +37,7 @@ button:hover {
} }
p {
font-size: 20px;
color: #0073e6;
}
#game { #game {
width: 10%; width: 10%;
@ -48,12 +48,12 @@ button:hover {
margin: 2%; margin: 2%;
transition-duration: 0.5s; transition-duration: 0.5s;
box-shadow: 0px 0px 5px 5px rgba(83, 118, 235, 0.4); box-shadow: 0px 0px 5px 5px rgba(83, 118, 235, 0.4);
height: 100%;
} }
#game:hover { #game:hover {
background-color: rgba(113, 142, 238, 0.6); background-color: rgba(113, 142, 238, 0.6);
transform: scale(1.1); transform: scale(1.05);
box-shadow: 0px 0px 5px 5px rgba(113, 142, 238, 0.6); box-shadow: 0px 0px 5px 5px rgba(113, 142, 238, 0.6);
} }
@ -117,18 +117,33 @@ body {
input[type=text] { input[type=text] {
width: 50%; width: 50%;
box-sizing: border-box; box-sizing: border-box;
font-size: 25px; font-size: 20px;
background-color: rgba(89, 110, 177, 0.274); background-color: rgba(89, 110, 177, 0.5);
padding: 0.8% 0.8%; padding: 0.8% 0.8%;
text-align: center; text-align: center;
color: white; color: rgb(149, 186, 241);
border: 2px solid #527ac4aa; border: 2px solid #527ac4bb ;
border-radius: 5px; border-radius: 5px;
outline: none; outline: none;
opacity: 50%; opacity: 70%;
transition: opacity .75s ease-in-out; transition: opacity .25s ease-in-out;
font-family: "Share Tech Mono", monospace;
}
input[type=text]:hover {
opacity: 90%;
} }
input[type=text]:focus { input[type=text]:focus {
opacity: 100%; opacity: 100%;
} }
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline;
padding: 8px;
top: 10px;
}