Web HTML JavaScript Music - Professional artist website for VIEWER - Drum and Bass producer from Guanajuato, Mexico

A modern, professional website for drum and bass producer VIEWER (viewerbassanddrums).

• Epic DOOM-style loading screen with glitchy red text
• Loading bar animation
• Auto-fades after 3 seconds

• Hero Section with glitch effect logo and artist stats
• Upcoming Release section featuring the new INFLUENZA EP (out in 5 days!)
• About Section showcasing VIEWER's accomplishments and collaborations
• Releases Catalog displaying all recent EPs and singles
• Listen & Follow section with:
  • Embedded Spotify player with latest tracks
  • Embedded YouTube video
  • Links to all streaming platforms
• Contact Section with social media and booking info
• Theme Toggle - Moon/sun button to switch between dark and light modes

• Dark/Light theme switcher with localStorage persistence
• Smooth scrolling navigation
• Responsive mobile menu
• Animated particle effects in hero section
• Fade-in animations as you scroll
• Pulsing "OUT IN 5 DAYS" badge on upcoming release
• Easter Egg: Try the Konami code (↑↑↓↓←→←→BA) for a surprise!

• Pure HTML5, CSS3, and vanilla JavaScript
• Google Fonts (Outfit)
• Responsive design with CSS Grid and Flexbox
• CSS animations and transitions

cd viewer-website
python -m http.server 8000

Then open http://localhost:8000 in your browser.

• GitHub Pages: Free hosting, just push to a repo and enable Pages
• Netlify: Drag and drop the folder for instant deployment
• Vercel: Connect your GitHub repo for automatic deployments
• Custom hosting: Upload files via FTP to any web server

Edit the INFLUENZA section in index.html around line 95-113:

• Change countdown badge text
• Update track listing
• Swap artwork image path

Edit index.html starting around line 119 to add/remove releases

Edit CSS variables in styles.css lines 7-26:

--primary: #00ff88;    /* Main accent color */
--secondary: #ff0088;  /* Secondary accent */
--dark: #0a0a0a;      /* Background */

• Spotify player: Line 215 in index.html
• YouTube video: Line 222 in index.html

• Spotify: Lines 215, 227 in index.html
• YouTube: Lines 222, 243, 270 in index.html
• Social media: Lines 224-243 in index.html
• Email: Line 247 in index.html

• Dark theme perfect for EDM artists
• Neon green/pink color scheme (cyberpunk aesthetic)
• Glitch effects and animations for that electronic music vibe
• Clean, modern layout that puts focus on the music
• Fully responsive for all devices

1. Konami Code: Type ↑↑↓↓←→←→BA for a rainbow effect
2. Console: Open browser DevTools for hidden messages
3. DOOM Splash: The legendary "but can it run DOOM?" joke as the intro

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

viewer-website/
├── index.html            # Main HTML structure
├── styles.css            # All styling and animations
├── script.js             # Interactive functionality
├── images/
│   └── ARTWORK/          # EP artwork and promo images
│       └── Influenza-Digital-Artwork-INFLUENZA337.jpg
└── README.md             # This file

• Name: Edwart Zermeño (VIEWER)
• Location: Guanajuato, Mexico
• Genre: Drum and Bass (Liquid Funk / Soulful)
• Contact: viewerdnb@gmail.com | +52 477 4409432
• Social Media:
  • Instagram: @viewerdrumandbass
  • Facebook: /viewermus
  • YouTube: @ViewerDnB
  • SoundCloud: ViewerDnB
  • Spotify: VIEWER

Built with love for VIEWER (Edwart Zermeño) Website features the legendary DOOM reference

VIEWER - Drum and Bass Producer from Guanajuato, Mexico