Paleta, na kterou se můžeš napřed podívat

Díl 5 ze 9 — ./blog.sh v1.2

Dřívější příspěvek tady vysvětluje, že každá barva na tomto webu pochází ze sedmi klíčů v konfiguračním souboru. Ta část se nezměnila. Změnilo se to, že si už nemusíš představovat, jak těch sedm hodnot bude vypadat, než se k nim zavážeš.

Vybírat mezi čtrnácti hexadecimálními hodnotami je v průvodci přesně tak slepé jako v YAML. Takže ./style.sh ti to ukáže.

Sedm palet, jeden stisk klávesy

Celé palety teď přicházejí v config/palettes.yml, světlé i tmavé:

  • Výchozí modrá, teplá, monochromatická a vysoký kontrast – čtyři z galerie na tomto webu, jejichž světlé režimy jsou přesně to, co ta stránka ukazovala. Jejich tmavé režimy jsou nové; galerie měla vždy jen světlé titulní strany.
  • Slunečnice, krémová a zlatá s olivovými odkazy – zlatavá žlutá zůstává na pilulkách štítků, protože žlutý text na krémové se číst nedá a zvýrazňovací barva je tu především barvou textu.
  • Zahrada, zelené a khaki.
  • Oceán, ocelová modř nad námořnickou.

Ty poslední tři pocházejí z rodiny TangerineUI Classic, ze které vyrostla vlastní paleta tohoto enginu – její bluebird je zdejší výchozí paleta, do poslední hexadecimální hodnoty.

Titulní strana v paletě Slunečnice
Slunečnice – krémová a zlatá, olivové odkazy
Titulní strana v paletě Zahrada
Zahrada – bledě zelená stránka, khaki lišta, trávově zelené odkazy
Titulní strana v paletě Oceán
Oceán – ocelová modř na chladné šedé, ve tmě námořnická

Přidat vlastní znamená přidat záznam do toho souboru. Průvodce vypíše, co najde, a paleta, kterou přidáš, nepotřebuje k zobrazení žádný překlad.

Pak ti ukáže web

Vyber jednu – nebo dokonči vlastní cestu přes čtrnáct hodnot – a je ti nabídnut náhled: tvůj vlastní sestavený web v kandidátských barvách, světlý a tmavý vedle sebe. Na čerstvé instalaci, kde ještě není co vykreslit, projde skutečným sestavením přibalený ukázkový příspěvek.

Na nasazeném webu náhled cestuje tak, jak cestuje náhled draftu. Nahraje se na tvůj vlastní /palette-preview.html a průvodce odpoví celou adresou a QR kódem – takže paletu zvolenou u výzvy SSH lze posoudit na telefonu v kapse, na obrazovce, na které ji lidé skutečně budou číst.

Tablet držený v jedné ruce ukazuje náhled palety – týž blog ve světlém a tmavém režimu vedle sebe – s terminálem a jeho QR kódem na obrazovce notebooku vzadu.
Zvolena u výzvy SSH, posouzena v ruce

Místně přistane v tmp/palette-preview.html a otevře se v prohlížeči tam, kde nějaký je.

Barvy procházejí týmž kódem, který používá sestavení. To není detail: lib/colors_css.rb byl vyčleněn přesně kvůli tomu, aby se náhled nemohl rozejít s tím, co by dalo nové sestavení. Náhled, který lže, je horší než žádný náhled.

Nic se nezapíše až do obvyklého potvrzení.

Sekce banneru za tebe měří

Dej jí cestu k obrázku a ona soubor zkopíruje na místo a změří ho. banner.width a banner.height existují proto, aby rezervovaly místo v rozvržení, než se obrázek načte; vždy se opisovaly ručně a zastaralá dvojice způsobí, že každá stránka při načítání poskočí.

Proč je to vlastní průvodce

setup.sh i style.sh zapisují do config/site.yml. Dělí se podle životního cyklu, ne podle souboru: setup se ptá na věci, které odpovíš jednou, tohle je všechno, k čemu se vracíš a ladíš – paleta, banner, text o webu, patička, ikony sítí, widgety postranního panelu, písma, analytika.

Takže je to menu, do kterého se zaskočí, ne formulář, který se dokončí. Což je poctivý tvar pro tu část webu, kterou nikdo nikdy nepřestane dolaďovat.

Komentáře