do stuff
This commit is contained in:
@@ -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;
|
||||
}*/
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
@@ -42,5 +42,6 @@
|
||||
|
||||
|
||||
.navbar>.end>a:hover {
|
||||
color: var(--hover);
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
@@ -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 };
|
||||
|
||||
@@ -14,7 +14,7 @@ fetch('/assets/misc/nav.html')
|
||||
window.parent.postMessage('loaded', location.origin);
|
||||
}
|
||||
}).catch(e => {
|
||||
new PolarisError('Failed to load navbar <a href="javascript:location.reload();" data-link="true"><button>Reload</button></a>');
|
||||
new PolarisError('Failed to load navbar <a href="" onclick"javascript:location.reload();" data-link="true"><button>Reload</button></a>');
|
||||
});
|
||||
|
||||
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;
|
||||
Reference in New Issue
Block a user