Dagens Hiku på dit website.

Dagens Hiku er et roligt talspil med fire nye brætter hver dag, fra let til ekspert. Det er gratis at indlejre på et netmedie eller website, med to linjer kode.

Reglen er kort: tallet siger, hvor langt det springer, vandret eller lodret. Lander det på et andet tal, trækkes det mindste fra det største. Målet er at få alle tallene til at forsvinde. Brætterne er de samme som i Hiku-appen til iPhone.

Sådan gør du

Indsæt koden nedenfor, hvor spillet skal stå, for eksempel i en artikel eller på en selvstændig spilside.
Udgiv. Spillet henter selv dagens brætter og tilpasser sin højde.

HTML

<div data-hiku data-lang="da"></div>
<script src="https://hikupuzzle.com/daily/embed.js" async></script>

Scriptet skal kun stå én gang pr. side, også selvom siden har flere spil.

Prøv og kopiér

Vælg indstillingerne, se spillet ændre sig, og kopiér koden, når I er tilfredse.

Kode

Indstillinger

Indstillingerne angives som attributter på <div data-hiku>.

Attribut	Værdier	Hvad det gør
`data-lang`	`nb`, `en`, `sv`, `da`, `fi`, `de`	Spillets sprog: norsk, engelsk, svensk, dansk, finsk eller tysk. Uden dette bruges sidens eget sprog (`<html lang="…">`), ellers norsk.
`data-theme`	`light`, `dark`	Låser farverne. Uden dette følger spillet læserens lyse eller mørke tilstand.
`data-align`	`left`	Placerer spillet til venstre. Uden dette står det centreret i den plads, det får, og er aldrig bredere end 480 pixel.
`data-level`	`easy`, `medium`, `hard`, `expert`	Hvilket af dagens fire brætter der vises først. Uden dette åbner spillet på det niveau, læseren spillede sidst, ellers på Let. Læseren kan altid skifte.

Eksempel, altid lyst og med Middel først:

HTML

<div data-hiku data-lang="da" data-theme="light" data-level="medium"></div>
<script src="https://hikupuzzle.com/daily/embed.js" async></script>

Uden script

Tillader jeres publiceringssystem ikke scripts, kan spillet indsættes som en almindelig iframe. Så tilpasser højden sig ikke selv, så angiv den. 860 pixel giver plads til hele spillet, også når et bræt er løst; spillet er aldrig bredere end 480 pixel.

HTML uden script

<iframe src="https://hikupuzzle.com/daily/?lang=da"
  title="Dagens Hiku" loading="lazy"
  style="display:block;width:100%;max-width:480px;height:860px;border:0;margin:0 auto"></iframe>

Indstillingerne angives så i adressen: ?lang=sv, &theme=dark, &level=hard. Placeringen styres af rammens stil; fjern margin:0 auto for at placere den til venstre.

Privatliv og drift

Ingen cookies og ingen sporing. Ingen spildata eller resultater sendes til os. Resultater og stjerner gemmes kun i læserens egen browser. Linket til App Store indeholder navnet på det website, spillet står på, så vi i App Store Connect kan se, hvor mange der samlet kom fra hver side. Kun Apple får den oplysning, og kun hvis læseren trykker på linket. Vi tæller visninger med Cloudflare Web Analytics, uden cookies og uden at følge enkeltpersoner: vi ser, hvor mange der åbnede spillet og på hvilket website, ikke hvem. Ellers modtager værtstjenesten almindelige tekniske forespørgsler, når filerne indlæses, som for alle websider.
Tilgængelighed. Spillet kan spilles med skærmlæser og kun tastatur: hvert felt har et navn, og hvert træk læses op. Det følger lys og mørk tilstand, slår animationer fra for dem, der har bedt om det, og er bygget efter WCAG 2.2 niveau AA og testet med værktøjet axe. Det gør det lettere for jer at opfylde kravene til tilgængelighed.
Isoleret spil. Selve spillet kører i en iframe fra en anden adresse og kan ikke læse eller påvirke siden omkring sig. Det lille indlæsningsscript, embed.js, kører på jeres side som andre eksterne scripts: det opretter rammen og tilpasser højden og gør ikke andet. Kildekoden er kort og kan læses på embed.js. Redaktioner, der ikke tillader eksterne scripts, bruger iframe-versionen.
Let. Første gang indlæses omkring 70 kB komprimeret. Rammen indlæses først, når læseren nærmer sig den.
Nye brætter ved midnat i læserens tidszone. Biblioteket rækker i tre år, og brætterne er de samme som i appen.
Drives på Cloudflare. Værtstjenesten ser læserens IP-adresse, når filerne indlæses, som for alle websider.

Til tekniske redaktioner

Anbefalet ved strenge sikkerhedskrav

Brug iframe-versionen ovenfor. Så kører ingen kode fra os på jeres side, kun i rammen. Det eneste, I mister, er at højden ikke tilpasser sig selv.

Content Security Policy

Med indlæsningsscriptet kræves begge; med ren iframe kun den sidste:

CSP

script-src https://hikupuzzle.com;
frame-src https://hikupuzzle.com;

Tilføj dem til jeres eksisterende direktiver. Spillet i rammen henter filer fra samme adresse og tællescriptet fra static.cloudflareinsights.com. Det sker inde i rammen og berører ikke jeres regler.

Stabilitet

Adresserne …/daily/embed.js og …/daily/, og attributterne i tabellen ovenfor, bliver stående. Nye indstillinger tilføjes uden at ændre de eksisterende.
Scriptet indlæses med async og holder aldrig resten af siden tilbage.
Er Cloudflare utilgængelig, bliver pladsen, hvor spillet skulle stå, tom. Siden omkring påvirkes ikke.

Vilkår

Dagens Hiku er gratis at bruge på netmedier, blogs og andre websites. Det eneste krav er, at linket til Hiku-appen i spillet står, som det er: skjul, fjern eller dæk det ikke til.

Giv os gerne besked på es@rubberduck.no, når I tager det i brug, så giver vi jer besked før ændringer, der kan berøre jer.

Kontakt

Har du spørgsmål, eller vil du vide mere, før I går i gang? Skriv til es@rubberduck.no.