diff --git a/README.md b/README.md index c10eb22..6c42e91 100644 --- a/README.md +++ b/README.md @@ -2,15 +2,15 @@ > The source code for my personal website, **[dvorakmortonxd.dev](https://dvorakmortonxd.dev)**. -It's a **skeuomorphic personal site**: a walnut desk with graphite hardware, cream paper and -brass details resting on it, with the whole KDE desktop simulation kept behind a physical power -switch. Two modes, one content set: +It's a **skeuomorphic personal site**: a near-black desk with anodised hardware, machined +aluminium, clean printed labels and a single orange accent, with the whole KDE desktop +simulation kept behind a physical power switch. Two modes, one content set: -- **Web** (default) — the desk. A monitor carries the headline with a keyboard in front of it - and a small rack beside it; services are 1U rack units with health LEDs, the 18 coding - projects are labelled drives in a drawer, the machines hang as paper tags on a pegboard, the - contribution heatmap is printed on continuous dot-matrix paper, friends are business cards, - the gym log is a clipboard and the socials are a patch panel. Textures are CC0 — see +- **Web** (default) — the desk. A monitor carries the headline with a mechanical keyboard in + front of it and a small rack beside it; services are 1U rack units with health LEDs, the 18 + coding projects are labelled drives in a drawer, the machines are barcoded asset labels on a + pegboard, the contribution heatmap is printed on a label-printer sheet, friends are business + cards, the gym log is a clipboard and the socials are a patch panel. Textures are CC0 — see [`/credits`](https://dvorakmortonxd.dev/credits). - **Desktop mode** — the KDE Plasma / Windows-style **desktop simulation**: draggable snap-to-grid icons, resizable/floating windows, a Start menu, taskbar, live clock and a @@ -24,9 +24,10 @@ heatmap**, gym SBD and links to friends' sites. - **Web theme is the landing view** — the site always opens on the desk; the theme is deliberately not persisted, so a reload never drops you into the desktop. -- **Skeuomorphic materials** — walnut desk, graphite faceplates, cream paper, brass plaques and - amber LEDs, all CSS over five CC0 textures. Every section is a physical object with a contact - shadow; nothing is pure white on black or grey on black. +- **Skeuomorphic materials, modern finish** — near-black desk, dark anodised faceplates, + machined aluminium plaques, matte printed labels and mint/orange LEDs, all CSS over five CC0 + textures. Every section is a physical object with a contact shadow; nothing is pure white on + black or grey on black. - **Desktop mode (desktop-only)** — a physical power switch in the top rail (and in the footer) flips to the KDE-style desktop for the session. Phones never get it: the switch is hidden, so the old iOS-style phone home screen is gone. @@ -67,14 +68,14 @@ heatmap**, gym SBD and links to friends' sites. - **Language:** TypeScript, React 19 (client components everywhere interactivity lives) - **Styling:** `src/app/globals.css` holds the palette tokens, base styles, the Tailwind v4 `@theme`/`@utility` classes and the scroll reveals. `src/app/web.css` is the material system - (walnut desk, graphite metal, cream paper, brass, OLED glass, LEDs, screws, rack rails, rocker - switch) and the object layouts. `page.css` keeps the shared component styles the desktop apps - still use, and `skeuo.css` is the KDE desktop. -- **Fonts:** Newsreader (headlines, paper) + IBM Plex Sans/Mono (body, machine labels) via - `next/font/google`; the desktop keeps its system sans stack. -- **Textures:** five CC0 materials from ambientCG — `desk` (walnut), `metal`, `paper`, `carbon`, - `plastic` — downscaled to 512 px in `public/textures`. Attribution is on `/credits`. -- **Version:** `3.2.0` (see `package.json`) + (near-black desk, anodised metal, machined aluminium, printed labels, black glass, LEDs, rack + rails, rocker switch) and the object layouts. `page.css` keeps the shared component styles the + desktop apps still use, and `skeuo.css` is the KDE desktop. +- **Fonts:** IBM Plex Sans/Mono for screens, machine labels and headings; Newsreader for things + printed on paper; via `next/font/google`. The desktop keeps its system sans stack. +- **Textures:** five CC0 materials from ambientCG — `desk` (near-black wood), `metal`, `paper`, + `carbon`, `plastic` — downscaled to 512 px in `public/textures`. Attribution is on `/credits`. +- **Version:** `3.3.0` (see `package.json`) ## 🚀 Running Locally diff --git a/agents.md b/agents.md index 92ba4e6..f14726f 100644 --- a/agents.md +++ b/agents.md @@ -34,20 +34,20 @@ When in doubt, prefer updating. A stale README **or** agents.md is treated as a ## What this project is Personal portfolio site for **dvorakmortonxd.dev**. The default view is a -**skeuomorphic desk**: a walnut surface with a monitor, keyboard, rack, drive -drawer, pegboard, dot-matrix report, business cards, clipboard and patch panel -resting on it. A physical power switch flips to a **KDE Plasma desktop -simulation**. Phones only ever get the desk. +**skeuomorphic desk**: a near-black surface with a monitor, mechanical keyboard, +rack, drive drawer, pegboard of asset labels, label-printer report, business +cards, clipboard and patch panel resting on it. A physical power switch flips to +a **KDE Plasma desktop simulation**. Phones only ever get the desk. - Framework: **Next.js 16** (App Router, Turbopack), **React 19**, TypeScript. - Styling: **Tailwind v4** for layout plus **`web.css`**, the material system - (walnut desk, graphite metal, cream paper, brass, OLED glass, LEDs, screws, - rack rails, rocker switch) over five CC0 textures in `public/textures` - (credited on `/credits`). `globals.css` holds the tokens, base styles and the - reveals; `skeuo.css` and `page.css` are the desktop and the shared - desktop-app styles. + (near-black desk, anodised metal, machined aluminium, printed labels, black + glass, LEDs, rack rails, rocker switch) over five CC0 textures in + `public/textures` (credited on `/credits`). `globals.css` holds the tokens, + base styles and the reveals; `skeuo.css` and `page.css` are the desktop and + the shared desktop-app styles. - Path alias: `@/*` → `src/*`. -- Version: `3.2.0` (see `package.json`). +- Version: `3.3.0` (see `package.json`). ### Scripts ```bash @@ -127,8 +127,8 @@ scripts/ Modes: `web` = the skeuomorphic desk (default/landing), `skeuo` = KDE Plasma desktop. -The desk uses **five CC0 textures** from ambientCG (`public/textures`: desk -walnut, metal, paper, carbon, plastic), downscaled to 512 px and credited on +The desk uses **five CC0 textures** from ambientCG (`public/textures`: near-black +desk wood, metal, paper, carbon, plastic), downscaled to 512 px and credited on `/credits`. The social SVGs are used as monochrome CSS masks (`.social-mask`); `linkedin.svg` is a filled badge that masks to a plain square, so `web-ui.tsx` renders an inline mark for it instead. The desktop still uses the image assets. diff --git a/package.json b/package.json index 2af9046..17e136d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "dvorakmortonxd", - "version": "3.2.0", + "version": "3.3.0", "private": true, "scripts": { "dev": "node scripts/dev-server.mjs", diff --git a/public/textures/desk.jpg b/public/textures/desk.jpg index 820ba7f..3ab201d 100644 Binary files a/public/textures/desk.jpg and b/public/textures/desk.jpg differ diff --git a/src/app/components/WebSite.tsx b/src/app/components/WebSite.tsx index 70661a4..bf5b4fe 100644 --- a/src/app/components/WebSite.tsx +++ b/src/app/components/WebSite.tsx @@ -149,7 +149,7 @@ export default function WebSite() { martin@dvorakmortonxd:~$ whoami

-

+

My own little internet — one rack, zero subscriptions.

@@ -250,15 +250,15 @@ export default function WebSite() {

-
-

+

+

NOW.TXT · UPDATED 09/2026

-

+

I’m hosting an SMP — message me on Discord if you want in. I’m also cooking most days, bulking through the non-summer seasons.

-

+

Me and my friend{" "} Pepa @@ -295,7 +295,7 @@ export default function WebSite() {

-