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,9 +31,8 @@
 </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}>
+  {#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"
@@ -46,7 +45,6 @@
       {homeAction.name}
     </button>
   {/each}
-  {/each}
 </div>
 
 <style lang="scss">