From 562cf81480c3ab74995222eb2679b857a4f7c42e Mon Sep 17 00:00:00 2001 From: Russell2259 Date: Thu, 3 Aug 2023 09:26:01 -0600 Subject: [PATCH] do stuff --- static/assets/css/launcher.css | 45 ---------------------------------- static/assets/css/main.css | 27 ++++++++++++++++---- static/assets/css/nav.css | 3 ++- static/assets/css/themes.css | 45 +++++++++++++++++----------------- static/assets/js/error.js | 5 ---- static/assets/js/frame.js | 5 ---- static/assets/js/main.js | 14 +++++++++-- 7 files changed, 59 insertions(+), 85 deletions(-) delete mode 100644 static/assets/css/launcher.css diff --git a/static/assets/css/launcher.css b/static/assets/css/launcher.css deleted file mode 100644 index bbbbe44..0000000 --- a/static/assets/css/launcher.css +++ /dev/null @@ -1,45 +0,0 @@ -/*#game-frame { - margin: 0 auto; - display: block; - border-top: 10px solid black; - border-left: 10px solid black; - border-right: 10px solid black; - border-radius: 16px 16px 0px 0px; -} - -#game-options { - max-width: 75%; - margin: 0 auto; - border: 10px solid black; - display: flex; - justify-content: space-between; - border-radius: 0px 0px 16px 16px; - color: #ffffff; - background-color: #000000; -} - -#game-options>b { - display: inline-block; -} - -.icons-options { - padding-right: 15px; - padding-top: 2px; - margin: 0; - display: inline-block; -} - -.game-name-icon { - display: flex; - align-items: center; - justify-content: center; -} - -.logo-options { - color: #ffffff; -} - -#game-icon-sm { - border-radius: 5px; -}*/ - diff --git a/static/assets/css/main.css b/static/assets/css/main.css index 4312edf..b0ae55b 100644 --- a/static/assets/css/main.css +++ b/static/assets/css/main.css @@ -4,7 +4,6 @@ @import url('/assets/css/nav.css'); @import url('/assets/css/sidebar.css'); @import url('/assets/css/dropdown.css'); -/*@import url('/asset/css/launcher.css');*/ * { font-family: 'Lato'; @@ -15,14 +14,31 @@ html, body { margin: 0vh; - background-color: var(--background-color); + background: var(--background-color); + background-attachment: fixed; color: var(--text); text-align: center; - overflow: hidden; + overflow: auto; } html { - height: 100%; + min-height: 100%; +} + +body::-webkit-scrollbar-track { + background: var(--solid); + margin: 0; +} + +body::-webkit-scrollbar-thumb { + background: var(--scrollbar-color); + border: 0.5vh solid var(--solid); + background-clip: content-box; + border-radius: 1vh; +} + +body::-webkit-scrollbar-corner { + background: #000; } ::-webkit-scrollbar { @@ -33,6 +49,7 @@ html { background: transparent; margin-top: 2vh; margin-bottom: 2vh; + margin-left: 1vh; } ::-webkit-scrollbar-thumb { @@ -451,4 +468,4 @@ input:checked+.slider:before { color: #ffffff; border-color: rgba(0, 0, 0); background: rgba(0, 0, 0); -} +} \ No newline at end of file diff --git a/static/assets/css/nav.css b/static/assets/css/nav.css index 32e2b51..91a6ecf 100644 --- a/static/assets/css/nav.css +++ b/static/assets/css/nav.css @@ -42,5 +42,6 @@ .navbar>.end>a:hover { - color: var(--hover); + padding: 10px; + } \ No newline at end of file diff --git a/static/assets/css/themes.css b/static/assets/css/themes.css index 64e2e92..c454aa4 100644 --- a/static/assets/css/themes.css +++ b/static/assets/css/themes.css @@ -1,17 +1,18 @@ body[data-theme='dark'] { --background-color: #233147; - --text: #fff; - --sidebar-bg: #161f2e; - --button-bg: #42424259; - --shadow-color: #4242424b; - --switch-color: #42424259; - --switch-active: #2196F3; - --scrollbar-color: #ffffff59; - --solid: #1b2735; - --hover: #757575; - background: radial-gradient(circle, rgba(58,61,96,1) 0%, rgba(45,40,51,1) 100%); - background-repeat: no-repeat; + --text: #fff; + --sidebar-bg: #161f2eef; + --button-bg: #42424259; + --shadow-color: #4242424b; + --switch-color: #42424259; + --switch-active: #2196F3; + --scrollbar-color: #ffffff59; + --solid: #1b2735; + --hover: #757575; + background: radial-gradient(circle, rgba(58, 61, 96, 1) 0%, rgba(45, 40, 51, 1) 100%); + background-repeat: no-repeat; } + body[data-theme='light'] { --background-color: #fff; --text: #000; @@ -40,7 +41,7 @@ body[data-theme='flamingo'] { --scrollbar-color: #ffffff59; --solid: #FB5E4C; --hover: #ed58b4; - background: linear-gradient(122deg, rgba(255,41,191,1) 0%, rgba(215,67,46,1) 85%); + background: linear-gradient(122deg, rgba(255, 41, 191, 1) 0%, rgba(215, 67, 46, 1) 85%); animation: flamingo-gradient 12s ease infinite; @keyframes flamingo-gradient { @@ -69,18 +70,18 @@ body[data-theme='frost'] { --scrollbar-color: #ffffff59; --solid: #056181; --hover: #6491fa; - background: linear-gradient(90deg, rgba(127,120,246,1) 0%, rgba(49,49,129,1) 84%); + background: linear-gradient(90deg, #6491fa 0%, rgba(49, 49, 129) 84%); animation: frost-gradient 12s ease infinite; @keyframes frost-gradient { 0% { background-position: 0% 50%; } - + 50% { background-position: 100% 50%; } - + 100% { background-position: 0% 50%; } @@ -98,18 +99,18 @@ body[data-theme='crimson'] { --scrollbar-color: #ffffff59; --solid: #940C28; --hover: #fc3f42; - background: linear-gradient(90deg, rgba(255,106,111,1) 0%, rgba(148,0,17,1) 85%); + background: linear-gradient(90deg, rgba(255, 106, 111, 1) 0%, rgba(148, 0, 17, 1) 85%); animation: crimsion-gradient 12s ease infinite; @keyframes crimson-gradient { 0% { background-position: 0% 50%; } - + 50% { background-position: 100% 50%; } - + 100% { background-position: 0% 50%; } @@ -135,9 +136,9 @@ body[data-theme='crimson'] { @media screen and (prefers-color-scheme: dark) { body[data-theme='system default'] { - --background-color: #000; + --background-color: #233147; --text: #fff; - --sidebar-bg: #000000ee; + --sidebar-bg: #161f2eef; --button-bg: #42424259; --shadow-color: #4242424b; --switch-color: #42424259; @@ -145,7 +146,7 @@ body[data-theme='crimson'] { --scrollbar-color: #ffffff59; --solid: #1b2735; --hover: #757575; - background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); + background: radial-gradient(circle, rgba(58, 61, 96, 1) 0%, rgba(45, 40, 51, 1) 100%); background-repeat: no-repeat; } -} +} \ No newline at end of file diff --git a/static/assets/js/error.js b/static/assets/js/error.js index 090b9a3..370d27d 100644 --- a/static/assets/js/error.js +++ b/static/assets/js/error.js @@ -48,11 +48,6 @@ class PolarisError { } window.onerror = (a, b, c, d, e) => { - //alert(a); - //alert(b); - alert(c); - //alert(d); - //alert(e); new PolarisError(e); } diff --git a/static/assets/js/frame.js b/static/assets/js/frame.js index 9c95c6b..df61ec5 100644 --- a/static/assets/js/frame.js +++ b/static/assets/js/frame.js @@ -36,11 +36,6 @@ const load = () => { else if (iframe.mozRequestFullScreen) iframe.mozRequestFullScreen(); else if (iframe.msRequestFullscreen) iframe.msRequestFullscreen(); }); - - document.querySelector('#clipboard').addEventListener('click', () => { - navigator.clipboard.writeText(window.location.href); - alert("Game link copied.\nShare it with your friends!") - }); }; export default { load }; diff --git a/static/assets/js/main.js b/static/assets/js/main.js index 3055461..1466af3 100644 --- a/static/assets/js/main.js +++ b/static/assets/js/main.js @@ -14,7 +14,7 @@ fetch('/assets/misc/nav.html') window.parent.postMessage('loaded', location.origin); } }).catch(e => { - new PolarisError('Failed to load navbar '); + new PolarisError('Failed to load navbar '); }); onbeforeunload = (e) => { @@ -25,6 +25,16 @@ onbeforeunload = (e) => { sessionStorage.clear(); } +var previousLocation = location.pathname; + +const urlchange = setInterval(() => { + if (location.pathname !== previousLocation) { + + } + + previousLocation = location.pathname; +}, 1); + const registerLinks = () => { document.querySelectorAll('a').forEach(a => { a.onclick = (e) => { @@ -103,4 +113,4 @@ if (window.self === window.top) { const Polaris = { Settings, Games, Apps, WPM, PolarisError, registerLinks }; -export default Polaris; +export default Polaris; \ No newline at end of file