Personal portfolio website for Francesco Bernini, a designer based in Italy specializing in experimental typography, editorial production, and web design.
- Interactive sticky notes — Draggable notes with recipes, favorite cars, books, a photo gallery, an Are.na feed, and a Pong minigame
- Double-click to expand — Any note can be highlighted full-screen; click outside to dismiss
- Drag from header — Notes are dragged by their title bar with physics-based movement and rotation
- Grid organize — Button to snap notes into a tight masonry layout
- Are.na integration — Live feed from an Are.na channel, auto-refreshing every 60 seconds
- Pong minigame — Canvas-based Pong with AI opponent, start/stop/restart controls
- Responsive — Three breakpoints for mobile, tablet, and desktop with horizontal scroll galleries on smaller screens
Plain HTML, CSS, and JavaScript — no frameworks or build tools.
index.html — Page markup
styles.css — All styles and responsive breakpoints
script.js — Drag system, expand/collapse, Are.na fetch, Pong, gallery nav
imgs/ — Project images and photo gallery
Open index.html in a browser, or serve with any static server:
npx serve .