Køb en kaffe til mig

Buy Me a Coffee er en donationsside, der listar de måder, du kan støtte projektet på. Den viser en hero-sektion, tre tematiske stødekort (Kaffe, Kærlighed, Støtte) samt en liste over betalingsmuligheder, der er anpasset til brugernes land og laddes fra en statisk datafil. Knapperne for betalingsmuligheder åbner enten en ekstern betalingsadresse i en ny side eller viser en QR-kode til skanning.

1. Læs hjeltet og de tre stødkortene for at se, hvilken type donation hver repræsenterer. 2. Skru til listen “Vælg en kanal”, som viser betalingsmuligheder filtreret til din aktuelle lokalitet. 3. Klik på en kanal-knapp: Hvis det er en URL-typ kanal, åbnes den eksterne betalingsside i en ny browser-tab; hvis det er en QR-typ kanal, vises en centreret overlægg med QR-bilden. 4. For at lukke QR-overlægget, klik på et sted udenfor pop-up’en eller tryk på “Lukk”-linken. 5. Hvis der ikke findes kanaler til din lokalitet, vises der istedet en meddelelse om, at der er ingen kanaler tilgængelige.

Betalingskanaler kommer fra en statisk JSON-fil, og hver kanal er markeret med de lokale språk den støder samt en af to typer. En url-kanal har en ekstern link og åbnes via window.open med noopener,noreferrer. En qrcode-kanal indeholder en embedd QR-bild med fikse bredde- og højdeattributter, og ved at vælge den vises QR-en i en modal med uskyd af bakgrunden, så besøgeren kan skanne den. Kanaler uden egent skilt bruger istedet en QR-merke eller et ekstern-link-ikon.