Smoon

03/01/2024

webové šťourání

Původně jsem chtěl zde na smoon.cz pouze aktualizovat šablonu. Web generuji pomocí Huga a používám šablonu “nostylepleas. Při aktualizaci jsem si všiml, že má dost přepsané styly. Jedná z částí je možnost nastavení tmavého prostředí. Nastavení je napevno v configuráku, protože šablona nemá žádné skripty. Mé šťourání začalo zcela nevině. Jen jsem si hrál s nastavením tmavého prostředí. Vlastně jsem si upravoval barvičky odkazů pro světlý a tmavý vzhled.

Když už jsem to měl upravené, přišlo mi škoda, že se to nedá na webu přepínat. Chvíli jsem googloval jak na to, protože jak všude říkám, nejsem žádný programátor, jen lepič kódu. Navíc JS v podstatě neznám. Nic moc kloudného jsem nenašel, ale nejspíš to bude tím, že správně neumím zformulovat co vlastně chci. Napadla mě však spásná myšlenka.

V poslední době se stále více píše o generování kódu pomocí velkých jazykových modelů (umělé inteligence). Tak jsem to taky zkusil. Hodil jsem pár dotazů do chatu Bingu a voila. Hned první verze, kterou jsem nasadil fungovala. Kdybych v některých ohledech nebyl detailista, tak bych to nechal. Mělo to však jednu maličkou chybku. Bing použil funkci window.onload pro použití a natažení atributu z lokálního uložiště. Jedná se o atribut tagu <body>. Docházelo k tomu, že při prvním načítání stránky s nastavením tmavého vzhledu probliklo světlé prostředí. Později už to bylo v pořádku, ale to první načtení zlobilo jednoduše proto, že se script provedl až po načtení webu. Stačila k tomu chvilka přemýšlení a ještě pár dotazů na Bing. Nakonec jsem funkci window.onload úplně vyhodil a skript pro načtení jsem umístil přímo za tag <body>. Vyřešeno!

Nově tedy na webu je troška toho javascriptu, pouze však pro možnost přepínání tmavého a světlého vzhledu. Pokud máte JS zakázaný, měl by web v základě nabíhat ve světlé variantě. Vy ostatní vyzkoušejte odkaz ●○. Edit: na novém webu od roku 2025 nefunguje

...

následující: webové šťourání #2

eof