Kjøp meg en kaffe

Kjøp meg en kaffe er en donation landingsside som lister måtene du kan støtte prosjektet på. Den viser en hero-seksjon, tre tematiske støttekort (Kaffe, Kjærlighet, Støtte) og en lokaltunet liste over betalingskanaler lastet fra en statisk datafil. Kanalknapper åpner enten en ekstern betalings-URL i en ny fane eller popper opp en QR-kode for skanning.

1. Les hero og de tre støttekortene for å se hva hver donasjonstype representerer. 2. Rull til Velg en kanal-listen, som viser betalingsalternativer filtrert for din nåværende locale. 3. Klikk en kanalknapp: hvis det er en URL-type kanal, åpnes den eksterne betalingssiden i en ny nettleserfane; hvis det er en QR-type kanal, vises et sentrert overlegg med QR-bildet. 4. For å lukke QR-overlegget, klikk hvor som helst utenfor popup eller trykk Lukk-lenken. 5. Hvis ingen kanaler er tilgjengelige for din locale, vises et ingen-kanaler varsel i stedet.

Betalingskanaler kommer fra en statisk JSON-fil og hver er merket med locales den støtter og en av to typer. En url-kanal har en ekstern lenke og åpnes via window.open med noopener,noreferrer. En qrcode-kanal bærer en innebygget QR-bilde sammen med faste bredde- og høydeattributter, og å velge den rendrer QR-en i en backdrop-blurt modal for besøkende å skanne. Kanaler uten tilpasset ikon faller tilbake til et QR-merke eller ekstern-lenke-glyf.