404Museum

Auto-Detection

Automatically detects 404 error pages and replaces them with beautiful art displays without any configuration.

Generative Art

Features multiple generative art algorithms including fractals, particle systems, and abstract patterns.

Analytics

Logs anonymous 404 hits with timestamps and referrer data to help you understand broken links.

Lightweight

Ultra-lightweight library (less than 15KB) that loads fast and doesn't impact your site's performance.

Responsive

Fully responsive design that works beautifully on desktop, tablet, and mobile devices.

Easy Setup

Single script tag installation - no complex configuration or dependencies required.

📌 Installation Instructions

Add the 404Museum script to your website to transform any 404 error pages into beautiful art galleries. Just add this single line to your site's <head> section:

<script src="https://jodylabs.surge.sh/404museum/404museum.min.js"></script>

That's it! 404Museum will automatically detect and transform any 404 pages on your site.

✨ Advanced Configuration

Customize 404Museum by defining configuration before loading the script:

<script>
window.Museum404Config = {
    theme: 'dark', // 'light' or 'dark'
    artTypes: ['generative', 'particles', 'fractals', 'abstract'],
    customMessage: 'Page not found, but enjoy this art instead!',
    colors: {
        primary: '#4ecdc4',
        secondary: '#ff6b6b',
        background: '#0a0a0a',
        text: '#ffffff'
    },
    showNavigation: true,
    showBranding: true,
    artDuration: 30000, // Switch art every 30 seconds (0 = manual only)
    particleCount: 100,
    animationSpeed: 1
};
</script>
<script src="https://jodylabs.surge.sh/404museum/404museum.min.js"></script>

🎮 Manual Control

You can also manually control 404Museum with JavaScript:

// Manually activate the art gallery
window.Museum404.activate();

// Switch to specific art type
window.Museum404.switchArt('particles');

// Deactivate and return to original page
window.Museum404.deactivate();

// Check if currently active
if (window.Museum404.isActive()) {
    console.log('Art gallery is active');
}

🎨 Available Art Types

404Museum includes several beautiful art generators that you can specify in the configuration:

✅ Generative Waves ('generative') - Flowing sine wave patterns
✅ Particle System ('particles') - Animated floating particles
✅ Fractal Trees ('fractals') - Recursive branching patterns
✅ Abstract Patterns ('abstract') - Geometric orbital designs
✅ Neon Grid ('neonGrid') - Retro-futuristic grid patterns
✅ Plasma Field ('plasmaField') - Dynamic plasma-like patterns
✅ Matrix Glitch ('matrixGlitch') - Digital falling characters
✅ Cosmic Dust ('cosmicDust') - Space-like dust particles

📱 Browser Compatibility

404Museum works on all modern browsers with Canvas support:

✅ Chrome 60+
✅ Firefox 55+
✅ Safari 12+
✅ Edge 79+
✅ Mobile browsers with Canvas support

Need more information? Check out the GitHub repository or try the live demo.

🎨 Live Art Gallery Demo