From f53a40d8474cc8557126276316363e66a2a4bf6d Mon Sep 17 00:00:00 2001
From: ra5pvt1n <ra5pvt1n@proton.me>
Date: Fri, 15 Dec 2023 12:54:53 +0100
Subject: [PATCH] clarify instructions

---
 src/components/Header.svelte       |  4 +-
 src/components/Instructions.svelte | 71 ++++++++++++++++--------------
 2 files changed, 41 insertions(+), 34 deletions(-)

diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 6d82ad5..9d15e0c 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -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>
\ No newline at end of file
+  </a>
+</header>
diff --git a/src/components/Instructions.svelte b/src/components/Instructions.svelte
index 660cfc5..596d574 100644
--- a/src/components/Instructions.svelte
+++ b/src/components/Instructions.svelte
@@ -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>