clarify instructions

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>
+  </a>
+</header>

src/components/Instructions.svelte

@@ -1,36 +1,41 @@
 <script>
-    let instructions =  [
+  //   import Showdown from "showdown";
-        {
+  //   let converter = new Showdown.converter();
-            name: "Abrir la billetera",
+
-            description:
+  let instructions = [
-                "Abre una billetera Lightning que soporta LNURL. Sugerencia: Tu billetera Bitcoin Txoko LNbits funciona muy bien.",
+    {
-        },
+      name: "Abrir la billetera",
-        {
+      description:
-            name: "Escanear código QR",
+        "Abre una billetera Lightning que soporta LNURL. Sugerencia: Tu billetera Bitcoin Txoko LNbits funciona muy bien.",
-            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: "Obtener un enlace de pago",
-        {
+      description:
-            name: "Enviar sats",
+        "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.",
-            description:
+    },
-                "Establece una cantidad a enviar y pulsa enviar.",
+    {
-        },
+      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.",
+      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
-    <div class="text-muted-bright mx-2 justify-center">
+  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"
-            <h2 class="font-bold text-xl text-center">Instrucciones</h2>
+>
-            {#each instructions as instruction, index}
+  <div class="text-muted-bright mx-2 justify-center">
-            <div class="my-2">
+    <h2 class="font-bold text-xl text-center">Instrucciones</h2>
-                <h3 class="text-md font-semibold">{index+1}. {instruction.name}</h3>
+    {#each instructions as instruction, index}
-                <p class="mx-2 mt">{instruction.description}</p>
+      <div class="my-2">
-            </div>
+        <h3 class="text-md font-semibold">{index + 1}. {instruction.name}</h3>
-            {/each}
+        <pre class="mx-2 mt whitespace-pre-wrap">{instruction.description}
-    </div>
+        </pre>
-</div>  
+      </div>
+    {/each}
+  </div>
+</div>