Lizard Click Game Website

A responsive landing page for the Lizard Click online game, featuring modern design and mobile-first approach.

Project Structure

lizard-click-website/
├── index.html          # Main HTML file with complete website structure
├── styles.css          # CSS styles with responsive design
├── script.js           # JavaScript for interactivity and animations
└── README.md           # Project documentation

Features

Website Sections

• Header: Navigation with mobile hamburger menu
• Hero: Eye-catching introduction with call-to-action buttons
• Features: Game highlights with animated cards
• What Is: Detailed game description with preview
• How to Play: Step-by-step instructions
• Why Play: Benefits and reasons to play
• FAQ: Expandable frequently asked questions
• Footer: Links and additional information

Technical Features

• 📱 Fully responsive design (mobile-first)
• 🎨 Modern gradient backgrounds and animations
• ⚡ Smooth scrolling navigation
• 🔄 Interactive FAQ accordion
• 📊 Intersection Observer for scroll animations
• 🍔 Mobile hamburger menu
• 🎯 Optimized for performance
• 🔊 Advanced Audio System: Web Audio API + HTML Audio fallback (copied from reference website)

Design Highlights

• Color Scheme: Green theme (#2d5a27, #4CAF50) representing nature/lizards
• Typography: Poppins font for modern, clean look
• Animations: Subtle hover effects, fade-ins, and bouncing lizard
• Layout: CSS Grid and Flexbox for responsive layouts
• Mobile: Optimized for screens from 320px to desktop

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

Getting Started

1. Open index.html in a web browser
2. The website is fully functional as a static site
3. No build process or dependencies required
4. Audio Ready: lizard.wav file is included and ready to use!

Audio System

The game uses the exact same audio system as the reference website:

• ✅ Web Audio API for optimal performance
• ✅ HTML Audio fallback for compatibility
• ✅ Synthetic sound generation as backup
• ✅ lizard.wav file included in project

Future Enhancements

• Add actual game implementation
• Integrate leaderboard system
• Add user authentication
• Implement score tracking
• Add social sharing features

License

This project is open source and available under the MIT License.