feat: easter egg 🎵
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
356c0d97b9
commit
30c4067c99
13 changed files with 38 additions and 22 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue