bitcointxoko/loteria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

clarify instructions

Browse Source
This commit is contained in:
ra5pvt1n
2023-12-15 12:54:53 +01:00
parent 224cf9aa9b
commit f53a40d847
2 changed files with 41 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.svelte
+3 -1
View File
@@ -1,3 +1,5 @@
<header class="mt-6 flex flex-wrap justify-center">
<a href="https://gugara.bitcointxoko.com">
<img src="./logo.png" class="h-12" alt="logo" />
</header>
</a>
</header>
src/components/Instructions.svelte
+38 -33
View File
@@ -1,36 +1,41 @@
<script>
let instructions = [
{
name: "Abrir la billetera",
description:
"Abre una billetera Lightning que soporta LNURL. Sugerencia: Tu billetera Bitcoin Txoko LNbits funciona muy bien.",
},
{
name: "Escanear código QR",
description:
"Escanea el código QR desde tu billetera o púlsalo para abrirlo en tu billetera. También puedes copiar la dirección Lightning y pegarla en tu billetera.",
},
{
name: "Enviar sats",
description:
"Establece una cantidad a enviar y pulsa enviar.",
},
{
name: "Comprobar el saldo",
description:
"Actualiza esta página para ver el saldo actualizado de la lotería.",
},
];
// import Showdown from "showdown";
// let converter = new Showdown.converter();
let instructions = [
{
name: "Abrir la billetera",
description:
"Abre una billetera Lightning que soporta LNURL. Sugerencia: Tu billetera Bitcoin Txoko LNbits funciona muy bien.",
},
{
name: "Obtener un enlace de pago",
description:
"En móvil: Pulsa el código QR para abrirlo en tu billetera compatible. O escanéalo con tu billetera si el código QR está en otro dispositivo. \n\nEn ordenador: Si tienes Alby instalado, haz clic en el código QR para abrir el enlace de pago. \n\nSi los métodos anteriores no funcionan, también puedes copiar la dirección Lightning y pegarla en tu billetera.",
},
{
name: "Enviar sats",
description: "Establece una cantidad a enviar y pulsa enviar.",
},
{
name: "Comprobar el saldo",
description:
"Actualiza esta página para ver el saldo actualizado de la lotería.",
},
];
</script>
<div class="m-6 p-2 sm:p-4 md:p-6 rounded-2xl border border-solid hover:border-bright bg-white font-mono max-w-lg">
<div class="text-muted-bright mx-2 justify-center">
<h2 class="font-bold text-xl text-center">Instrucciones</h2>
{#each instructions as instruction, index}
<div class="my-2">
<h3 class="text-md font-semibold">{index+1}. {instruction.name}</h3>
<p class="mx-2 mt">{instruction.description}</p>
</div>
{/each}
</div>
</div>
<div
class="m-6 p-2 sm:p-4 md:p-6 rounded-2xl border border-solid hover:border-bright bg-white font-mono max-w-lg"
>
<div class="text-muted-bright mx-2 justify-center">
<h2 class="font-bold text-xl text-center">Instrucciones</h2>
{#each instructions as instruction, index}
<div class="my-2">
<h3 class="text-md font-semibold">{index + 1}. {instruction.name}</h3>
<pre class="mx-2 mt whitespace-pre-wrap">{instruction.description}
</pre>
</div>
{/each}
</div>
</div>