From d3224ddc22656f65be6d9eb0a9778d24f97d8de6 Mon Sep 17 00:00:00 2001
From: Russell2259 <russell2259@tuta.io>
Date: Wed, 21 Feb 2024 21:48:17 +0000
Subject: [PATCH] updating styling

---
 static/assets/css/main.css   |  9 ++++++++-
 static/assets/css/themes.css | 12 ++++++------
 static/assets/js/apps.js     |  3 ---
 static/assets/js/cheats.js   |  3 ---
 static/assets/js/games.js    |  8 --------
 static/assets/js/main.js     | 11 ++---------
 static/games.html            |  4 ++--
 7 files changed, 18 insertions(+), 32 deletions(-)

diff --git a/static/assets/css/main.css b/static/assets/css/main.css
index ffb5e23..c842cc3 100644
--- a/static/assets/css/main.css
+++ b/static/assets/css/main.css
@@ -95,13 +95,20 @@ body::-webkit-scrollbar-corner {
         height: 7vh;
         border-radius: 2vh;
         font-size: 3vh;
+        cursor: text;
+        margin-right: 0px;
+        border-top-right-radius: 0px;
+        border-bottom-right-radius: 0px;
     }
 
     select {
-        height: 7vh;
+        height: calc(7vh + 2px);
         border-radius: 2vh;
         font-size: 3vh;
         background: var(--sidebar-bg);
+        margin-left: 0px;
+        border-top-left-radius: 0px;
+        border-bottom-left-radius: 0px;
     }
 }
 
