How 03aey/niccolo-miranda-clone works
This repository is a static clone of the Niccolo Miranda website. A visitor opens the page in a browser; the site presents the replicated design, adds smooth scrolling and a GSAP page animation, and displays a width warning on smaller screens. The README documents the design, animation, and scrolling capabilities; the JavaScript excerpt confirms the scrolling, animation, and warning behavior. HTML, CSS, and asset wiring was not shown, so those connections are omitted.
Main entry points: script.js Smooth scrolling · index.html Website page
Components 11
Website
- Website page
index.html - Page styling
css/style.css - Image assets
Images - Font assets
Font
Interaction
- Smooth scrolling
js/script.js - Page animation
js/script.js - Width warning
js/script.js
Libraries
- Locomotive Scroll
- GSAP
Other components
- Visitor
- Browser
Connections 4
- Visitor → Browser: opens site
README.md - Browser → Website page: loads
README.md - Smooth scrolling → Locomotive Scroll: initializes
js/script.js - Page animation → GSAP: creates timeline
js/script.js