aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2023-11-06 15:41:03 -0800
committerAdam Soltys <[email protected]>2023-11-06 15:41:03 -0800
commit8f06444d383ae9625f4a91e1fcc01226db63da52 (patch)
treea48e8f90226357c7e00549d98c35d3d0b424df49
parent89c32b3d06fade0b6d84c56d120d035240f510cb (diff)
downloadcoinos-ui-8f06444d383ae9625f4a91e1fcc01226db63da52.tar.gz
coinos-ui-8f06444d383ae9625f4a91e1fcc01226db63da52.zip
new instructions
-rw-r--r--src/components/Qr.svelte2
-rw-r--r--src/routes/+page.svelte19
2 files changed, 10 insertions, 11 deletions
diff --git a/src/components/Qr.svelte b/src/components/Qr.svelte
index dab672c3..ba7db2b3 100644
--- a/src/components/Qr.svelte
+++ b/src/components/Qr.svelte
@@ -5,7 +5,7 @@
</script>
<div
- class="w-72 mx-auto my-5 cursor-pointer"
+ class="w-32 mx-auto my-5 cursor-pointer"
bind:this={qr}
on:click={() => screenfull.toggle(qr)}
on:keydown={() => screenfull.toggle(qr)}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c4809247..28640cad 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -43,7 +43,7 @@
}
});
- let username = 'sir';
+ let username = 'burnabyartigiano';
let password = 'password';
let src = Qr.drawImg(`https://coinos.io/${username}`, { size: 3200 });
@@ -102,20 +102,19 @@
<h3 class="text-5xl font-medium text-center">Pay with Bitcoin</h3>
</div>
<Q {src} />
- <div class="text-center text-4xl">https://coinos.io/{username}</div>
+ <div class="text-center text-4xl font-bold">coinos.io/{username}</div>
<div>
<div class="text-xl pt-2 flex gap-6">
- <img src="/icons/warning.png" class="w-10 h-10 my-auto" />
- <div>
- This QR is <b>NOT</b> a Bitcoin address! It's a URL to be opened in a browser.
-
- Scan it with your <b>Camera or Barcode App</b>, not your wallet.
-
- Then click <b>Pay</b> to make an invoice.
- </div>
+ <ol class="number-list">
+ <li>Visit this page in a <b>browser</b></li>
+ <li>Click <b>Pay</b> to enter your total in dollars (ask your server)</li>
+ <li>Send payment with your wallet</li>
+ <li>Your server will get a confirmation receipt from the printer</li>
+ </ol>
</div>
</div>
<div class="flex">
+ <div class="my-auto">Need help? Email <b>[email protected]</b></div>
<img src="/images/logo.png" class="ml-auto my-auto" style="width: 180px" />
</div>
</div>