astramentalica-style že določa barve, pisave, lupino strani, gradnik in glas. Tega dokumenta ne nadomešča — dopolnjuje ga tam, kjer molči, in predlaga eno spremembo, ki jo je pokazal pregled osmih obstoječih strani.
tokens.css določa radije, ne pa razmikov. Zato je v osmih datotekah v uporabi
14 različnih vrednosti za padding in gap — 3, 4, 5, 6, 7, 8, 9, 10,
11, 12, 14, 16, 20, 24 px, pogosto dve različni znotraj iste kartice.
Oko tega ne prebere kot izbiro, ampak kot nenatančnost.
| Token | Vrednost | Kje |
|---|---|---|
| --p1 | 4px | Razmik med značkami, med ikono in besedo |
| --p2 | 8px | Razmik v vrstici gumbov, notranjost drobnih značk |
| --p3 | 12px | Notranjost gradnika, razmik mreže |
| --p4 | 16px | Notranjost glave in stranske vrstice, rob platna |
| --p5 | 24px | Notranjost modalnega okna, razmik med odseki |
| --p6 / --p7 | 32 / 48px | Razmik med velikimi odseki dokumenta |
--txt3: #4a4535 na --bg da razmerje 2.08 : 1.
Prag WCAG AA je 4.5 : 1. Ta odtenek trenutno nosi vse oznake polj, vse tipe gradnikov,
vse namige in ves nadomestni tekst v obrazcih — torej vse, kar uporabniku pove, kje je.
--txt2. Nobene nove barve, nobenega novega
tokena — samo drug obstoječi.
Pravilo: --txt3 je odslej okrasna barva — neaktivne ikone,
ločnice, obrobe. Za besedilo obstajajo tri stopnje in vse tri prestanejo prag:
--txts 16.3 : 1, --txt 11.7 : 1, --txt2 5.1 : 1.
Kadar mora biti oznaka še tišja, se zmanjša velikost, ne kontrast.
Nobena od osmih strani nima vidnega fokusa tipkovnice, in paleta, zavihki in kartice
so povsod <div onclick>. To pomeni, da s tipkovnico ni mogoče
premakniti niti prvega koraka — element ni v zaporedju tabulatorja, in tudi če bi bil,
se ne bi videlo, kje si.
| Zahteva | Kako |
|---|---|
| Viden fokus | :focus-visible{outline:2px solid var(--gold);outline-offset:2px} |
| Klikljivo je gumb | Vsak onclick gre na <button type="button">. Inline handlerji ostanejo — samo nosilec se zamenja. |
| Ikona ima ime | aria-label na gumbu, aria-hidden="true" na glifu |
| Modalno okno | role="dialog" aria-modal="true", Escape zapre, fokus se vrne na sprožilca |
| Brez blokirnih pogovorov | alert / confirm / prompt zamrznejo sejo — uporabi modalno okno iz patterns.md |
--prehod in --prehod-p pokrivata prehode stanj. Vzdušje ni pokrito,
zato ga je na vsaki strani drugače veliko: peskovnik_3d vrti 1800 točk v dveh oseh
in nagiba celotno mrežo za miško, am_preview poganja tri ločene sisteme delcev hkrati.
| Trajanje | Za kaj |
|---|---|
| .2s | Prehod miške, fokus, preklop stanja gumba |
| .4s | Panel, zaslon, prihod gradnika |
| 3s + | Vzdušje. Zvezde, dihanje simbola, potovanje toka. Nikoli kot odziv na klik. |
Eno orkestrirano gibanje na stran zaleže bolj kot pet raztresenih.
In prefers-reduced-motion ugasne vse razen prehodov stanj — pri občutljivosti
na gibanje je vrtenje mreže v 3D sprožilec slabosti, ne okras.
Lupina je namenoma fiksna — overflow:hidden in notranja drsna območja.
To je prav za orodje na namizju, a pod 680 px ni uporabno: stranska vrstica 180–340 px
pojé pol zaslona, glava se prelomi, vsebina pa se ne da doseči, ker dokument ne drsi.
Ena prekinitev pri 1000 px (3 stolpci → 2) in ena pri 680 px (lupina → dokument). Več jih ni potrebnih.
| Datoteka | Ugotovitev | Teža |
|---|---|---|
| am_mixer | o=>try{…} trikrat. Cel skript se ne razčleni — na strani ne deluje nič: ne zavihki, ne zvok, ne tracki. | blokirno |
| am_soundai | fetch na api.anthropic.com brez ključa in brez glave verzije. Ne more delovati — CORS in avtentikacija. | blokirno |
| am_soundai | Drsnik glasnosti plasti kliče pl.glasnost — pl je parameter .map(), inline handler ga ne vidi. | tiha napaka |
| am_preview | aktivnaSlед vsebuje cirilična znaka. Deluje, dokler nihče ne natipka latiničnega e. | past |
| am_glasba | prompt() za ime pesmi in confirm() za novo sejo — v artefaktu blokirano, v avtomatizaciji zamrzne sejo. | past |
| am_mixer | title:"…" kot lastnost CSS in gap-4px. Oboje se tiho zavrže. | drobno |
| am_mixer | <div id="tracks-scrl" id="tscrl"> — dva id na istem elementu. | drobno |
| vseh 8 | Brez vidnega fokusa; klikljivi elementi so div; brez prefers-reduced-motion; neuporabno pod 680 px. | sistemsko |
| vseh 8 | --txt3 kot barva besedila — 2.08 : 1. | sistemsko |
| vseh 8 | 14 različnih vrednosti razmika, 9 različnih radijev, čeprav tokens.css določa pet. | doslednost |
| brezplacni_ai_hub peskovnik_layout | Tabler ikone (ti ti-*) brez naložene pisave — če jih gostitelj ne priloži, ostanejo prazna mesta. | preveri |
| brezplacni_ai_hub | Suno in Udio imata značko slika, čeprav sta glasbena. Filter Slikeju napačno vrne. | podatki |
Peskovnik je doslej povedal svoj model vsebine z značko:
Codex → Forum → Codex. Model je resničen in je najbolj svojska stvar,
ki jo platforma ima — forum in blog hranita Codex, Codex hrani vse ostalo.
V prenovljeni strani ni več napisan, ampak narisan: lasnica iz plošče Codexa do vsake druge plošče, po njej pa počasi potuje zlata črtica. Če Codexa ni na mizi, ni črt — kar je natanko tisto, kar pravilo pove.
Za to je moral nagib 3D iz strani izginiti. Vrtenje mreže za miško zamegli besedilo, premakne tarče klikov in ne pove ničesar o vsebini — in ker je bil edini razlog za nalaganje Three.js, se je z njim vrnilo tudi zvezdno nebo na kanoničnih 200 točk. Drznost naj bo na enem mestu; tok je tisto mesto.