From 7fca0fbde68bf2a7fc166abff90a25b903e6271e Mon Sep 17 00:00:00 2001 From: sky Date: Thu, 25 Sep 2025 17:57:35 -0400 Subject: [PATCH] redesign loader --- 404.html | 161 ++++++++++++++++++++---------------------------- css/games.css | 4 +- css/loader.css | 26 +++----- css/main.css | 4 +- css/sidebar.css | 5 ++ info.html | 1 + loader.html | 18 +++--- 7 files changed, 94 insertions(+), 125 deletions(-) diff --git a/404.html b/404.html index 6f2463b..cfe164a 100755 --- a/404.html +++ b/404.html @@ -1,101 +1,74 @@ - - - - - - - - - - - - - - - - - - - - - - - - - Selenite - - - - - - - - - - - -
- Home - Bookmarklets - Games - Apps - Settings - Open Blank - - -
-
-

Page not found!

-

We could not find this page.

-

Trying to access a page such as login, register, or a user page? Those are only available on official links.

-

Join the Discord to find official links.

- - - - - -
- - - - + + + + + + + + + + + 404 | Selenite + + + + + +

page not found

+

we could not find the page you were trying to open. try again?

+

:3

+ diff --git a/css/games.css b/css/games.css index ebab808..563b44d 100755 --- a/css/games.css +++ b/css/games.css @@ -8,7 +8,7 @@ game { cursor: pointer; border-radius: 20px; margin: 15px; - transition-duration: 0.25s; + /* transition-duration: 0.25s; */ backdrop-filter: blur(2px); box-shadow: 0 0 10px var(--color-2); } @@ -43,7 +43,7 @@ game img { justify-self: right; margin-left: auto; margin-right: 15px; - transition-duration: 0.25s; + /* transition-duration: 0.25s; */ } #star:hover { transform: scale(1.1); diff --git a/css/loader.css b/css/loader.css index 3e4270c..bffa8ea 100644 --- a/css/loader.css +++ b/css/loader.css @@ -1,28 +1,22 @@ -#gamecontainer { - width: 90vw; - height: auto; - border-radius: 15px; - background-color: color-mix(in srgb, var(--color-2) 50%, #00000000 50%); - box-shadow: 0 0 10px var(--color-2); - backdrop-filter: blur(6px); +body { + overflow: hidden; } #gameFrame { - width: 99%; - height: 75vh; - margin: 0.5%; - margin-bottom: 0; - border-radius: 10px; + width: 100vw; + height: 90vh; + margin: 0; } #infobox { - height: 8vh; + height: 10vh; width: 100%; - margin: 1% 0; display: flex; justify-content: center; align-items: center; + background-color: #000000; + backdrop-filter: blur(4px); } #infobox img { - height: 100%; + height: 90%; margin: 0.5%; aspect-ratio: 1 / 1; border-radius: 8px; @@ -34,7 +28,7 @@ margin: 4px; padding: 2px; width: 7%; - transition-duration: 0.25s; + /* transition-duration: 0.25s; */ cursor: pointer; } .button:hover { diff --git a/css/main.css b/css/main.css index 3f2442d..532d49d 100755 --- a/css/main.css +++ b/css/main.css @@ -83,7 +83,7 @@ select, select { padding: 8px; background-color: color-mix(in srgb, var(--color-4) 30%, #00000000 70%); - transition-duration: 0.25s; + /* transition-duration: 0.25s; */ color: var(--text-color); border-radius: 4px; } @@ -119,6 +119,6 @@ mobile-warning { justify-content: center; align-items: center; flex-direction: column; - transition-duration: 1s; + /* transition-duration: 1s; */ text-align: center; } \ No newline at end of file diff --git a/css/sidebar.css b/css/sidebar.css index 6998f63..02a20bd 100755 --- a/css/sidebar.css +++ b/css/sidebar.css @@ -81,11 +81,16 @@ iframe { height: 15px; width: 70px; z-index: 5; + filter: drop-shadow(0 0 16px #fff5); } #bottom-menu[enabled=true] { bottom: 10px; color: white; + filter: drop-shadow(0 0 16px #fff5); + z-index: 0; } #open-bottom-menu[enabled=true] { bottom: 60px; + filter: drop-shadow(0 0 0 #fff5); + opacity: 0; } \ No newline at end of file diff --git a/info.html b/info.html index 6760574..6145167 100644 --- a/info.html +++ b/info.html @@ -59,6 +59,7 @@

3kh0 assets by 3kh0 (games)

web ports by gn-math (games)

more ports by bog (games)

+

even more ports by slqnt (games)

cobalt by imputnet (music implementation)

suggest a game

you can either email us or join the discord to suggest a game/other improvements.

diff --git a/loader.html b/loader.html index 2d429bc..a30b91e 100755 --- a/loader.html +++ b/loader.html @@ -9,11 +9,9 @@ - -