A small, handcrafted portfolio prototype that looks and feels like a personal scrapbook desktop.
This project is intentionally tactile, messy, and nostalgic — think Polaroids, washi tape, handwritten notes, and layered paper windows.
index.html— main scrapbook desktopstyles.css— handcrafted scrapbook styles and texturesscript.js— reusable window system, draggable windows, and desktop artifactsassets/— placeholder folders for photos, stickers, textures, and icons
- Open
index.htmlin your browser (double-click or serve with a static server).
Quick local server (Python 3):
# from the project root
python3 -m http.server 8000
# then open http://localhost:8000 in your browserThe repo uses placeholder paths. Drop your real assets into these folders:
assets/photos/
assets/stickers/
assets/textures/
assets/icons/
Suggested search terms: "scrapbook stickers PNG", "washi tape PNG", "polaroid frame PNG", "vintage paper texture", "handwritten label PNG".
- The layout is intentionally asymmetrical and dense; adjust or replace placeholder images to improve the handmade look.
- Consider adding higher-resolution textures, handwritten webfonts, and additional decorative PNGs.
- Mobile behavior simplifies the desktop into stacked windows — test and tweak breakpoints.
If you want, I can:
- Add example stickers and paper textures (placeholder assets),
- Wire up keyboard shortcuts for window stacking, or
- Export a small set of recommended free assets and automatically install them into
assets/.
Made with a focus on nostalgia and storytelling. Replace placeholders with real imagery for best results.