🦇 Batman Search Engine

A sleek, themed search engine interface styled as the Bat-Computer from Batman's utility arsenal. This project combines cutting-edge web design with the aesthetic of Gotham's most iconic crime-fighting tool.

Features

✨ Dark & Cyberpunk Design

• Black background with neon yellow (bat-yellow) highlights
• Glassmorphic UI elements with blur effects
• Custom Batman logo in SVG format

🔍 Multi-AI Search Integration

• Quick access to Google Search
• Neural links to Gemini, ChatGPT, Claude, and Perplexity AI
• One-click routing to your preferred AI assistant

🎮 Interactive Elements

• Detective Vision mode toggle for enhanced contrast
• Tactical reticle that follows your cursor
• Biometric authentication sequence on page load
• HUD panels with system status and real-time clock
• Animated loading screen with Batman logo

📺 Live Background

• Dynamic neon city background video
• Scan line effect overlay for authentic CRT feel
• Constantly updating threat level and system status

Usage

Simply open index.html in your web browser. The interface will:

1. Display a biometric authentication screen
2. Transition to the main Bat-Computer interface
3. Allow you to enter search queries or use AI neural links

Search Methods

• Summon Data: Standard Google search
• Vengeance: Lucky search equivalent
• AI Neural Links: Sidebar buttons for direct AI routing

Special Features

• Detective Vision: Toggle in top-right corner for alternative color scheme
• Reticle: Tactical cursor overlay (follows mouse movement)
• Tactical Toggle: Switch Detective Vision on/off
• Logo Click: Reload page by clicking the Batman logo

Technical Stack

• HTML5 - Semantic markup
• CSS3 - Advanced styling with filters, animations, and glassmorphism
• JavaScript - Interactivity and search routing
• SVG - Custom Batman logo graphics

Customization

Change Search Engine

Edit the AI_MAP object in the JavaScript section to modify AI service URLs:

const AI_MAP = {
    "gemini": "https://gemini.google.com/app?q=",
    "chatgpt": "https://chatgpt.com/?q=",
    "claude": "https://claude.ai/new?q=",
    "perplexity": "https://www.perplexity.ai/search?q="
};

Customize Colors

Modify CSS variables at the top of the stylesheet:

:root {
    --bat-yellow: #ffdf00;
    --bat-black: #010101;
    --bat-red: #ff3333;
    --bat-cyan: #00e5ff;
}

File Structure

batman search engine/
├── index.html          # Main application file
└── README.md          # This file

Browser Support

• Modern browsers with ES6+ support
• Video autoplay capability required for background
• CSS Filter support required

License

Free to use and modify. Created as a tribute to Batman and web design enthusiasts.

---

"In Gotham, we don't just search for answers. We hunt them." 🦇