Retro Arcade Landing Page
This project is a retro gaming site landing page inspired by 90s to early 2000s video games. It features bold pixel fonts, neon colors, gradients, and a pixel-art background, all designed to evoke the look and feel of classic arcade and console games.
Features
- Retro Design: Uses a pixel-style font, neon gradients, and a pixel-art background for a nostalgic look.
- No Scrolling: The layout is fixed to the viewport, just like old-school game menus.
- Animated Tetris-like Blocks: In the center of the page, a canvas displays falling blocks reminiscent of Tetris, adding dynamic retro flair.
- Big Retro Buttons: Prominent buttons for "START", "ABOUT", and "HIGH SCORES" with animated hover effects.
- Responsive Centering: All content is centered and scales to fit the browser window.
How to View Locally
- Clone or Download the Repository to your local machine.
- Open
index.htmlin your web browser.- Double-click the file, or
- Run
open index.html(macOS), or - Right-click and choose "Open with" your browser.
- Enjoy the retro experience!
No build steps or dependencies are required. All styles and scripts are included or referenced directly.
File Structure
index.html— Main landing page with all layout and styles.tetris_anim.js— JavaScript for the animated Tetris-like block drop in the center of the page.README.md— This file.
© 2024 Retro Arcade. All Rights Reserved.