Lighthouse

public/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <!-- Welcome to a shark. I hope you enjoy this aquatic organism. -->
     <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <meta http-equiv="content-security-policy" content="script-src 'self' 'unsafe-inline'" />
 
     <meta property="og:title" itemprop="name" content="Shark Game" />
     <meta

src/components/Modals/BaseModal.svelte

@@ -7,7 +7,7 @@
 
 {#if isOpen}
   <div role="dialog" class="modal">
-    <button class="close-modal" on:click={closeModal} />
+    <button class="close-modal" name="close modal" on:click={closeModal} />
     <div class="modal-content">
       <slot />
     </div>

src/components/Tabs/Home.svelte

@@ -31,21 +31,19 @@
 </script>
 
 <div>
-  {#each Object.entries(homeActions) as [homeActionId, homeAction]}
-    {#each Array(50).fill(homeAction) as homeActionClone}
-      <button class:no-icons={!showIcons} on:click={() => homeActionClick(homeActionClone)} id={homeActionId}>
-        {#if showIcons}
-          <img
-            width="50"
-            height="50"
-            class="homeaction-icon"
-            alt="A decorative icon representing the home action"
-            src={"img/homeActions/" + homeAction.image}
-          />
-        {/if}
-        {homeAction.name}
-      </button>
-    {/each}
+  {#each Object.entries(homeActions) as [homeActionId, homeAction] (homeActionId)}
+    <button id={"home-action-" + homeActionId} class:no-icons={!showIcons} on:click={() => homeActionClick(homeAction)}>
+      {#if showIcons}
+        <img
+          width="50"
+          height="50"
+          class="homeaction-icon"
+          alt="A decorative icon representing the home action"
+          src={"img/homeActions/" + homeAction.image}
+        />
+      {/if}
+      {homeAction.name}
+    </button>
   {/each}
 </div>