Redesign: Ciemny Edytorial / „Telemetria" — cała witryna na nowy język wizualny - #30
Open
NolaKa wants to merge 40 commits into
Open
Redesign: Ciemny Edytorial / „Telemetria" — cała witryna na nowy język wizualny#30NolaKa wants to merge 40 commits into
NolaKa wants to merge 40 commits into
Conversation
…wers Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…r.css Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…o <link>) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…pisy, button, chip, tabela)
…-mk/.sl-sep Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ejścia, kontekst, dołącz)
…81f40 (biały 5.01), AA Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…aria-controls, <main>, komentarz prymitywów
…ek, chip sharp (shape lock) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…+ komnaty Asymmetric Bento (płasko) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…entach (hero/lead/artefakt) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…loru (crimson, płaski) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…e z referencjami Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…k); hero artefakt znów płaski Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…82 wt.800 + strip run/seed/n + crosshairs ＋), nagłówki sekcji w ramkach [ … ] Pilot kierunku „Ciemny Edytorial → Telemetria" wg brutalist-skill (tactical telemetry, dark): cienka typografia prozy + brutalna waga liczb, warstwa techniczna strukturalna (zero scanlines/grain). Ornament = prawdziwe metadane (run/seed/n=111) zamiast dekoracji. <output> + bracket eyebrows przez ::before/::after. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…m (01–04, przestrzeń obok); pas statystyk jako moduł blueprint (border + crosshairs ＋ + /0n + caption); liczby lżejsze 800→600 (a) bimodal density: każda numerowana sekcja otwiera się wielką cyfrą w szerokiej rynnie, nazwa+nagłówek obok. (c) próba: .sl-band = pełna ramka 1px, gap:1px, znaczniki rejestracyjne w rogach, indeks /01../04 i podpis [ wskaźniki progu ]. Waga wielkich liczb zmniejszona (0.82 było „zbyt pogrubione") — kontrast cienka proza vs mocna (nie czarna) liczba. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…0.82 (.sl-num 300→600); moduł blueprint rozszerzony na .sl-cols i .sl-bento (pełna ramka + crosshairs) Spójny system numeryczny: wszystkie wielkie liczby Archivo 600. Crosshair (+) zebrany w jedną wspólną regułę dla .sl-art/.sl-band/.sl-cols/.sl-bento (koniec duplikacji), siatki gap:1px dostają pełną ramkę 1px zamiast tylko góra/dół — czytają się jak kompartmenty z manuala. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…steps/formularze/pre/bar/stack/people) + plan KIT v2 w slayer.css: .sl-note, .sl-status (kropki stanu ok/run/queued/fail/open), .sl-steps/.sl-step (timeline/recipe/poziomy), warianty .sl-chip (on/warn/mute/ghost), kit formularza (.sl-field/input/textarea/select/check/filter-bar), .sl-pre (mono panel), .sl-bar (płaski progress, bez gradientu), .sl-stack+.sl-legend (skład danych), .sl-people/.sl-person/.sl-avatar (grayscale lub inicjały). Paleta stanu: ok/warn/fail/info. Plan migracji 24 podstron: pionowy plaster (4 próbki) → fale. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…p/leaderboard/team) Walidacja kitu na 4 archetypach: - datasety (statyczna+tabele): 6× .sl-tbl, .sl-mast, .sl-cols, .sl-note - roadmap (timeline): .sl-steps/.sl-step/.sl-step-when + .sl-status (done/run/queued), .sl-cols - leaderboard (DYNAMICZNA): reskin masthead→.sl-art/.sl-band, tabele→.sl-tbl(.sl-win), „wkrótce"→.sl-chip.sl-mute; fetch+45s interval+stan NIETKNIĘTE (diff bez logiki) - team (ludzie): inline <style> z gradientami+radius USUNIĘTY → .sl-people/.sl-person/.sl-avatar (grayscale), join CTA → blok koloru; dane MEMBERS/ADVISORS bez zmian Wszystkie 4: HTTP 200, 0 błędów, 0 gradientów/radius. Praca lokalna, bez push. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- TABELE: szary nagłówek/hover to przeciek lab.css (`th{background:--panel2}`,
`tbody tr:hover td`). Override w .sl-tbl (th/td bg ciemne, hover = crimson-soft)
+ defensywny reset .sl input/select/table (oba arkusze ładują się globalnie).
- GHOST CELLS: .sl-cols i .sl-people miały szare puste komórki przy niedopełnionym
rzędzie (tło --sl-line). Tło→--sl-bg, hairline = 1px box-shadow na realnych
komórkach → wypełnione tak samo, puste = ciemne.
- ASYMETRIA: nowy .sl-bento-a (featured 1×2 + 4 wypełniacze); roadmap „udział"
= crimson blok (Kontrybutorzy) + 4 karty, zero ghost.
- SIEROTY: nbsp po jednoliterowych słowach (datasety: „i trening", „w treningu",
„a treningowe"). Zasada zapisana do pamięci — obowiązuje wszystkie fale.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…s/closed-benchmarks/zadania/bielik-dane/bielik-benchmarki) - kierunki: 12 kart, moat h/m/l → chip crimson/warn/mute, mastheady 01–03 - rules: 2 boksy (jeden crimson .sl-col-block) + 5 reguł .sl-entries + CTA - closed-benchmarks: 3 karty .sl-col-lead + zasady, mastheady - zadania: 3 tiery mastheadami 01–03, badge trudności → chip mute/warn/crimson, 18 kart - bielik-dane: 5 tabel .sl-tbl + 3 .sl-note + 2 siatki - bielik-benchmarki: 4 tabele .sl-tbl (.sl-win), .sl-bento-a, .sl-note Wszystkie: 200, 0 błędów, 0 gradientów/radius, 0 reliktów lab.css, pass sierot ( po i/a/o/u/w/z). Dane/linki/tabele nietknięte. Lokalnie, bez push. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…ez zmian) Prymitywy w górę: .sl-lede clamp(14–16→15–17), .sl-list/.sl-entry p/.sl-step p 13.5→14.5, .sl-note 14→15, .sl-tbl 13→13.5. Sweep inline fontSize:13→14.5 na kartach (home + próbki + Fala A). .sl-h1/.sl-h2/.sl-num/.sl-mast-no/.sl-art-num nietknięte. Typografia jako priorytet (feedback Martyny). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…/propozycja) - zadania: karty → .sl-entries (18 ponumerowanych wpisów, jak „reguły przejścia") - drabina: 7 poziomów .sl-entries + zagnieżdżone .sl-cols, lejek = chipy, quest = .sl-pre - trening: recipe + lineage → .sl-steps (2026 = teraz), tokenizer .sl-tbl, „nasza ścieżka" crimson blok - v3: skład danych → .sl-stack + .sl-legend, wielkie % jako .sl-num, gates → .sl-entries - wiedza: figury → .sl-art, hipotezy → .sl-entries + .sl-status; 2 SVG nietknięte - styl: przykłady → .sl-art, porównanie .sl-cols, podświetlenia błędów zachowane - propozycja: 7 bloków → sekcje + .sl-mast, tabele .sl-tbl, pytania → .sl-entries Wszystkie: 200, 0 błędów, 0 gradientów/radius, pass sierot, ≥14px. Dane/SVG/linki nietknięte. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…u, oddech paska Martyna: „zero animacji". Wycięte: reveal wejścia (opacity/translateY) na głównej + klasy .sl-rv/.sl-dN z page.jsx; @Keyframes sl-pulse (kropka .sl-run statyczna); @Keyframes sl-bar-breathe + transition width paska. Hover-transitions zostają (feedback interakcji, nie animacja samogrająca). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Było: data w lewej kolumnie (minmax 64px) → nagłówki wepchnięte w prawo, „RL na egzaminach" zbyt wcięte. Teraz .sl-steps.sl-flat: meta-wiersz (data · status) na górze, nagłówek flush-left pod spodem, 14px oddechu. Wariant .sl-flat — .sl-step trening (recipe/lineage) bez zmian. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…menty/bench-explorer/nowy/progress/zespol) Ostatnia fala — cała strona na „Telemetrii". Logika JS NIETKNIĘTA (potwierdzone git diff): - eng-log: indeks → .sl-entries; [slug] artykuł → .sl-prose + .sl-pre (MdLite bez zmian) - benchmarks: ScoreBoard/StartingFive (fetch 60s) → .sl-art/.sl-band/.sl-tbl, reguły → .sl-entries - eksperymenty: karty → .sl-art + makro .sl-num, kontaminacja → chip (log.jsx wchłonięty do page.jsx) - bench-explorer: Explorer (filtry/stan/CSV) → .sl-filter-bar + chip on/ghost + .sl-tbl - bench-explorer/nowy: SubmitForm (walidacja/PR/clipboard) → kit formularza + .sl-pre podgląd - progress: Console/Cpt/History (fetch 15s, SVG) → .sl-bar (płaski) + .sl-band + .sl-steps; SVG nietknięte - zespol: join (POST API + polling + honeypot) → kit formularza + .sl-check + .sl-entries npm run build: 30/30 stron OK. Wszystkie fetch/useState/interval verbatim. Lokalnie, bez push. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- /progress hydration error: history.jsx liczyło Date.now() w renderze (SVG x1) →
SSR≠CSR. „dziś" przeniesione do stanu klienta (now=null na SSR → deterministyczne).
- CSV button biały z niewidocznym tekstem: .sl-btn bez tła → natywne tło <button>.
Dodane background:transparent (.sl-btn-p nadal nadpisuje crimson).
- Brunatne pola formularzy (nowy/zespol): lab.css `input[type=text]` (selektor
atrybutowy) bił gołą klasę .sl-input. Scope .sl .sl-input (0,2,0) + element-reset
.sl input:not(checkbox/radio){background/color} — bez psucia focusa.
- bielik-benchmarki: bento 2-kartowe było w .sl-bento-a (układ na 5) → 3 szare puste
komórki. Zmiana na .sl-cols 2-up, lewa karta = crimson .sl-col-block.
- .sl-col-block: pogrubienia (<b>) na crimson teraz białe (AA) — naprawia też propozycję.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- lab.css skasowany — żadna strona już go nie używa. Import + stary <link> Google Fonts (Hanken/Plex/Newsreader) wycięte z layout.jsx. Globalne reguły (box-sizing, body, a, img, ::selection) przeniesione do slayer.css — BEZ gradientów body::before/after. - ostatni token lab: var(--good) → var(--sl-ok) w polnative.jsx. - hero głównej: usunięty panel telemetryczny (slayer-7b/0.82/run…), układ pełnej szerokości, nagłówek „Protokół dla polskiej inteligencji." duży i dumny (.sl-hero-hi, clamp do 116px). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Jedna komórka-akcent na crimson blok na 6 stronach bez niego: kierunki (prawniczy), closed-benchmarks (odtwarzalność ponad zasięg), v3 (entigraph), wiedza (probe), bielik-dane (A: moat), datasety (syntetyczne). Pozostałe lead-cele trzymają szynę. .sl-col-block wzmocniony: białe też .sl-num/.sl-acc/.sl-list/linki(+hover) — każdy typ treści czyta się na crimson (AA). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…r (feedback)
Cyfry w hero (12, 06, 07, {MEMBERS.length}…) były bez sensu. Wszystkie sub-strony
mają teraz spójny mono-kod w rynnie: <route> / <grupa nav> (np. „kierunki / protokół").
Nowy .sl-mast-code + .sl-mast:has() (rynna dopasowana). Strona główna BEZ zmian
(dumny hero), a sekwencyjne numery sekcji WEWNĄTRZ stron (01/02/03 z <h2>) zostają.
23 sub-strony, wszystkie 200.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Po przejściu hero na mono-kod sekcje miały osierocone numery (kontynuacja starego
hero). Restart od 01 na każdej stronie: roadmap/rules/closed-benchmarks 05/04→01,
trening 03·04→01·02, v3 02·03→01·02, propozycja 00·01·F0·F1·F2·03·04·05→01..08
(kody faz wmieszane w numerację — wyprostowane). eksperymenty zostaje z licznikiem
{xs.length} (decyzja Martyny). Strony z czystą sekwencją bez zmian.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…ła pod hero (−36 linii), miara prozy 74→66ch Zastosowanie zasad taste/soft-skill bez utraty stylu: większy oddech między sekcjami, mniej hard-linii (whitespace rozdziela), węższa kolumna tekstu dla czytelności. Zachowane: numeracja, kolorbloki, akcent, zero animacji, polska pauza. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
@NolaKa is attempting to deploy a commit to the kwikiel's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…uced-motion Odpowiedź na feedback Kacpra (za małe fonty, pitch black + czerwień = hostile): - tryb jasny: przełącznik w nav, data-theme + localStorage + prefers-color-scheme, skrypt inline bez mignięcia; tokenizacja zahardkodowanych powierzchni (--sl-glass/-2/-hover/-code-bg) by przełączały się przez jeden atrybut - tło ciemne #0d0a0b → #161210 (zabija halację red-on-black), rozjaśniony --sl-dim - podłoga fontów: mono-etykiety 9-10 → 12-12.5px, proza 13.5-15 → 17px, baza → 19px (giganty i nagłówki nietknięte — kontrast skali zachowany) - z checklisty Addy'ego: :focus-visible, skip-link, prefers-reduced-motion, color-scheme, touch-target hamburgera 34 → 44px Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…o merge'u main→polswiss) Merge main→polswiss wciągnął team/page.jsx ze starymi klasami .member/.av i tokenem --acc, które żyły tylko w usuniętym lab.css → karty renderowały się bez stylów (wielki domyślny font, brak ramek, niewidoczne linki). Ujednolicone na .sl-person + komponent Avatar (jak sekcja Doradcy). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Contributor
|
🤖 Automated code review (Xavier / Xfaang), requested by @zientara in Verdict: REQUEST CHANGES — the redesign itself is high quality (clean token system, good a11y, no secrets, data wiring preserved), but two issues drop content / break pages, and the PR is on a stale base.
Good (verified, no action): no secrets committed; leaderboard/benchmark/dataset data wiring preserved; no broken local imports (only Bottom line: rebase onto |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Podsumowanie
Pełny redesign frontu na spójny język wizualny „Telemetria" (ciemny edytorial dla laboratorium AI). Migracja wszystkich ~30 tras na pojedynczy arkusz
styles/slayer.css; usuniętylab.css(źródło przecieków CSS).Język wizualny:
#fb4d68, zablokowany na całej witrynie01Co się zmienia
styles/slayer.css— nowy system tokenów i komponentów--sl-*/.sl-*app/**— wszystkie strony przepisane na nowy językapp/layout.jsx—next/fontArchivo + JetBrains Mono (zamiast starych<link>)styles/lab.cssPlan testów
next build— 30/30 stron prerenderuje się zielono200na dev, log czysty/progressnaprawiona (brakDate.now()w renderze)🤖 Generated with Claude Code