Skip to content

README.md

Latest commit

 

History

History
101 lines (77 loc) · 3.04 KB

README.md

File metadata and controls

101 lines (77 loc) · 3.04 KB

🎮 Blank Your Game - 2026 Refresh

A modern, sleek one-page gaming platform website focused on user experience and social media engagement.

✨ What's New in This Refresh

User Experience Improvements

  • Streamlined One-Page Design - All content flows naturally in a single scrolling experience
  • Cleaner Visual Hierarchy - Removed excessive slang for a more professional, yet fun aesthetic
  • Improved Navigation - Sticky navbar with smooth scrolling to sections
  • Better Mobile Experience - Fully responsive with animated hamburger menu
  • Reduced Cognitive Load - Consolidated sections for easier scanning

Social Media Focus

  • Prominent Social Cards - Twitter, Facebook, and Email as primary CTAs in the Connect section
  • Hero Social Links - Quick access to socials right in the hero section
  • Footer Social Bar - All platforms (Twitter, Facebook, Email, Discord, Twitch, YouTube, Instagram)
  • Click Tracking Ready - Console logging for social link clicks (easy to integrate with analytics)

Easter Eggs Preserved 🥚

  • Konami Code - Press ↑↑↓↓←→←→BA for the legendary surprise!
    • Rainbow animated overlay
    • Floating emojis celebration
    • Achievement badges
    • Sparkle cursor effect
    • Console easter egg message
  • Hint Card - Subtle hint in the Connect section for the Konami code

🚀 Quick Start

  1. Open index.html in your browser
  2. Or serve it locally with any static server: 
    npx serve .

📁 File Structure

blank-your-game/
├── index.html      # Main HTML file
├── styles.css      # All styles (CSS variables, responsive design)
├── script.js       # Interactivity & Easter eggs
└── README.md       # This file

🎨 Design System

Colors

  • Primary Pink: #ff6b6b
  • Primary Teal: #4ecdc4
  • Primary Purple: #7b68ee
  • Dark Background: #0a0a0a
  • Twitter Blue: #1da1f2
  • Facebook Blue: #4267b2

Typography

  • Headers: Orbitron (Google Fonts)
  • Body: Space Grotesk (Google Fonts)

🔗 Social Media Links

Update these URLs in the HTML to point to your actual profiles:

  • Twitter: https://twitter.com/blankyourgame
  • Facebook: https://facebook.com/blankyourgame
  • Email: hello@blankyourgame.com
  • Discord: https://discord.gg/blankyourgame
  • Twitch: https://twitch.tv/blankyourgame
  • YouTube: https://youtube.com/@blankyourgame
  • Instagram: https://instagram.com/blankyourgame

🌐 Browser Support

  • ✅ Chrome/Edge (Chromium)
  • ✅ Firefox
  • ✅ Safari
  • ✅ Mobile browsers

📱 Accessibility

  • Semantic HTML structure
  • Focus-visible states for keyboard navigation
  • Aria labels on social links
  • Reduced motion support via prefers-reduced-motion
  • High contrast text

⚡ Performance

  • No external JavaScript frameworks
  • Throttled scroll events
  • Intersection Observer for lazy animations
  • CSS-only parallax effects
  • Minimal dependencies (only Font Awesome & Google Fonts)

📄 License

MIT License - Use it, modify it, make it your own!

Made with 💖 by the Blank Your Game team