kibi/f0ckm
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

zomg indicator

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-22 18:15:31 +02:00
parent e07fb589c5
commit bc89c1d7a8
2 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/s/css/f0ckm.css
View File

@@ -14395,15 +14395,16 @@ body.scroller-active #gchat-reopen-bubble {
.filter-badge { .filter-badge {
position: absolute; position: absolute;
bottom: -6px; bottom: -6px;
font-size: 6px; right: -8px;
font-weight: 796; font-size: 8px;
padding: 2px 4px; font-weight: 800;
padding: 1px 4px;
border-radius: 4px; border-radius: 4px;
line-height: 1; line-height: 1;
text-transform: uppercase; text-transform: uppercase;
color: #fff !important; color: #fff !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
pointer-events: none; cursor: pointer;
font-family: var(--font, monospace); font-family: var(--font, monospace);
letter-spacing: 0.5px; letter-spacing: 0.5px;
z-index: 10; z-index: 10;
@@ -14484,4 +14485,22 @@ body.scroller-active #gchat-reopen-bubble {
background-color: #f1c40f; background-color: #f1c40f;
/* Yellow */ /* Yellow */
box-shadow: 0 0 3px #f1c40f; box-shadow: 0 0 3px #f1c40f;
}
/* ZOMG Mode glowing Z indicator */
.zomg-z {
color: #f1c40f; /* Gold/Yellow */
font-weight: 900;
text-shadow: 0 0 3px #f1c40f;
margin-left: 2px;
animation: zomg-pulse 1.5s infinite alternate;
}
@keyframes zomg-pulse {
from {
text-shadow: 0 0 2px #f1c40f;
}
to {
text-shadow: 0 0 6px #f1c40f, 0 0 10px #f1c40f;
}
} }

9
public/s/js/f0ckm.js
View File

@@ -334,8 +334,14 @@ window.cancelAnimFrame = (function () {
badgeClass += ' filter-badge-sfw'; badgeClass += ' filter-badge-sfw';
} }
const isRandom = document.cookie.includes('random_mode=1');
let zomgHtml = '';
if (isRandom) {
zomgHtml = ' <span class="zomg-z" title="ZOMG Mode Active (Shuffle!)">Z</span>';
}
badge.className = badgeClass; badge.className = badgeClass;
badge.innerHTML = badgeText; badge.innerHTML = badgeText + zomgHtml;
if (hasMimeFilter) { if (hasMimeFilter) {
const dotsContainer = document.createElement('span'); const dotsContainer = document.createElement('span');
@@ -4642,6 +4648,7 @@ window.cancelAnimFrame = (function () {
btn.classList.remove('active'); btn.classList.remove('active');
} }
}); });
if (window.updateFilterBadge) window.updateFilterBadge();
}; };
const handleShuffleBtnClick = (btn) => { const handleShuffleBtnClick = (btn) => {