DAMA Portfolio

Next.js portfolio based on the responsive HTML prototype. The home page keeps its editorial grid, six section links, and local clock.

CONTACT is a real route at /contact with direct channels and a message composer that hands a mailto: draft to your own mail client. PROJECTS is a real route at /projects, set as a front page rather than a grid of cards: the ranking is the design, with one lead story at display scale owning the first screen, two set in full side by side, and three compressed summaries whose complete notes print in an appendix below. A one-line reading key states that rule out loud and jumps to the appendix, and the page keeps the site's monochrome palette and hairline rules while dropping the eight-column bordered grid the other pages use. See the Projects page section in docs/design.md. The remaining sections (ABOUT ME, SETUP, EXPERIMENTS, NOTES) still open the prototype's placeholder detail page at /page?view=..., for example /page?view=about. /page?view=contact and /page?view=projects are permanent 308 redirects to their routes, declared in next.config.ts, and any other unknown view returns the 404 page.

The 404 page at src/app/not-found.tsx is the home grid with the wordmark replaced by the status code, so an unmatched URL still reads as the same magazine. It shows the path that failed and re-offers the six real routes. See the Not-found page section in docs/design.md.

Run locally

bun run dev

Open http://localhost:30410.