<style>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: linear-gradient(135deg, #ff6b81, #333); color: white; transition: background 0.5s, color 0.5s; scroll-behavior: smooth; }
a { color: #ff4757; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { font-family: 'Poppins', sans-serif; color: #feca57; opacity: 0; transform: translateY(30px); transition: all 0.6s; }
nav { background: #333; padding: 10px; text-align: center; position: sticky; top: 0; z-index: 1000; }
nav a { margin: 0 15px; font-weight: bold; }
section { padding: 50px; max-width: 1000px; margin: auto; opacity: 0; transform: translateY(50px); transition: all 0.6s; }
.light-mode { background: linear-gradient(135deg, #ff6b81, #f5f5f5); color: #333; }
.dark-mode { background: linear-gradient(135deg, #ff6b81, #333); color: white; }
.bio { background: rgba(68, 68, 68, 0.8); padding: 20px; border-radius: 8px; }
.about-container { display: flex; gap: 20px; }
.video-container { flex: 1; max-width: 560px; }
.project { background: rgba(85, 85, 85, 0.8); padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.contact-info a { display: block; margin-bottom: 10px; }
.toggle-button { background: #ff4757; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; position: fixed; bottom: 20px; right: 20px; z-index: 1000; }
.toggle-button:hover { background: #ff6b81; }
.show { opacity: 1; transform: translateY(0); }
</style>
<nav>
About
Projects
Experience
Contact
</nav>
<section id="about">
Naman_Curiouss
Pushing Indie Developer, Comedian, Quarter-time Gamer
About Me
Hi, I'm Naman D. Choudhury, aka Naman_Curiouss. In class 8, exploring tech and creativity. My goal is to excel as a developer while enjoying comedy and gaming. Watch out – the best is yet to come!
VIDEO
</section>
<section id="projects">
My Work
Escape Paradise!
My best project so far – a simple yet captivating escape simulator. It’s a hazy, dreamlike experience with one level so far. JUST TRY PLAYIN'!
</section>
<section id="experience">
Experience
With 1.5 years in game development, I've learned and grown immensely. Each project fuels my passion, and I'm eager for future challenges and creations.
</section>
<section id="contact">
Contact Me
</section>
<button class="toggle-button" onclick="toggleMode()">Toggle Light/Dark Mode</button>
<script> function toggleMode() {
document.body.classList.toggle("dark-mode");
document.body.classList.toggle("light-mode");
}
window.addEventListener('scroll', function() {
const sections = document.querySelectorAll('section');
const headings = document.querySelectorAll('h1, h2, h3');
const triggerBottom = window.innerHeight * 0.8;
sections.forEach(section => {
if (section.getBoundingClientRect().top < triggerBottom) section.classList.add('show');
});
headings.forEach(heading => {
if (heading.getBoundingClientRect().top < triggerBottom) heading.classList.add('show');
});
});
</script>