diff --git a/static/assets/css/themes.css b/static/assets/css/themes.css
index 6c29c05..17b0e9d 100644
--- a/static/assets/css/themes.css
+++ b/static/assets/css/themes.css
@@ -216,18 +216,18 @@ body[data-theme='violet'] {
 }
 
 body[data-theme='cyan'] {
-    --background-color: #000000;
+    --background-color: rgba(0, 0, 0, 0.8);
     --background-darker: rgba(0, 0, 0, 0.9);
     --text: #fff;
     --sidebar-bg: #000000;
     --button-bg: #000000;
-    --shadow-color: #00d1c7;
+    --shadow-color: #1f4e4c;
     --switch-color: #00404b;
     --switch-active: #00fff2;
     --scrollbar-color: #000000;
     --solid: #000000;
     --hover: #8fe0dc;
-    background: linear-gradient(90deg, rgb(94, 255, 247) 0%, rgba(0, 0, 0, 1) 85%);
+    background: linear-gradient(90deg, rgb(94, 255, 247) 0%, rgb(78, 138, 157) 85%);
     animation: cyan-gradient 12s ease infinite;
 
     @keyframes cyan-gradient {
@@ -246,18 +246,18 @@ body[data-theme='cyan'] {
 }
 
 body[data-theme='bronze'] {
-    --background-color: #000000;
+    --background-color: rgba(0, 0, 0, 0.8);
     --background-darker: rgba(0, 0, 0, 0.9);
     --text: #fff;
     --sidebar-bg: #000000;
     --button-bg: #000000;
-    --shadow-color: #ca720e;
+    --shadow-color: #4c2b04;
     --switch-color: #643c00;
     --switch-active: #ffa318;
     --scrollbar-color: #000000;
     --solid: #000000;
     --hover: #ffb74a;
-    background: linear-gradient(90deg, rgb(253, 135, 1) 0%, rgba(0, 0, 0, 1) 85%);
+    background: linear-gradient(90deg, rgb(253, 135, 1) 0%, rgb(58, 32, 3));
     animation: bronze-gradient 12s ease infinite;
 
     @keyframes bronze-gradient {
diff --git a/static/assets/js/apps.js b/static/assets/js/apps.js
index 2e74063..00a787a 100644
--- a/static/assets/js/apps.js
+++ b/static/assets/js/apps.js
@@ -9,7 +9,6 @@ const load = () => fetch('/api/apps').then(res => res.json()).then(apps => {
         
         const image = document.createElement('img');
         image.src = app.image;
-        image.loading = 'lazy';
         image.onerror = () => image.src = '/assets/img/logo.png';
         el.appendChild(image);
 
@@ -28,8 +27,6 @@ const load = () => fetch('/api/apps').then(res => res.json()).then(apps => {
         el.addEventListener('click', async () => {
             document.body.style.opacity = '0.7';
 
-            umami.track('app_' + app.name);
-
             setTimeout(() => {
                 if (isValidURL(app.target)) createViewPage({
                     target: app.target,
diff --git a/static/assets/js/cheats.js b/static/assets/js/cheats.js
index bd49188..13df989 100644
--- a/static/assets/js/cheats.js
+++ b/static/assets/js/cheats.js
@@ -10,7 +10,6 @@ const load = () => fetch('/api/cheats')
         
         const image = document.createElement('img');
         image.src = cheat.image;
-        image.loading = 'lazy';
         image.onerror = () => image.src = '/assets/img/logo.png';
         el.appendChild(image);
 
@@ -29,8 +28,6 @@ const load = () => fetch('/api/cheats')
         el.addEventListener('click', () => {
             document.body.style.opacity = '0.7';
 
-            umami.track('cheat_' + cheat.name);
-
             setTimeout(() => {
                 if (isValidURL(cheat.target)) createViewPage({
                     target: cheat.target,
diff --git a/static/assets/js/games.js b/static/assets/js/games.js
index 7d8fec7..ccae4ae 100644
--- a/static/assets/js/games.js
+++ b/static/assets/js/games.js
@@ -43,8 +43,6 @@ const load = () => {
                     el.addEventListener('click', async () => {
                         document.body.style.opacity = '0.7';
 
-                        umami.track('game-' + game.name);
-
                         setTimeout(() => {
                             if (isValidURL(game.target)) createViewPage({
                                 target: game.target,
@@ -103,7 +101,6 @@ const load = () => {
 
                 const image = document.createElement('img');
                 image.src = game.image;
-                image.loading = 'lazy';
                 image.onerror = () => image.src = '/assets/img/logo.png';
                 popularEl.appendChild(image);
 
@@ -114,8 +111,6 @@ const load = () => {
                 popularEl.addEventListener('click', async () => {
                     document.body.style.opacity = '0.7';
 
-                    umami.track('popular-game_' + game.name);
-
                     setTimeout(() => {
                         if (isValidURL(game.target)) createViewPage({
                             target: game.target,
@@ -145,7 +140,6 @@ const load = () => {
 
                 const image = document.createElement('img');
                 image.src = game.image;
-                image.loading = 'lazy';
                 image.onerror = () => image.src = '/assets/img/logo.png';
                 el.appendChild(image);
 
@@ -164,8 +158,6 @@ const load = () => {
                 el.addEventListener('click', async () => {
                     document.body.style.opacity = '0.7';
 
-                    umami.track('game-' + game.name);
-
                     setTimeout(() => {
                         if (isValidURL(game.target)) createViewPage({
                             target: game.target,
diff --git a/static/assets/js/main.js b/static/assets/js/main.js
index 99314e0..52b61c0 100644
--- a/static/assets/js/main.js
+++ b/static/assets/js/main.js
@@ -104,13 +104,8 @@ const hyperlinkHandler = (hyperlink, e) => {
 document.querySelectorAll('a').forEach(hyperlink => hyperlink.addEventListener('click', (e) => hyperlinkHandler(hyperlink, e)));
 
 window.onhashchange = () => {
-    if (location.hash === '#settings') {
-        document.querySelector('.sidebar').classList.add('active');
-        umami.track('sidebar-open');
-    } else {
-        document.querySelector('.sidebar').classList.remove('active');
-        umami.track('sidebar-close');
-    }
+    if (location.hash === '#settings') document.querySelector('.sidebar').classList.add('active');
+    else document.querySelector('.sidebar').classList.remove('active');
 };
 
 if (window.self === window.top && location.pathname !== '/view') setTimeout(async () => {
@@ -142,8 +137,6 @@ if (location.pathname === '/') {
             document.querySelector('.featured').addEventListener('click', () => {
                 document.body.style.opacity = '0.7';
 
-                umami.track('game-' + game.name);
-
                 setTimeout(() => {
                     if (isValidURL(game.target)) createViewPage({
                         target: game.target,
diff --git a/static/games.html b/static/games.html
index ed3d82c..a49f277 100644
--- a/static/games.html
+++ b/static/games.html
@@ -31,8 +31,6 @@
   <div class="content centered">
     <h1 style="font-size: 6vh;">Games</h1>
 
-    <h1 style="font-size: 4vh;" class="gamesectionheader">Popular</h1>
-
     <div class="popular-games">
     </div>
 
@@ -48,6 +46,8 @@
       </select>
     </div>
 
+    <br>
+
     <!--el:ad_horizontal-->
 
     <div class="games">