Osta minulle kahvi

Buy Me a Coffee on lahjoitussivu, joka luettelee tavat, joilla voit tukea projektia. Se näyttää hero-osion, kolme teemoitettua tukikorttia (Coffee, Love, Support) sekä staattisesta datatiedostosta ladatun, alueeseen perustuvan maksukanavien luettelon. Kanavapainikkeet avaavat joko ulkoisen maksu-URL:n uuteen välilehteen tai näyttävät QR-koodin skannattavaksi.

1. Lue hero ja kolme tukikorttia nähdäksesi, mitä kukin lahjoitustyyppi edustaa. 2. Vieritä Choose a Channel -luetteloon, joka näyttää nykyiselle alueellesi suodatetut maksuvaihtoehdot. 3. Napsauta kanavapainiketta: jos kyseessä on URL-tyyppinen kanava, ulkoinen maksusivu avautuu uuteen selainvälilehteen; jos kyseessä on QR-tyyppinen kanava, esiin tulee keskitetty peittokuva, joka näyttää QR-kuvan. 4. Sulje QR-peittokuva napsauttamalla popupin ulkopuolelta tai napsauttamalla Close-linkkiä. 5. Jos alueellesi ei ole kanavia, näytetään sen sijaan ilmoitus kanavien puuttumisesta.

Maksukanavat tulevat staattisesta JSON-tiedostosta, ja jokainen on merkitty alueilla, joita se tukee, ja joko kahdesta tyypistä. url-kanavalla on ulkoinen linkki, ja se avataan window.open:n kautta asetuksilla noopener,noreferrer. qrcode-kanava sisältää upotetun QR-kuvan kiinteine width- ja height-määritteineen, ja sen valitseminen renderöi QR-koodin taustasumentuneessa modaalissa kävijän skannattavaksi. Kanavat, joilla ei ole mukautettua kuvaketta, palautuvat QR-merkkiin tai ulkoisen linkin symboliin.