🚀 Slayz — Personal Portfolio

A minimalist and modern portfolio website for a 16-year-old French student passionate about game development, web applications, and cybersecurity.

🔗 Live Website

---

🛠️ Tech Stack

• HTML5 / CSS3: Custom styling with Glassmorphism and CSS variables.
• JavaScript (Vanilla): Theme management and scroll interactions.
• Fonts: Inter & JetBrains Mono.

---

✨ Features included in the code

• Dual Theme Support: Dark and Light mode toggles with persistence via localStorage.
• Reading Progress Bar: A visual bar at the top showing scroll depth.
• Navigation Logic:
  • Smooth scrolling to sections.
  • Auto-hiding navbar when scrolling down (reveals when scrolling up).
  • Back-to-top button.
• Dynamic Animations:
  • Character-by-character animation for the hero name.
  • Intersection Observer to trigger "fade-in" and "slide-up" animations on scroll.
• Project Rendering: Projects are managed via a JavaScript array for easy updates.

---

📂 Project Structure

• index.html: The core structure and SEO meta tags.
• script.js: Handles theme switching, animations, and project injection.
• style.css: Contains the layout, responsive design, and animations.

---

📧 Contact

• Email: bs.slayz.bs@gmail.com
• Discord: Join server
• GitHub: @slayzbs

---

Created in 2026 by Slayz.