Rebuild portfolio in Next.js and Tailwind
Static-export Next.js 16 app with the tactical-map hero, Dajt terrain background, dossier pages and the projects node index. Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
# selimaj.dev
|
||||
|
||||
Portfolio site. Next.js (App Router, static export) and Tailwind CSS v4.
|
||||
|
||||
```bash
|
||||
npm install
|
||||
npm run dev # http://localhost:3000
|
||||
npm run build # static site in out/
|
||||
npm run lint
|
||||
```
|
||||
|
||||
`npm run build` writes plain HTML/CSS/JS to `out/`, which any static host can serve.
|
||||
|
||||
## Where things live
|
||||
|
||||
- `src/content/`: all copy and data, including every placeholder (marked `PLACEHOLDER`).
|
||||
- `profile.ts`: name, title, stance, dossier fields, links, map lock.
|
||||
- `dossier.ts`: the five About files.
|
||||
- `projects.ts`: projects, statuses, node-map positions, featured nodes.
|
||||
- `public/profile/pfp.svg`: placeholder profile picture. Replace this file (or point `profile.pfp` at a new one).
|
||||
- `public/terrain.svg`: hero terrain contours (Dajt elevation data).
|
||||
- `src/app/globals.css`: colour tokens, bracket/grid utilities, and all motion.
|
||||
|
||||
## Rules worth keeping
|
||||
|
||||
- Green (`accent`) means active or detected: hover, focus, current page, live telemetry, the lock. Nothing at rest is green.
|
||||
- The map shows Tirana city centre only. Never add anything finer than city scale.
|
||||
- All motion sits behind `prefers-reduced-motion: no-preference`. Text renders without JS.
|
||||
Reference in New Issue
Block a user