1
0
mirror of https://gitlab.crans.org/bde/nk20 synced 2025-03-28 08:31:12 +00:00

Resize and compress image, add shiny button

This commit is contained in:
quark 2025-03-12 23:42:37 +01:00
parent 7f0a3784e9
commit 4799b2c52d
4 changed files with 25 additions and 19 deletions

View File

@ -294,3 +294,10 @@ searchbar.addEventListener("keyup", function (e) {
if (firstMatch && e.key === "Enter") if (firstMatch && e.key === "Enter")
firstMatch.click() firstMatch.click()
}); });
function createshiny() {
const list_btn = document.querySelectorAll('.btn-outline-dark')
const shiny_class = list_btn[Math.floor(Math.random() * list_btn.length)].classList
shiny_class.replace('btn-outline-dark', 'btn-outline-dark-shiny')
}
createshiny()

View File

@ -74,7 +74,7 @@ mark {
/* MODE VIEUXCON=ON */ /* MODE VIEUXCON=ON */
/* background-color: rgb(166, 0, 2) !important; */ /* background-color: rgb(166, 0, 2) !important; */
background-color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);
background-image: url('/static/wrapped/img/1/bg.png'); background-image: url('/static/img/rp_bg.png');
} }
html { html {
@ -136,33 +136,32 @@ body {
border-color: rgb(255, 0, 101); border-color: rgb(255, 0, 101);
} }
.btn-outline-dark:nth-child(even) { .btn-outline-dark-shiny {
color: rgba(255, 203, 32, 75%); background-color: #222;
} border-color: #61605b;
.btn-outline-dark:nth-child(odd) {
color: rgba(255, 0, 101, 75%); color: rgba(255, 0, 101, 75%);
} }
.btn-outline-dark { .btn-outline-dark-shiny:hover,
background-color: #222; .btn-outline-dark-shiny:not(:disabled):not(.disabled).active,
border-color: #61605b; .btn-outline-dark-shiny:not(:disabled):not(.disabled):active {
}
.btn-outline-dark:hover:nth-child(even),
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
background-color: rgb(255, 203, 32); background-color: rgb(255, 203, 32);
border-color: rgb(255, 0, 101); border-color: rgb(255, 0, 101);
} }
.btn-outline-dark:hover:nth-child(odd), .btn-outline-dark {
background-color: #222;
border-color: #61605b;
color: rgba(255, 203, 32, 75%);
}
.btn-outline-dark:hover,
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active { .btn-outline-dark:not(:disabled):not(.disabled):active {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
background-color: rgb(255, 203, 32); background-color: rgb(255, 0, 101);
border-color: rgb(255, 0, 101); border-color: rgb(255, 203, 32);
} }
a { a {

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

View File

@ -26,7 +26,7 @@ function afterKonami () {
}) })
rythm.addRythm('d-flex', 'color', 50, 50, { rythm.addRythm('d-flex', 'color', 50, 50, {
from: [64, 64, 64], from: [64, 64, 64],
to: [128, 64, 128] to: [255, 0, 101]
}) })
rythm.addRythm('nav-link', 'jump', 150, 50, { rythm.addRythm('nav-link', 'jump', 150, 50, {
min: 0, min: 0,