Köp en kaffe åt mig

Buy Me a Coffee är en donationssida som listar hur du kan stödja projektet. Den visar en hero-sektion, tre temanade stödkort (Kaffe, Kärlek, Stöd) och en lokal-medveten lista över betalningskanaler laddad från en statisk datafil. Kanalknappar öppnar antingen en extern betalnings-URL i en ny flik eller poppar upp en QR-kod för skanning.

1. Läs hero och de tre stödkorten för att se vad varje donationstyp representerar. 2. Bläddra till listan Välj en kanal, som visar betalningsalternativ filtrerade för din aktuella lokal. 3. Klicka på en kanalknapp: om det är en URL-typ kanal öppnas den externa betalningssidan i en ny webbläsarflik; om det är en QR-typ kanal visas en centrerad överlagring med QR-bilden. 4. För att stänga QR-överlagringen klickar du var som helst utanför pop-upen eller trycker på Stäng-länken. 5. Om inga kanaler är tillgängliga för din lokal visas en ingen-kanaler-notis istället.

Betalningskanaler kommer från en statisk JSON-fil och varje är taggad med de lokaler den stöder och en av två typer. En url-kanal har en extern länk och öppnas via window.open med noopener,noreferrer. En qrcode-kanal bär en inbäddad QR-bild tillsammans med fasta bredd- och höjdattribut, och att välja den renderar QR:en i en backdrop-blurred modal för besökaren att skanna. Kanaler utan anpassad ikon faller tillbaka till en QR-badge eller extern-link-glyf.