dlab.zone

## kontekst

Portfolio powinno udowadniać umiejętności, które wymienia. Dlatego projektem jest sama strona: interfejs w stylu terminala, który obsłużysz klawiaturą, szybki i czytelny nawet bez JavaScriptu.

## co zrobiłem

1. a1c03f2init: prerenderowany React na TanStack Start i Vite+
2. 5d7e912ui: pasek tmux, linia statusu vima i terminal w docku
3. b84f0c6motion: animacje CSS sterowane scrollem i falująca siatka w canvasie
4. e2a95d4a11y: klawiatura na pierwszym miejscu, ograniczony ruch, pięć palet w jasnej i ciemnej wersji
5. 3f6b1e8tooling: Oxlint i Oxfmt zamiast ESLinta i Prettiera

## architektura

┌───────────────┐        ┌───────────────┐        ┌──────────────────┐
│  src/content  │ ─────▶ │  virtual fs   │ ─────▶ │ terminal: cd, ls │
└───────┬───────┘        └───────┬───────┘        └──────────────────┘
        │                        │ routes
        │                ┌───────▼───────┐        ┌──────────────────┐
        └──────────────▶ │   prerender   │ ─────▶ │   static HTML    │
                         └───────────────┘        └──────────────────┘

## decyzje

1. 01.md
   Najpierw statyczny HTML.Każda strona jest prerenderowana, więc treść jest dostępna, zanim uruchomi się JavaScript. JavaScript dokłada terminal, nie treść.
2. 02.md
   CSS scroll timelines zamiast nasłuchiwania scrolla.Animacje działają poza głównym wątkiem i są płynne na iOS Safari; JavaScript steruje tylko tym, czego nie da się zrobić w CSS, jak falująca siatka.
3. 03.md
   Jedno źródło treści.Strony, terminal i sitemapa czytają te same typowane pliki, po angielsku i po polsku, więc nic się nie rozjeżdża.

## wyniki