Beli Saya Secawan Kopi

Belikan Saya Kopi ialah halaman pendaratan derma yang menyenaraikan cara anda boleh menyokong projek. Ia menunjukkan bahagian hero, tiga kad sokongan bertema (Kopi, Sayang, Sokongan), dan senarai saluran pembayaran yang peka lokasi dimuatkan daripada fail data statik. Butang saluran sama ada membuka URL pembayaran luaran dalam tab baharu atau memunculkan kod QR untuk diimbas.

1. Baca hero dan tiga kad sokongan untuk melihat apa yang diwakili oleh setiap jenis derma. 2. Tatal ke senarai Pilih Saluran, yang menunjukkan pilihan pembayaran ditapis untuk lokasi semasa anda. 3. Klik butang saluran: jika ia saluran jenis URL, halaman pembayaran luaran dibuka dalam tab pelayar baharu; jika ia saluran jenis QR, tindihan berpusat muncul menunjukkan imej QR. 4. Untuk menutup tindihan QR, klik mana-mana di luar popup atau tekan pautan Tutup. 5. Jika tiada saluran tersedia untuk lokasi anda, notis tiada-saluran dipaparkan sebaliknya.

Saluran pembayaran datang daripada fail JSON statik dan setiap satu ditag dengan lokasi yang disokongnya dan salah satu daripada dua jenis. Saluran url mempunyai pautan luaran dan dibuka melalui window.open dengan noopener,noreferrer. Saluran qrcode membawa imej QR tersemat bersama atribut lebar dan tinggi tetap, dan memilihnya menjadikan QR dalam modal berkabur latar belakang untuk pelawat imbas. Saluran tanpa ikon tersuai jatuh kembali kepada lencana QR atau glif pautan luaran.