selenite/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix new resources

Browse Source
This commit is contained in:
sky
2025-06-30 03:22:29 -04:00
parent 5d0a1b87df
commit e11d48d181
10 changed files with 20 additions and 2617 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/games.js
View File

@ -3,7 +3,7 @@ let elements = [];
async function loadGames() {
// taken from mdn
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
let data = await (await fetch("/data/games.json")).json();
let data = await (await fetch("/resources/games.json")).json();
sorted = data.sort((a, b) => {
const n1 = a.name.toUpperCase();
const n2 = b.name.toUpperCase();
@ -18,10 +18,11 @@ async function loadGames() {
});
let gamesElement = document.getElementById("games");
sorted.forEach(element => {
console.log(element);
let newElement = document.createElement("game");
newElement.setAttribute("data-target", element.directory);
let image = document.createElement("img");
image.src = `/semag/${element.directory}/${element.image}`
image.src = `/resources/semag/${element.directory}/${element.image}`
let title = document.createElement("h1");
title.innerText = element.name;
newElement.appendChild(image);
@ -32,6 +33,7 @@ async function loadGames() {
})
elements.push(newElement);
});
document.getElementById("loadingMsg").style.display = "none";
}
document.addEventListener("DOMContentLoaded", ()=>{
document.getElementById("gamesearch").addEventListener("input", ()=>{

8
js/main.js
View File

@ -23,12 +23,14 @@ function cursor() {
cursor.style.backgroundColor = "var(--color-1)";
cursor.style.position = "absolute";
cursor.style.borderRadius = "100%";
// cursor.style.filter = "blur(40px)";
cursor.style.filter = "blur(40px)";
cursor.style.opacity = "1";
cursor.style.pointerEvents = "none";
document.body.appendChild(cursor);
document.addEventListener("mousemove", (e) => {
cursor.style.top = `${e.clientY - 15}px`;
cursor.style.left = `${e.clientX - 15}px`;
console.log(e);
cursor.style.top = `${e.pageY - 15}px`;
cursor.style.left = `${e.pageX - 15}px`;
})
}