From 1993acd3c68662a529f5f066b15eef08131fc092 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Babi=C4=8D?= <peter@peterbabic.dev>
Date: Thu, 25 Nov 2021 17:31:53 +0100
Subject: [PATCH] fix email address

---
 src/Components/About.svelte | 55 ++++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 29 deletions(-)

diff --git a/src/Components/About.svelte b/src/Components/About.svelte
index c4cd77c..69a1e1b 100644
--- a/src/Components/About.svelte
+++ b/src/Components/About.svelte
@@ -4,6 +4,32 @@
   export let hidden
 </script>
 
+{#if hidden}
+  <div class="relative">
+    <div
+      class="absolute z-10 rounded text-blue-darker text-left bg-white"
+      on:click={() => (hidden = false)}
+      transition:fade
+    >
+      <h1>Triangles.fun</h1>
+      A game. Leave only a single dot to win. Eliminate other dots by jumping
+      them over!
+      <h2>Instructions</h2>
+      Click or touch the dot. If the dot can jump, it becomes lighter and the
+      spots where it can land become darker. Perform jump by touching or clicking
+      on the darker spot.
+      <h2>Installation</h2>
+      This game can be installed into your device. Look for "Add to Home Screen"
+      in the browser tab menu.
+      <h2>Support</h2>
+      You can send me your feedback or complains via
+      <a on:click|stopPropagation href="mailto:peter@peterbabic.dev"
+        >peter@peterbabic.dev</a
+      >. Have fun!
+    </div>
+  </div>
+{/if}
+
 <style>
   * {
     @apply text-sm;
@@ -19,32 +45,3 @@
     @apply font-bold mt-2;
   }
 </style>
-
-{#if hidden}
-  <div class="relative">
-    <div
-      class="absolute z-10 rounded text-blue-darker text-left bg-white"
-      on:click={() => (hidden = false)}
-      transition:fade>
-      <h1>Triangles.fun</h1>
-      A game. Leave only a single dot to win. Eliminate other dots by
-      jumping them over!
-      <h2>Instructions</h2>
-      Click or touch the dot. If the dot can jump, it becomes lighter and
-      the spots where it can land become darker. Perform jump by touching
-      or clicking on the darker spot.
-      <h2>Installation</h2>
-      This game can be installed into your device. Look for "Add to Home
-      Screen" in the browser tab menu.
-      <h2>Support</h2>
-      You can send me your feedback or complains via
-      <a
-        on:click|stopPropagation
-        href="mailto:peter@triangles.fun">peter@triangles.fun</a>
-      and help me keep this game running via
-      <a
-        on:click|stopPropagation
-        href="https://www.buymeacoffee.com/peterbabic">Buy Me a Coffee.</a>
-    </div>
-  </div>
-{/if}