From 6b448258ea45c166dd00d1cddee9207298e69e19 Mon Sep 17 00:00:00 2001 From: sky Date: Sat, 27 Sep 2025 20:54:26 -0400 Subject: [PATCH] mid update --- css/games.css | 6 +++--- css/main.css | 2 +- index.html | 34 +++++++++++++++++++++++++++++++++- js/games.js | 18 +++++++++++++++--- js/particlesjs-config.json | 6 +++--- projects.html | 7 ++++--- 6 files changed, 59 insertions(+), 14 deletions(-) diff --git a/css/games.css b/css/games.css index 563b44d..15aba73 100755 --- a/css/games.css +++ b/css/games.css @@ -49,7 +49,7 @@ game img { transform: scale(1.1); filter: drop-shadow(0 0 5px var(--color-1)) } -#games, #starredgames { +#games, #starredgames, #topGames { width: 90vw; display: flex; flex-direction: row; @@ -63,11 +63,11 @@ game img { font-size: 24px; color: var(--color-1); } -#starredHeader, #allHeader { +#starredHeader, #allHeader, #topHeader { font-size: 32px; color: var(--color-1); } -#noResults, #starredHeader, #allHeader { +#noResults, #starredHeader, #allHeader, #topHeader { display: none; } body { diff --git a/css/main.css b/css/main.css index 532d49d..cae5684 100755 --- a/css/main.css +++ b/css/main.css @@ -108,7 +108,7 @@ option:hover { option:focus { background: color-mix(in srgb, var(--color-2) 60%, var(--color-4) 40%); } -mobile-warning { +mobile-warning, loading-game { position: absolute; top: 0; left: 0; diff --git a/index.html b/index.html index 0b8de2e..b1228d2 100755 --- a/index.html +++ b/index.html @@ -57,7 +57,38 @@

your device is not supported!

please rotate your screen for the best experience.

 +

we are loading your game!

please allow us to fetch the data first, this should only take a second.