Original caption
How I build with Claude 👇 Academy in bio 🔗 Two formulas here are worth stealing for any project page: The hold and drag to compare two versions of the same image is one property, stack both images exactly on top of each other, then on the top one set clip-path inset with a percentage from the right, and feed that percentage from your pointer x position divided by the container width, drag and the front image is revealed or hidden like a curtain, that is the entire before and after slider in about five lines. The cinematic loading screen is real progress, not a fake timer, count your assets and increment a loaded counter as each one finishes, then the bar width equals loaded divided by total times 100, so the number is honest and the reveal fires exactly when the site is ready. The headline sits inside the render because the text is a mask over the video, the footage plays only inside the letterforms. Two colors for the whole site is what holds it together. Save this if you want cinematic project pages 🏔️ #claudefable5 #buildinpublic #webdesign #luxury #fyp