Beowulf Ipsum

Ipsum-tyylinen tekstigeneraattori jonka lähde on Beowulf.

Beowulf Ipsum kansikuva missä näytetään tekstiesimerkkia.
Tech stack
  • HTML5
  • Tavallinen Sass
  • Tavallinen JS

Eräänä päivänä, kun olin tekemässä jonkun uuden sivun fronttia, tarvitsin esimerkkisisältöä, että helpottaisin kyseessä olevan komponentin rakentamisen. Tietysti käytin klassinen ratkaisu eli Lorem Ipsum, joka on pitkään ja maailman ympäri ollut tietty mallitekstiä oikean sisällön tilalla leiskojen konteksteissa. Mutta, keskiaikashistoria-nörttinä, luulin että miksi ei viedä konseptin kauempaa ja tee vastaava generaattori historiaalisilla kirjoituksilla? Joka tapauksessa, Lorem Ipsumin lisäksi on nykyään olemassa monta muuta ja usein todella hauskaa mallitekstigeneraattoria, kuten Pirate Ipsum, Coffee Ipsum,ja Cat Ipsum.

Vaikka nämä ovat hauskaa, käytän niitä harvoin, koska ne generoivat lukevat sanat, joka voi aiheuttaa niin että sen sisältö on vielä vähän häiritsevä kun minä yritän lukea läpi ne höpölauseita. Kuten lipsum.com sanoo:

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Niin, minulle se idea käyttää muinaista tai keskiaikaista kirjoituksia tämän tarkoituksen varten oli täydellinen; mahtava tapa yhdistää työni web-kehittäjän ja minun rakkaus historiaa ja kieliä kohtaan. Ajattelin myös, että koska se käyttäisi oikeat tekstit lähteenä, olisin tehdä generaattori vähän erilaisella tavalla, että generoidaan tekstit oikeassa järjestyksessä, randomista aloituskohdasta. Lisäksi, kun Beowulf on runo jolla on rivinumerot merkitty, käyttäisin rivinumerot myös mallitekstin tulostuksessa, niin että jos loppukäyttäjä haluaisin, voidaan lukea sieltä kohdalta alkuperäisessä kirjoituksessa.

Kuvakaappaus Beowulf Ipsumista, josa näytetään rivinumerot.

Heittää projekti maaliin, päätin että lisäisin valintaruutu jolla teksti voi aloittaa sanalla Hwæt!, Beowulfin tunnettu epäselvä aloitusdeklaraatio, niin kuin Lorem Ipsumin tunnettu aloituskohta Lorem Ipsum dolor sit amet. Huvin vuoksi kirjoitin sivuston ohjetekstit vähän muinaisenglannin tavalla.

Sivusto on staattinen; vain HTML on käytetty sen ainoan sivun varten, tavallinen Sass tyyleillä ja tavallinen JS generoida sisältöä. Siivosin manuaalisesti noin 600 riviä Beowulfia tämän varten (ehkä myöhemmin lisään enemmän), ja tein lopuksi myös painike, jolla voi helposti kopioida generoitut sisällöt. Minulla oli kyllä hauska tekemään sivuston tyylejä, koska se on varmaan erilainen kuin mitä asiakkaita yleensä haluaa.

Nautin herättää henkiin niin nörttinen konsepti; ole hyvä kokeilla sitä, miksi ei!