🦅 Alberto Drake - Personal Portfolio

Welcome to the personal portfolio website of Alberto Drake, a specialized Programmer, Ethical Hacker, and Full-Stack Developer. This project showcases a modern, customized interface with a unique "Hacker/Cyber" aesthetic.

✨ Features

• 🟣 Cyber-Purple Theme: A custom purple color scheme with glassmorphism effects.
• 🌊 Interactive Wave Visualizer:
  • Background: A 3D particle wave animation powered by Three.js (customized to purple with high amplitude).
  • Music Player: An integrated CSS-based bar visualizer that reacts when music plays.
• 🎵 Floating Music Player:
  • Fully functional audio player fixed to the bottom-left.
  • Autoplay: Starts automatically at 00:22 (with smart interaction fallback for browser policies).
  • Controls: Play/Pause, Next/Prev, Volume Slider, and Clickable Progress Bar.
  • Playlist: Includes custom tracks like "Vazhikatti" by Fejo.
• 📱 Fully Responsive: Optimized for Desktops, Tablets, and Mobile devices.
• 🕶️ Glass Interface: Modern translucent UI elements with blur effects.

🛠️ Technologies Used

• HTML5 - Structure and Semantic Markup
• CSS3 - Styling, Keyframe Animations, Glassmorphism
• JavaScript (ES6+) - Logic, Audio Control, Visualizer Sync
• Three.js - 3D Background Particle Animation
• jQuery - DOM Manipulation helper
• Bootstrap - Grid System and Utility Classes
• AOS (Animate On Scroll) - Scroll reveal animations
• Font Awesome - Icons for social links and player controls

🚀 Getting Started

To run this portfolio locally:

1. Clone the Repository (or download files):

   git clone https://github.com/AlbertoDrake/Portfolio-Website-main.git

2. Open the Project: Navigate to the folder and open index.html in your favorite web browser.

   cd Portfolio-Website-main
   start index.html

3. Enjoy: The music should start automatically (or after your first click).

🎵 Customizing the Playlist

To add your own songs, open js/main.js and modify the songs array:

const songs = [
  {
    title: 'Your Song Title',
    artist: 'Your Artist',
    src: 'path/to/your/song.mp3' // Local file or URL
  },
  // Add more objects here...
];

🔗 Connect with Alberto Drake

• Discord: DM Me❤️
• YouTube: Subscribe
• GitHub: Follow

📜 Credits

• Developer: Alberto Drake
• Audio: "Vazhikatti" by Fejo.

---

Created with ❤️ by Alberto Drake