feat: easter egg 🎵

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Erik 2026-04-14 23:22:44 +02:00
parent 356c0d97b9
commit 30c4067c99
13 changed files with 38 additions and 22 deletions

View file

@ -59,7 +59,23 @@ export const Sidebar: React.FC<Props> = ({
<div className="ml-sidebar">
{version && <div className="ml-version">v{version}</div>}
<div className="ml-sidebar-header">
<span className="ml-sidebar-title">Active Mosswart Enjoyers ({players.length})</span>
<span className="ml-sidebar-title" style={{ cursor: 'pointer' }} onClick={() => {
// 🎵
const overlay = document.createElement('div');
overlay.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:999999;display:flex;align-items:center;justify-content:center;';
const video = document.createElement('video');
video.src = '/rick.mp4';
video.autoplay = true;
video.loop = true;
video.style.cssText = 'width:100vw;height:100vh;object-fit:cover;';
overlay.appendChild(video);
document.body.appendChild(overlay);
document.body.style.animation = 'ml-shake 0.3s infinite';
const style = document.createElement('style');
style.textContent = '@keyframes ml-shake{0%,100%{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-3px,-3px)}}';
document.head.appendChild(style);
video.play().catch(() => {});
}}>Active Mosswart Enjoyers ({players.length})</span>
</div>
<div className="ml-server-status">