updating styling
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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,
|
||||
|
||||
+2
-2
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user