Blogi elää ja voi hyvin vielä vuonna 2026. Tai ainakin minun blogini. Vaikka ”bloggailuinto” on vuosien varrella hieman laantunut, halusin silti uudistaa ”kotisivuni”, vielä kerran.
**Katselet juuri Rollemaan uunituoretta versiota ja lukukokemusta**. Tässä versiossa keskityn erityisesti luettavuuteen, saavutettavuuteen ja suorituskykyyn. Pyrkimyksenä on myös motivoida itseäni kirjoittamaan enemmän pidempiä tekstejä, tekstintuotantoni on nimittäin viime vuosina rajoittunut lähinnä [puolivillaisten päiväkirjamerkintöjen](https://www.rollemaa.fi/lokikirja/ ) tuottamiseen, komentorivin komentoihin ja [pitkiin Mastodon-päivityksiin](https://mementomori.social/@rolle ). Kautta aikojen minua on innostanut jonkin uuden, oman, kehittäminen ja sitä kautta jonkin toisen välitavoitteen saavuttaminen. Blogini puolella isoimmat kipinät kirjoittamiseen onkin tapahtuneet uuden fontin, designin freesauksen tai jonkin teknisen ponnistuksen myötä.
Maailman tilaan nähden olen edelleen melko tuottelias. Kirjoitan ja luen päivittäin ja pidän näistä kahdesta ydinharrastuksesta tiukasti kiinni. Internetin luonne on muuttunut hyvin lyhyessä ajassa ja ihmisten keskittymiskyky on kaventunut. Harva jaksaa enää lukea pitkiä tekstejä tai tehdä mitään ponnistuksia vaativaa. Se ei kuitenkaan minua haittaa. Aion jatkaa valitsemallani tiellä, hyvin todennäköisesti elämäni loppuun saakka.
Ainoastaan median kuluttamismuoto ei ole muuttunut, mutta myös sen tuottaminen. Ei ole oikeastaan enää väliä missä ja miten kirjoittaa. Siirtymää on tehty blogeista YouTubeen ja someista lyhytvideoalustoille. Samalla tuntuu, että millään ei ole mitään väliä. Yhtäältä esimerkiksi digitaalinen suvereenius on tärkeämpää kuin koskaan, toisaalta ihmisten kiinnostus erilaisia digimedioita kohtaan on täysin kadonnut luonnonvara kaiken [paskiintuessa](https://fi.wikipedia.org/wiki/Verkkoalustojen_huonontuminen ) entistä nopeammin.
Minä yritän pysyä pinnalla.##
Rollemaa v25 – *’The Purple People Eater’*Hyvillä versioilla on aina nimi. Tämän teeman nimi on **The Purple People Eater**, jolla viittaan tietenkin [amerikkalaisen country-rock muusikon Sheb Wooleyn hittiin vuodelta 1958](https://en.wikipedia.org/wiki/The_Purple_People_Eater ). Kappale on aina jotekin kiehtonut minua. Vaikka sen idea lähti vitsistä (”mikä on violetti ja syö ihmisiä?”), se on inspiroinut joitakin tieteisteoksia ottamaan otuksen mukaan kirjaimellisena hirviönä. Lisäksi lempivärini on violetin tietyt sävyt, erityisesti syvä violetti. Deep Purple on myös hyvä yhtye.
Uusi Rollemaa.fi kirjoihin ja kansiin.**Tämä on järjestyksessään Rollemaan 25. versio**. Se kuulostaa paljolta, mutta ei se sitä ole, kun ottaa huomioon, että ensimmäisen version julkaisin vuonna 1999. Harmi, että gamma.nic.fi poistui netistä pari vuotta sitten, eikä [Internet Archive](https://archive.org/ ) enää säilytä NIC Tietoverkkojen muistoja kuin jotakuinkin vuoteen 2001 asti.
Ihan ensimmäiset kotisivuni olivat NICin palvelimella (myöhemmin Saunalahti, vielä myöhemmin Elisa), mutta niitä ei lasketa. Se oli sitä HTML:n, välkkyvien giffien ja taulukoiden kulta-aikaa. Historiasta olen kirjoittanut kosolti [aikaisemminkin](https://www.rollemaa.fi/uusi-versio-julkaistu-rollemaan-kehityspolku-vuodesta-2014/ ), joten en avaa tähän miltei 30 vuoden takaista tarinaani blogin ja verkkosivujen parissa erikseen.
> Yleensä ajoitan vapaa-ajan koodailut pidempiin loma-aikoihin tai sellaisiin hetkiin kun on lepäilyt levätty ja jotain tekisi mieli viritellä. Niitä hetkiä ei juuri koskaan ole.
Näin pohdiskelin [edellisen uudistuksen aikoihin](https://www.rollemaa.fi/rollemaan-24-versio-on-taalla-esittelyssa-kasintehty-wordpress-teema/ ), koronavuonna 2020. On hämmentävää, miten asiat ovat muuttuneet, kun jo tuolloin ajattelin, että maailma elää myllerryksessä, eikä ohjelmoinnille ole enää tilaa. Nykyään kuitenkin ohjelmoin vapaa-ajan asioita jatkuvasti, myös arki-iltoina. Tekeminen on kymmenekertaistunut, koska maailma on muuttunut. Työkalut ovat muuttuneet. Kaikki on erilaista. Viittaan tietysti tekoälyyn. Tästä kirjoitan oman kokopitkänsä pian.##
Rollemaa ja sateenvarjoLogossa on ollut sateenvarjo jo vuosia. Saatat miettiä miksi.
Rollemaa on digitaalinen ”maa”, oma leikkikenttäni. Se on eräänlainen nuoren miehen mielikuvituksen tuote. Rollemaa kiteytyy lempisäähäni, kesä tai alkusyksy juuri ennen myrskyä. Tummia pilviä, tuulta ja vähän sadetta, mutta silti riittävän lämmin. Heinä huojuu tuulessa. Sateenvarjoa saattaisi tarvita, mutta en aina ota sitä mukaan. Sää on rauhoittava. Tyyntä myrskyn edellä. Pidän myös sateesta.
Siksi sateenvarjo. Siksi sataa, kun viet hiiren logon päälle. Kokeile.
Joskus taannoin jopa piirsin tämän säätilan leiskaan.
Rollemaa.org, joskus miljoona vuotta sitten. Lisää [Behance-tililläni](https://www.behance.net/gallery/1960581/Rollemaaorg ).##
Mikä muuttui 1.11.2026**Design yleisesti:** Halusin Rollemaan pysyvän tunnistettavana, joten en lähtenyt radikaalisti muuttamaan rakenteita tai sisältökokonaisuuksia. Toivottavasti onnistuin.
Isoimmat muutokset ensin tiivistettynä:<li><strong>Aikakauslehtimäinen etusivu.</strong> Uusin kokopitkä isona, sen jälkeen kuuden kirjoituksen rytmi: yksi leveä, kaksi rinnakkain ja kolmen rivi.</li><li><strong>Kirjoitukset vuosittain kirjahyllynä.</strong> Jokainen vuosi on kirjan selkämys, ja selkämyksen paksuus kertoo sanamäärän.</li><li><strong>Lokikirjan design uusiksi.</strong> Luovuin erillisestä kalenterista. Jatkossa lämpökartan päivää klikkaamalla pääsee päivän postaukseen.</li><li><strong>Sivuhuomiot.</strong> Pitkissä kirjoituksissa marginaaliin ilmestyy tietoa linkitetyistä sivuista ja vanhoista kirjoituksista samasta aiheesta.</li><li><strong>Lukemisen muistiominaisuudet.</strong> Sivusto muistaa, mihin viimeksi jäit ja kertoo missä kohtaa artikkelia olet lukemassa.</li><li><strong>Nyt-paneeli.</strong> Viimeksi kuunneltu <a href="https://www.last.fm/user/rolle-">Last.fm:stä</a>;, katsottu <a href="https://app.trakt.tv/profile/rolle">Traktista</a>; ja luettu omasta <a href="https://luku.app/@rolle">Luku-sovelluksestani</a>.</li><li><strong>Reaaliaikainen haku.</strong> Haku on rakennettu uudelleen, moottorina <a href="https://www.algolia.com/">Algolia</a>.</li><li><strong>Kommentit somesta.</strong> Sivuston oma kommentointiominaisuus on suljettu. Kukaan ei enää kommentoi tekstejä kenenkään blogeissa, vaan keskustelu tapahtuu someissa. Tällä hetkellä julkiset kommentit vedetään Mastodonista, Threadsista ja Blueskystä. Tykkäykset ja jakamiset näkyvät fediversumin aktiviteetin pohjalta.</li><li><strong>Tekoälyn tiivistelmä.</strong> Pitkien kirjoitusten alussa on avattava tiivistelmä: yksi virke ja muutama pääkohta niille, jotka eivät jaksa lukea.</li><li>”<strong>Hyvin kirjoitettu”.</strong> Kirjoituksen lopussa on taputusnappi, jota saa painaa niin monta kertaa kuin haluaa. Nyökkäys vanhaa <a href="https://medium.com/">Medium.comia</a>; kohtaan.</li><li><strong>Eniten alleviivattu.</strong> Kun lukija maalaa tekstiä, kohta tallentuu nimettömästi. Kun sama kohta on maalattu useammin kuin kerran, se korostetaan tekstissä muillekin. Tämäkin idea vanhasta Mediumista pöllitty.</li><li><strong>Vaalea ja tumma tila.</strong> Väritilat ovat olleet täällä aikaisemminkin. En aio luopua dark modesta, mutta sallin ihmisille vapauden valita.</li><li><strong>Puhelimessa</strong> valikko liukuu ylhäältä lasimaisena paneelina, jota voi vetää sormella. Pidän Applen liquid glassista, jota yritin tässä apinoida.</li>##
WordPress-teeman tekniset yksityiskohdatVuoden 2020 versio oli käsintehty **perinteinen** WordPress-teema: PHP-tiedostoja, SCSS:ää, Gulp ja Webpack. Vuoden 2026 on **lohkoteema** eli Full Site Editing -teema (FSE), joka nojaa niin paljon WordPressin ytimen ominaisuuksiin kuin mahdollista.
Kun haluan kirjoittaa, kirjoitan. Kun haluan koodata, koodaan. En halua sotkea näitä keskenään, enkä todellakaan ole esimerkiksi sellaisten Markdown-editorien fani, jossa on ”koodinäkymä” ja kirjoittamisnäkymä erikseen. Kirjoittamiseen suosin sellaista editoria, jossa voin käyttää markdownia, työkalupalkkia ja visuaalisia työkaluja siten, että näen muutokset koko ajan edessäni ilman koodia. Tähän WordPress on edelleen lyömätön.
Voin muokata koko sivustoni ulkoasua WordPressistä itse ja editori näyttää kirjoituksen täsmälleen samalta kuin se näyttää sivutolla, siis ylävalikoita myöten. Tavoitteeni oli yksinkertainen: mahdollisimman vähän PHP:tä, ei yhtään omaa custom-lohkoa, eikä monimutkaisia build-vaiheita. Olen hieman kasvanut ulos siitä, että yhden blogiartikkelin eteen saan ähertää tuntikausia koodia. Vaikka olen koodari, rakastan tekstin tuottamista sen verran paljon, että haluan pitää nämä asiat erillään toisistaan.
Rollemaan editori toiminnassa. Kuvankaappaus otettu tätä kirjoitusta tehdessä.<li>Ulkoasu on <code>theme.json</code>-pohjainen (<a href="https://developer.wordpress.org/themes/global-settings-and-styles/">lisää tietoa</a>). Käytössä on lähinnä <a href="https://developer.wordpress.org/block-editor/reference-guides/block-api/block-patterns/">lohkomalleja</a>;. Listat on toteutettu WordPressin Query Loop -lohkolla, kirjoitukset ovat omia post-lohkojaan ja valikko oma navigaatiolohkonsa.</li><li>Teeman <code>functions.php</code> on 70 riviä. Sillä ladataan ainoastaan joitakin tyylejä ja scriptejä.</li><li>Kaikki, mikä ei ole osana ulkoasua, eli lokikirja, haku, Nyt-paneeli ja tilastot, asuvat omassa mu (Must Use, pakko käyttää) -lisäosassaan. Teeman voi vaihtaa ilman, että lokikirja katoaa mukana.</li><li>Dynaamiset osat, kuten kirjahylly, sivuhuomiot ja lokikirjan päivän tiedot, tulevat omista REST-rajapinnoista ja yhdestä JavaScript-tiedostosta ilman kirjastoja tai riippuvuuksia.</li><li>Värit ovat CSS:n <code>light-dark()</code>-pareja, joten yksi lista kattaa sekä vaalean että tumman teeman. Kuvien kulmat ovat <code>corner-shape: squircle</code> -muotoisia niissä selaimissa, jotka sen jo osaavat. Kuvat ovat tarkoituksella hieman vinossa, kuin pöydälle heitettyjä valokuvia.</li><li>Sivut ja rajapinnat tulevat nginxin FastCGI-välimuistista noin 30 millisekunnissa.</li><li><strong>Saavutettavuus</strong> on tarkistettu käymällä <a href="https://www.deque.com/axe/">axe</a>-työkalulla jokainen näkymä läpi, ja kontrastit on katsottu <a href="https://saavutettavuusvaatimukset.fi/fi/wcag-21-lain-vaatimukset">WCAG</a>; AAA-standardin mukaisiksi.</li>Teema on avointa lähdekoodia GitHubissa: [rollecode/the-purple-people-eater](https://github.com/rollecode/the-purple-people-eater ). **Huomiona forkkaajille**: teemaa ei voi käyttää sellaisenaan. Vaikka kovakoodausta vältänkin, sitä löytyy. Se on tehty Rollemaata varten, eikä ole yleiskäyttöinen.###
Lohkoteema ja Full Site EditingVanha teema oli kasa PHP-pohjia, joita pystyi muuttamaan vain koodia muokkaamalla. Nyt pohjat ovat lohkoja: ylä- ja alatunniste, artikkelisivu, lokikirjan päivä ja listaukset ovat lohkoja. Myös lukemasi teksti on täysin core-lohkopohjaista. Eli tämä tässä on esimerkiksi kappalelohko core/paragraph.
FSE [Site Editor](https://wordpress.org/documentation/article/site-editor/ ) on loistava vempele ja hienoa nähdä WordPressin kehittyvän päivä päivältä paremmaksi. Blogiuudistus on tavallaan myös tapa ”opetella” asioita, joissa [tiimimme](https://www.dude.fi/ ) on töissä minua pidemmällä, ohjelmoinnin osalta.##
Kommentointi tapahtuu somessaWordPressin oma kommentointi on kokonaan kiinni. Rollemaa julkaisee kirjoitukset fediversumiin ActivityPub-lisäosan kautta, ja kun joku vastaa kirjoitukseen esimerkiksi Mastodonissa, vastaus tulee tänne kommentiksi automaattisesti. Tykkääjien ja boostaajien profiilikuvat päivittyvät tunnin välein, jotta vaihtunut kuva ei jää vanhaksi.
Kun blogin oma kommentointi on suljettu, ei tarvitse välittää roskapostittajista. Blogeja ei ole kommentoinut kukaan vuosikausiin, joten somekommentointi on ainoa oikea, luonnollinen suunta.##
Tekoälyn tiivistelmätNykyaikana ihmiset lukevat pelkästään otsikon, jos sitäkään. [Ihmiset eivät enää jaksa lukea](https://www.hs.fi/mielipide/art-2000009513701.html ). Surullista. Kognitiivista kuormaa ja ADHD:sta kärsivien elämää helpottaakseni lisäsin kuitenkin käyttöön tiivistelmät. Tiivistelmän kirjoittaa Googlen Gemini 3.8 Flash palvelimella, kun kirjoitus julkaistaan ensimmäisen kerran. Voin muokata tiivistelmää käsin editorin sivupaneelissa (yleensä näin teenkin).##
Lukeminen interaktiiviseksi – taputukset ja korosteetTaputukset ja korosteet eivät vaadi kirjautumista, evästeitä ja ovat täysin anonymisoituja. Palvelin tunnistaa lukijan vuorokauden ajan, jotta yksi ihminen (tai botti) ei voi taputtaa loputtomasti tai täyttää alleviivauksia roskalla.
Olen aina tykännyt kikkailla jotain erityistä sivustoilleni ja nämä ovat kiva lisä jo kirjoittajan näkökulmasta. On mukavaa saada pientä palautetta siitä, että joku on käynyt piipahtamassa.##
Muut tekniset yksityiskohdat – lukeminen ja kirjoittaminen helpoksiUudistuksen yhteydessä kävin läpi myös vanhat merkinnät koneellisesti ja korjasin esimerkiksi niiden muotoiluvirheitä. Blogiin on korjattu myös välimuistiongelmia, bugeja. Myös paremmat somejakokuvat ovat tulilla.
Itselleni tärkeintä on, että minun ei tarvitse valita jokaiseen artikkeliin hienoa artikkelikuvaa tai olla kiinnostunut ylimääräisestä tekniikasta silloin kun haluan vain kirjoittaa.###
Typografia ja luettavuusKirjoittamisen täytyy olla minulle itselleni miellyttävää. Koska rakastan kaunista typografiaa, fontin on oltava mieluisa. Tälläkin kertaa kävin läpi noin 30 fonttia, kuten vanhalta perfektionisilta voi odottaakin. Fontin on oltava samaan aikaan moderni ja luettava.
Fontteja on tällä kertaa kolme, ja jokaisella on oma tehtävänsä:<li><strong>Otsikot käyttävät Instrument Serif -fonttia.</strong> Fontti on kapea ja korkea antiikva, joka näyttää parhaalta isona. <a href="https://en.wikipedia.org/wiki/Instrument_Serif">Instrument Serif</a> on harmillisesti ajoittain ylikäytetty fontti netissä, mutta se on ollut lempparini lähes sen ilmestymisestä lähtien (2022). Fontti julkaistiin ilmaiseksi Google Fonts -kirjastossa vuonna 2023.</li><li><strong>Leipäteksti: Atkinson Hyperlegible Next.</strong> Kyseessä on <a href="https://www.brailleinstitute.org/freefont/">Braille Instituten</a> suunnittelema fontti heikkonäköisille: kirjaimet on piirretty niin, ettei niitä sekoita toisiinsa, eli esimerkiksi isoa I-kirjainta, pientä l-kirjainta ja ykköstä tai O-kirjainta ja nollaa. Kokeilin ennen tätä leipisfonttia mm. Literataa, Newsreaderia ja Manualea sekä kymmenkuntaa uutissivustojen käyttämää fonttia. Antiikvat näyttivät kauniilta, mutta puhelimen näytöllä Atkinson voitti ylivoimaisesti luettavuudessa. Ei yhtään haittaa, että tämä fontti on myös kaunis ja moderni.</li><li><strong>Pikkutekstit: Geist.</strong> <a href="https://vercel.com/font">Vercelin Geist</a> on kaunis selkeydessään ja olen käyttänyt sitä jo vuosia muissa verkkosovelluksissani ja sivuprojekteissani. Sen ylikäyttö hieman ellottaa, mutta pienissä yksityiskohdissa se on vallan mainio. Rollemaassa Geistiä näet mm. päivämäärissä, lukumäärissä, napeissa ja valikossa. Selkeä groteski-tyyppinaama (pahoittelen hassua suorakäännöstäni sanasta <em>typeface</em>), joka pysyy luettavana pienessäkin koossa.</li>##
Rollemaan design-vaikutteet vuonna 2026Artikkelisivun designin yhteydessä kuikuilin [Uusi Juttu -lehden artikkelitaittoja](https://www.uusijuttu.fi/ ). Katsoin myös muita nettilehtiä, kuten [The Verge](https://www.theverge.com/ ). Minulla ei nykyään ole mitään tiettyä benchmarkia, koska netti on harmillisen tasapäistynyt 2020. Kaikki tekevät samannäköisiä verkkosivuja. Haluan erottua.
Halusin edelleen artikkelikuvan isolla, mutta hieman freesimmästi, kirjoittajan tiedot omana lohkonaan heti kärkeen, iso anfangi ensimmäisen kappaleen alkuun ja huomiot marginaalissa. Koko sivuston ajatus on, että jokainen sivu on kuin kirjan kansi ja sen sisäsivu, prologi tai aikakauslehden pääartikkeli.##
Onko tekoälyä käytetty?Käytän tekoälyä ohjelmoinnissa ja automatisoinnissa. Sitä on käytetty myös tämän sivuston tekemisessä jo ennen tätä uudistusta. 1999-2022 generatiivista tekoälyä ei Rollemaassa luonnollisestikaan ole käytetty. Tulen kirjoittamaan jatkossa tekoälystä enemmänkin, omasta näkökulmastani.
Ohjelmointini on muuttunut radikaalisti muutaman vuoden sisällä, mielestäni parempaan suuntaan. Vuonna 2025 luovuin graafisista editoreista ja siirryin käyttämään neovimia, sittemmin käytössä on ollut [nvim-nano](https://github.com/rollecode/dotfiles/tree/master/nvim ). Olen aina viihtynyt eniten komentorivillä ja VSCodium on tuntunut lähinnä rasitteelta. Sama muiden GUI-sovellusten kanssa. Nykyään minulle kuitenkin riittää vain bash, diff ja muutama muu komento. Editoria ei tarvitse avata usein.
Rollemaan ohjelmointiin on käytetty [Opus 5.5:sta](https://www.anthropic.com/claude-opus-5-5 ), [Fable 5.1:stä](https://www.anthropic.com/claude-fable-and-mythos-5-1 ), joitakin muita avusteisia front-end -malleja ja [Typesafen jeviä](https://docs.typesafe.ai/introduction ). Mutta kuinka paljon? Sitä et voi tietää lähdekoodista, koska olen [Linus Torvaldsin linjoilla](https://www.pcgamer.com/software/linux/linux-kernel-drops-ai-contribution-disclosure-rule-as-linus-torvalds-says-banning-the-tech-would-be-utterly-stupid/ ) Co-Authored-trailereista. Sanon kuitenkin: paljon. Lopputuloksesta sitä ei kuitenkaan näe, sillä agenttini tekee kuin minä tekisin (tai paremmin) ja lopputuloksen viimeistelen minä.
Kuviin käytän jatkossakin [Envato Elementsiä](https://elements.envato.com/ ), [Rawpixelin](https://www.rawpixel.com/ ), [Pexelsin](https://www.pexels.com/ ) ja [Unsplashin](https://unsplash.com/ ) CC0-kuvia. Kuvanmuokkaukseen Photopea.
Kirjoittamiseen en koskaan käytä tekoälyä.
[**I use Arch, btw**](https://knowyourmeme.com/memes/btw-i-use-arch ).##
LoppusanatMitä mieltä olet Rollemaan uudesta tulemisesta? Vieläkö blogeja jaksaa lukea? Onko tässä mitään järkeä? Anna ihmeessä palautetta somessa. Minut saa kiinni mm. [Mastodonissa](https://mementomori.social/@rolle ) ja [Threadsissa](https://www.threads.com/@rolle_ ). [Blueskyta](https://mu.social/profile/rolle.social ) käytän hieman vähemmän.
Hyvää syntymäpäivää Rollelle ja Rollemaan 26. versiolle! 🎉
https://www.rollemaa.fi/rollemaan-uusi-versio-the-purple-people-eater/
#koodaaminen #projektit #rollemaa #uudistus #verkkosivut
