← Back

404Museum Live Demo

Experience how 404Museum transforms error pages into beautiful art galleries

🎨 Activate Art Gallery

Click the button below to see how 404Museum would transform this page into an interactive art gallery:

✅ Demo Ready! The 404Museum library is loaded and ready to demonstrate. Click "Launch 404Museum" to see the full-screen art gallery experience.

🔧 How It Works

404Museum automatically detects error pages and replaces them with beautiful art. Here's what happens:

  1. Detection: The script checks for 404 indicators in the page title and content
  2. Replacement: If detected, it replaces the entire page with a full-screen art canvas
  3. Art Generation: Displays generative art using HTML5 canvas and JavaScript animations
  4. Interaction: Users can navigate between different art styles
  5. Analytics: Optionally logs 404 hits to your analytics endpoint

📋 Installation Code

Add this single line to your website'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.

⚙️ Configuration Options

Customize 404Museum by defining configuration before loading the script:

<script>
window.Museum404Config = {
    theme: 'dark',
    artTypes: ['generative', 'particles', 'fractals'],
    customMessage: 'Page not found, but enjoy this art!',
    colors: {
        primary: '#4ecdc4',
        secondary: '#ff6b6b',
        background: '#0a0a0a'
    },
    showNavigation: true,
    showBranding: true,
    artDuration: 30000, // Switch art every 30 seconds
    apiEndpoint: 'https://your-api.com/404-logs'
};
</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');
}
⚠️ Note: This demo page is not actually a 404 error, so auto-detection won't trigger. Use the manual activation buttons to see 404Museum in action!