When I run the following minified html code, I see nothing on the webpage except some section headers at the top, and the words "Julia Murphy Tribute", please help; Fix it, no matter what you have to do, including a full re-write or refactor, or splitting the file into .js, .css, .html, .react, whatever!


<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Julia Murphy Tribute</title><meta name="description" content="A heartfelt tribute website celebrating Julia Murphy's artistic journey and our cherished memories together."><link rel="preload" as="image" href="https://source.unsplash.com/2560x1440/?romantic"><link rel="preload" as="image" href="https://source.unsplash.com/600x400/?couple,love"><link rel="preload" as="image" href="https://source.unsplash.com/600x400/?sunset,love"><link rel="preload" as="image" href="https://source.unsplash.com/600x400/?mountains,love"><link rel="preload" as="image" href="https://source.unsplash.com/600x400/?graffiti,hiphop"><style>:root{--primary-color:#ff6b6b;--background-color:#1e293b;--text-color:#f8fafc;--secondary-text-color:#d1d5db;--notification-background:#34d399;--notification-text-color:#fff}body,html{margin:0;padding:0;width:100%;height:100%;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth;background:var(--background-color);color:var(--text-color);overflow-x:hidden}header{position:fixed;top:0;width:100%;background:rgba(30,41,59,0.95);box-shadow:0 2px 10px rgba(0,0,0,0.3);z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}nav .logo{font-size:1.8rem;font-weight:bold;color:var(--primary-color);text-shadow:1px 1px 2px rgba(0,0,0,0.3)}nav ul{list-style:none;display:flex;gap:1.5rem}nav ul li a{text-decoration:none;color:var(--text-color);font-weight:500;position:relative}nav ul li a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--primary-color);transition:width 0.3s}nav ul li a:hover::after{width:100%} .hamburger{display:none;flex-direction:column;cursor:pointer} .hamburger div{width:25px;height:3px;background:var(--text-color);margin:4px 0;transition:all 0.3s}@media (max-width:600px){nav ul{display:none;flex-direction:column;background:rgba(30,41,59,0.95);position:absolute;top:60px;right:20px;border-radius:8px;padding:1rem}nav ul.active{display:flex}.hamburger{display:flex}}section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:4rem 2rem}#home{background:url('https://source.unsplash.com/2560x1440/?romantic') no-repeat center center/cover;flex-direction:column;color:#fff;text-align:center;position:relative}#home::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(30,41,59,0.6)}#home .content{position:relative;z-index:1}#home h1{font-size:4rem;margin-bottom:1rem;text-shadow:3px 3px 6px rgba(0,0,0,0.7);opacity:0}#home p{font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.7);opacity:0}.content{max-width:900px;margin:0 auto;padding:2rem;text-align:center}section h2{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color);opacity:0}section p{font-size:1.2rem;color:var(--secondary-text-color);opacity:0}#memories .memory,#gallery .photo,#squares .square{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.1);opacity:0}#memories .memory img,#gallery .photo img,#squares .square img{width:100%;height:auto;transition:transform 0.5s}#memories .memory:hover img,#gallery .photo:hover img,#squares .square:hover img{transform:scale(1.05)}#gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}#squares{background:var(--background-color);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:4rem 2rem}#squares::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(30,41,59,0.8)}#squares .content{position:relative;z-index:1}#squares .interaction{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;opacity:0}#squares .square{width:120px;height:120px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;cursor:pointer;transition:transform 0.3s,background 0.3s;border-radius:10px;outline:none}#squares .square:hover,#squares .square:focus{transform:rotate(20deg) scale(1.2);background:#ff4757}#graffiti{background:url('https://source.unsplash.com/2560x1440/?graffiti') no-repeat center center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-align:center;position:relative;padding:4rem 2rem}#graffiti::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(30,41,59,0.6)}#graffiti .content{position:relative;z-index:1}#graffiti .wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem;opacity:0}#graffiti .wall img{width:100%;height:auto;border:3px solid var(--primary-color);transition:transform 0.3s;cursor:pointer;border-radius:10px}#graffiti .wall img:hover,#graffiti .wall img:focus{transform:scale(1.1)}footer{background:var(--background-color);color:var(--text-color);text-align:center;padding:1rem;position:relative;z-index:1}canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0.3}#notification{position:fixed;bottom:20px;right:20px;background:var(--notification-background);color:var(--notification-text-color);padding:1rem 1.5rem;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,0.3);z-index:1002;display:none;opacity:0;transition:opacity 0.5s}.show{display:block;opacity:1}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;opacity:0} .lightbox-overlay img{max-width:90%;max-height:90%;border-radius:10px}</style></head><body><div id="notification"></div><header><nav><div class="logo">Julia Murphy Tribute</div><ul><li><a href="#home">Home</a></li><li><a href="#memories">Memories</a></li><li><a href="#gallery">Gallery</a></li><li><a href="#squares">The Squares</a></li><li><a href="#graffiti">Graffiti Wall</a></li></ul><div class="hamburger" aria-label="Toggle navigation" tabindex="0"><div></div><div></div><div></div></div></nav></header><canvas id="backgroundCanvas"></canvas><section id="home"><div class="content"><h1>Happy Anniversary, Julia!</h1><p>Celebrating our love and the beautiful moments we've shared.</p></div></section><section id="memories"><div class="content"><h2>Our Memories</h2><p>Relive the cherished moments that define our journey together.</p><div style="display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;justify-content:center"><div class="memory" style="width:600px;position:relative"><img src="https://source.unsplash.com/600x400/?couple,love" alt="Julia and you walking hand in hand on your first date" loading="lazy" srcset="https://source.unsplash.com/600x400/?couple,love 600w,https://source.unsplash.com/1200x800/?couple,love 1200w,https://source.unsplash.com/1800x1200/?couple,love 1800w" sizes="(max-width:600px) 100vw,600px"><div style="position:absolute;bottom:20px;left:20px;color:#fff;font-size:1.2rem;text-shadow:1px 1px 3px rgba(0,0,0,0.7)">Our First Date</div></div><div class="memory" style="width:600px;position:relative"><img src="https://source.unsplash.com/600x400/?sunset,love" alt="Sunset together on the beach" loading="lazy" srcset="https://source.unsplash.com/600x400/?sunset,love 600w,https://source.unsplash.com/1200x800/?sunset,love 1200w,https://source.unsplash.com/1800x1200/?sunset,love 1800w" sizes="(max-width:600px) 100vw,600px"><div style="position:absolute;bottom:20px;left:20px;color:#fff;font-size:1.2rem;text-shadow:1px 1px 3px rgba(0,0,0,0.7)">Sunset at the Beach</div></div><div class="memory" style="width:600px;position:relative"><img src="https://source.unsplash.com/600x400/?mountains,love" alt="Couple hiking in the mountains" loading="lazy" srcset="https://source.unsplash.com/600x400/?mountains,love 600w,https://source.unsplash.com/1200x800/?mountains,love 1200w,https://source.unsplash.com/1800x1200/?mountains,love 1800w" sizes="(max-width:600px) 100vw,600px"><div style="position:absolute;bottom:20px;left:20px;color:#fff;font-size:1.2rem;text-shadow:1px 1px 3px rgba(0,0,0,0.7)">Mountain Adventure</div></div></div></div></section><section id="gallery"><div class="content"><h2>Photo Gallery</h2><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem"><div class="photo"><img src="https://source.unsplash.com/800x600/?love,flowers" alt="Blooming flowers symbolizing love" loading="lazy" srcset="https://source.unsplash.com/800x600/?love,flowers 800w,https://source.unsplash.com/1600x1200/?love,flowers 1600w,https://source.unsplash.com/2400x1800/?love,flowers 2400w" sizes="(max-width:600px) 100vw,800px"></div><div class="photo"><img src="https://source.unsplash.com/800x600/?romantic,night" alt="Romantic night under the stars" loading="lazy" srcset="https://source.unsplash.com/800x600/?romantic,night 800w,https://source.unsplash.com/1600x1200/?romantic,night 1600w,https://source.unsplash.com/2400x1800/?romantic,night 2400w" sizes="(max-width:600px) 100vw,800px"></div><div class="photo"><img src="https://source.unsplash.com/800x600/?couple,dancing" alt="Couple dancing gracefully" loading="lazy" srcset="https://source.unsplash.com/800x600/?couple,dancing 800w,https://source.unsplash.com/1600x1200/?couple,dancing 1600w,https://source.unsplash.com/2400x1800/?couple,dancing 2400w" sizes="(max-width:600px) 100vw,800px"></div><div class="photo"><img src="https://source.unsplash.com/800x600/?kissing,love" alt="Intimate kiss between lovers" loading="lazy" srcset="https://source.unsplash.com/800x600/?kissing,love 800w,https://source.unsplash.com/1600x1200/?kissing,love 1600w,https://source.unsplash.com/2400x1800/?kissing,love 2400w" sizes="(max-width:600px) 100vw,800px"></div><div class="photo"><img src="https://source.unsplash.com/800x600/?couple,walk" alt="Couple walking in the park" loading="lazy" srcset="https://source.unsplash.com/800x600/?couple,walk 800w,https://source.unsplash.com/1600x1200/?couple,walk 1600w,https://source.unsplash.com/2400x1800/?couple,walk 2400w" sizes="(max-width:600px) 100vw,800px"></div><div class="photo"><img src="https://source.unsplash.com/800x600/?couple,coffee" alt="Couple enjoying coffee together" loading="lazy" srcset="https://source.unsplash.com/800x600/?couple,coffee 800w,https://source.unsplash.com/1600x1200/?couple,coffee 1600w,https://source.unsplash.com/2400x1800/?couple,coffee 2400w" sizes="(max-width:600px) 100vw,800px"></div></div></div></section><section id="squares"><div class="content"><h2>The Squares</h2><p>Meet the Squares, our little anxious stick-figure friends who sometimes feel self-conscious. But with a little love and reassurance, they realize they're cherished and loved by everyone around them.</p><div class="interaction"><div class="square" tabindex="0" aria-label="Square 1: Always anxious. Press or click to reassure.">🟥</div><div class="square" tabindex="0" aria-label="Square 2: Feels self-conscious. Press or click to encourage.">🟥</div><div class="square" tabindex="0" aria-label="Square 3: Doubts itself. Press or click to remind them they're loved.">🟥</div><div class="square" tabindex="0" aria-label="Square 4: Worried square. Press or click to comfort.">🟥</div><div class="square" tabindex="0" aria-label="Square 5: Shy square. Press or click to uplift.">🟥</div></div></div></section><section id="graffiti"><div class="content"><h2>Graffiti Wall</h2><p>Julia's passion for graffiti, under the name Blaze, with her crew USK. A tribute to the vibrant art and the creative spirit that lights up the streets.</p><div class="wall"><img src="https://source.unsplash.com/1200x800/?graffiti,hiphop" alt="Blaze's graffiti art" loading="lazy" tabindex="0" srcset="https://source.unsplash.com/1200x800/?graffiti,hiphop 1200w,https://source.unsplash.com/2400x1600/?graffiti,hiphop 2400w,https://source.unsplash.com/3600x2400/?graffiti,hiphop 3600w" sizes="(max-width:600px) 100vw,1200px"><img src="https://source.unsplash.com/1200x800/?graffiti,street" alt="USK crew tagging the wall" loading="lazy" tabindex="0" srcset="https://source.unsplash.com/1200x800/?graffiti,street 1200w,https://source.unsplash.com/2400x1600/?graffiti,street 2400w,https://source.unsplash.com/3600x2400/?graffiti,street 3600w" sizes="(max-width:600px) 100vw,1200px"><img src="https://source.unsplash.com/1200x800/?graffiti,art" alt="Colorful street art by Blaze" loading="lazy" tabindex="0" srcset="https://source.unsplash.com/1200x800/?graffiti,art 1200w,https://source.unsplash.com/2400x1600/?graffiti,art 2400w,https://source.unsplash.com/3600x2400/?graffiti,art 3600w" sizes="(max-width:600px) 100vw,1200px"><img src="https://source.unsplash.com/1200x800/?graffiti,urban" alt="Urban graffiti design" loading="lazy" tabindex="0" srcset="https://source.unsplash.com/1200x800/?graffiti,urban 1200w,https://source.unsplash.com/2400x1600/?graffiti,urban 2400w,https://source.unsplash.com/3600x2400/?graffiti,urban 3600w" sizes="(max-width:600px) 100vw,1200px"><img src="https://source.unsplash.com/1200x800/?graffiti,design" alt="Creative graffiti mural" loading="lazy" tabindex="0" srcset="https://source.unsplash.com/1200x800/?graffiti,design 1200w,https://source.unsplash.com/2400x1600/?graffiti,design 2400w,https://source.unsplash.com/3600x2400/?graffiti,design 3600w" sizes="(max-width:600px) 100vw,1200px"><img src="https://source.unsplash.com/1200x800/?graffiti,abstract" alt="Abstract graffiti art" loading="lazy" tabindex="0" srcset="https://source.unsplash.com/1200x800/?graffiti,abstract 1200w,https://source.unsplash.com/2400x1600/?graffiti,abstract 2400w,https://source.unsplash.com/3600x2400/?graffiti,abstract 3600w" sizes="(max-width:600px) 100vw,1200px"></div></div></section><footer><p>&copy; 2024 Julia Murphy Tribute. All rights reserved.</p></footer><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js" integrity="sha512-UuWTtjwOabmLrJeXH6/8BSG20EXkykqo4qWDrxw8L79iqk5HNVxgXiyM0J4S54lgKI+celT+6YUkVj8beSc6Fg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js" integrity="sha512-YlrgaBikwkI0ZeTIBI9UJn072nHxVdGzY2SAAugfbrite5hlYh6xEyg+7CaWS5GXXn0BtQMwsIWmf9UjLa8fNA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js" integrity="sha512-BKJt+Z5WBGhVQw/gVekZPKHz1Gm0I4bSvbgZd/D9bkI3H3vsGnCqlID18ZbzK2+vh+yvuTKMGxSTqtp+LuomGg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script>document.addEventListener('DOMContentLoaded',()=>{const hamburger=document.querySelector('.hamburger'),navLinks=document.querySelector('nav ul');hamburger.addEventListener('click',toggleHamburgerMenu);hamburger.addEventListener('keypress',e=>{if(e.key==='Enter')toggleHamburgerMenu()});function toggleHamburgerMenu(){navLinks.classList.toggle('active');hamburger.classList.toggle('active')}const scene=new THREE.Scene(),camera=new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000),renderer=new THREE.WebGLRenderer({canvas:document.getElementById('backgroundCanvas'),alpha:true});renderer.setSize(window.innerWidth,window.innerHeight);camera.position.z=5;const geometry=new THREE.BufferGeometry(),vertices=[];for(let i=0;i<2000;i++){const x=(Math.random()-0.5)*200,y=(Math.random()-0.5)*200,z=(Math.random()-0.5)*200;vertices.push(x,y,z)};geometry.setAttribute('position',new THREE.Float32BufferAttribute(vertices,3));const material=new THREE.PointsMaterial({color:0xffffff,size:0.5}),particles=new THREE.Points(geometry,material);scene.add(particles);function animateParticles(){requestAnimationFrame(animateParticles);particles.rotation.y+=0.0005;renderer.render(scene,camera)}animateParticles();gsap.registerPlugin(ScrollTrigger);gsap.from("#home h1",{y:50,opacity:0,duration:1,ease:"power2.out",scrollTrigger:{trigger:"#home",start:"top 80%"}});gsap.from("#home p",{y:50,opacity:0,duration:1,delay:0.3,ease:"power2.out",scrollTrigger:{trigger:"#home",start:"top 80%"}});gsap.from("#memories h2",{y:50,opacity:0,duration:1,scrollTrigger:{trigger:"#memories",start:"top 80%"}});gsap.from("#memories p",{y:50,opacity:0,duration:1,delay:0.3,scrollTrigger:{trigger:"#memories",start:"top 80%"}});gsap.from("#memories .memory",{scale:0.8,opacity:0,duration:1,stagger:0.2,scrollTrigger:{trigger:"#memories",start:"top 80%"}});gsap.from("#gallery h2",{y:50,opacity:0,duration:1,scrollTrigger:{trigger:"#gallery",start:"top 80%"}});gsap.from("#gallery p",{y:50,opacity:0,duration:1,delay:0.3,scrollTrigger:{trigger:"#gallery",start:"top 80%"}});gsap.from("#gallery .photo",{scale:0.8,opacity:0,duration:1,stagger:0.2,scrollTrigger:{trigger:"#gallery",start:"top 80%"}});gsap.from("#squares h2",{y:50,opacity:0,duration:1,scrollTrigger:{trigger:"#squares",start:"top 80%"}});gsap.from("#squares p",{y:50,opacity:0,duration:1,delay:0.3,scrollTrigger:{trigger:"#squares",start:"top 80%"}});gsap.from("#squares .interaction",{y:50,opacity:0,duration:1,stagger:0.2,scrollTrigger:{trigger:"#squares",start:"top 80%"}});gsap.from("#graffiti h2",{y:50,opacity:0,duration:1,scrollTrigger:{trigger:"#graffiti",start:"top 80%"}});gsap.from("#graffiti p",{y:50,opacity:0,duration:1,delay:0.3,scrollTrigger:{trigger:"#graffiti",start:"top 80%"}});gsap.from("#graffiti .wall",{scale:0.8,opacity:0,duration:1,stagger:0.2,scrollTrigger:{trigger:"#graffiti",start:"top 80%"}});const squares=document.querySelectorAll('.square');squares.forEach(square=>{square.addEventListener('click',()=>{animateSquare(square)});square.addEventListener('keypress',e=>{if(e.key==='Enter'){animateSquare(square)}})});function animateSquare(square){gsap.to(square,{scale:1.5,background:"#34d399",duration:0.5,yoyo:true,repeat:1,ease:"power1.inOut"});gsap.to(square,{rotation:360,duration:1,ease:"power2.out"});gsap.to(square,{backgroundColor:"#34d399",duration:0.5,onComplete:()=>{square.style.backgroundColor="var(--primary-color)"}});setTimeout(()=>{showNotification("Hey, you're very okay! You're The Squares! You're loved, and nobody is ever mad at you!");},500)};const graffitiImages=document.querySelectorAll('#graffiti .wall img');graffitiImages.forEach(img=>{img.addEventListener('click',()=>{openLightbox(img)});img.addEventListener('keypress',e=>{if(e.key==='Enter'){openLightbox(img)}})});function openLightbox(img){const overlay=document.createElement('div');overlay.classList.add('lightbox-overlay');overlay.setAttribute('role','dialog');overlay.setAttribute('aria-modal','true');overlay.tabIndex=-1;const enlargedImg=document.createElement('img');enlargedImg.src=img.src;enlargedImg.alt=img.alt;enlargedImg.tabIndex=0;overlay.appendChild(enlargedImg);document.body.appendChild(overlay);gsap.to(overlay,{opacity:1,duration:0.5});const previousFocus=document.activeElement;overlay.focus();function closeLightbox(){gsap.to(overlay,{opacity:0,duration:0.3,onComplete:()=>{document.body.removeChild(overlay);previousFocus.focus()}});document.removeEventListener('keydown',escHandler)};overlay.addEventListener('click',closeLightbox);enlargedImg.addEventListener('click',e=>{e.stopPropagation()});const escHandler=e=>{if(e.key==='Escape')closeLightbox()};document.addEventListener('keydown',escHandler)};const notification=document.getElementById('notification');function showNotification(message){notification.textContent=message;notification.classList.add('show');setTimeout(()=>{notification.classList.remove('show')},3000)};window.addEventListener('resize',()=>{renderer.setSize(window.innerWidth,window.innerHeight);camera.aspect=window.innerWidth/window.innerHeight;camera.updateProjectionMatrix()})});
        </script></body></html>