Merge branch 'bde_color' into 'main'

Resize and compress image, add shiny button

See merge request bde/nk20!297

apps/note/static/note/js/consos.js

@@ -294,3 +294,10 @@ searchbar.addEventListener("keyup", function (e) {
   if (firstMatch && e.key === "Enter")
     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()

note_kfet/static/css/custom.css

@@ -74,7 +74,7 @@ mark {
 /* MODE VIEUXCON=ON */
 /*    background-color: rgb(166, 0, 2) !important; */
     background-color: rgb(0, 0, 0);
-    background-image: url('/static/wrapped/img/1/bg.png');
+    background-image: url('/static/img/rp_bg.png');
 }
 
 html {
@@ -136,33 +136,32 @@ body {
     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%);
 }
 
-.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);
     background-color: rgb(255, 203, 32);
     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 {
-    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 {

note_kfet/static/js/konami.js

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