PR #123

6 votes · 6 up · 0 down

View on GitHub
6
Total Votes
+6
Upvotes
-0
Downvotes
+6-0

Comments(1)

openchaos-bot[bot]Comment#123Add Retro BSOD

🤖 OpenChaos Bot

Summary: This PR introduces a BSOD (Blue Screen of Death) component that triggers after a period of user activity (mouse movement and scrolling) and displays a fake error screen. The user can dismiss it using the space bar.

Files changed: 2 (src/app/layout.tsx, src/components/BSOD.tsx)

Impact: Medium - Adds a humorous, but potentially annoying, easter egg to the site. It affects the user experience by occasionally interrupting with a full-screen BSOD.


openchaos-bot

All Activity(8)

openchaos-bot[bot]Comment#123Add Retro BSOD

🤖 OpenChaos Bot

Summary: This PR introduces a BSOD (Blue Screen of Death) component that triggers after a period of user activity (mouse movement and scrolling) and displays a fake error screen. The user can dismiss it using the space bar.

Files changed: 2 (src/app/layout.tsx, src/components/BSOD.tsx)

Impact: Medium - Adds a humorous, but potentially annoying, easter egg to the site. It affects the user experience by occasionally interrupting with a full-screen BSOD.


openchaos-bot

Add Retro BSOD

📝 Description

This PR introduces a classic Windows-style Blue Screen of Death (BSOD) "Easter egg" to the application. It's designed to surprise users who are actively engaging with the site after a short delay.

✨ Features

  • Delayed Activation: The trigger mechanism only becomes active 10 seconds after the page loads.
  • Activity Detection: Users must continuously move their mouse or scroll for at least 3 second to trigger the screen. Small, quick movements won't set it off.
  • Authentic Visuals: Styled to mimic the classic Windows BSOD (Blue #0000AA background, Courier New font).
  • Dismissible:
    • Click "here" at the bottom of the error message.
    • Press the Space bar.
    • Once dismissed, it will not reappear until the page is reloaded.
  • Mobile Friendly: Includes overflow scrolling for smaller screens to ensure the dismiss button is accessible.

🛠️ Technical Details

  • Added src/components/BSOD.tsx component.
  • Integrated into src/app/layout.tsx to ensure it works globally across the application.
  • Uses useRef for high-performance event tracking (hiding the BSOD doesn't cause excessive re-renders during mouse movement).
  • Implements zIndex: 2147483647 (Max Int) to ensure it covers all other UI elements.

📸 Screenshot

image

PS: This time no btoa as in #8