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",
"image": "icon.png"
},

14
index.html
View File

@ -32,18 +32,22 @@
</head>
<body>
<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>
<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>
<p><a href="javascript:downloadMainSave()">Download Save</a> - <a href="javascript:uploadMainSave()">Upload Save</a></p><br>
<input type="text" id="gamesearch" placeholder="Type here to search..">
<p class="uploadResult" style="font-size:20px"></p>
<button onclick="downloadMainSave()">Download Save</button><button onclick="uploadMainSave()">Upload Save</button>
<br>
<input type="text" id="gamesearch" placeholder="Type here to search.."> <br>
<br>
<div class="popup" onclick="myFunction()">
<span class="popuptext" id="myPopup">Upload successful!</span>
</div>
<div id="games"></div>
</div>
</body>
</html>

8
js/cookie.js
View File

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

3
js/games.js
View File

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

49
style.css
View File

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