src/App.svelte

@@ -16,6 +16,7 @@
   };
 
   if (window.location.hash !== "") {
+    debugger;
     cards = JSON.parse(LZString.decompressFromEncodedURIComponent(window.location.hash.substring(1)));
   } else {
     cards = [{id: 0, ...mhp}];

src/Card.svelte

@@ -1,16 +1,6 @@
 <script lang="ts">
   import DOMPurify from 'dompurify';
   export let name:string, type, tags = [], attributes:string, description:string;
-
-  function pf_filter(text) {
-    // Actions
-    text = text.replace(/\(A\)/gi, '<img class="activity" src="/imgs/one.webp" alt="One action">')
-      .replace(/\(AA\)/gi, '<img class="activity" src="/imgs/two.webp" alt="Two actions">')
-      .replace(/\(AAA\)/gi, '<img class="activity" src="/imgs/three.webp" alt="Three action">')
-      .replace(/\(R\)/gi, '<img class="activity" src="/imgs/reaction.webp" alt="Reaction">')
-      .replace(/\(F\)/gi, '<img class="activity" src="/imgs/free.webp" alt="Free action">');
-    return text;
-  }
 </script>
 
 <style>
@@ -49,15 +39,6 @@
     padding: 0.5pt 1pt;
     border: 1pt solid #d9c484;
   }
-  .uncommon {
-    background-color: #98513d;
-  }
-  .rare {
-    background-color: #002664;
-  }
-  .unique {
-    background-color: #54166e;
-  }
   .content {
     margin: 1pt;
   }
@@ -69,9 +50,6 @@
     border-top: 1pt solid black;
     text-align: justify;
   }
-  :global(img.activity) {
-    max-height: 8pt;
-  }
 </style>
 
 
@@ -82,23 +60,15 @@
   </section>
   <section class="tags">
     {#each tags as tag}
-      {#if tag.toLowerCase() == "uncommon" }
-	<div class="tag uncommon">{tag}</div>
-      {:else if tag.toLowerCase() == "rare" }
-	<div class="tag rare">{tag}</div>
-      {:else if tag.toLowerCase() == "unique" }
-	<div class="tag unique">{tag}</div>
-      {:else}
-	<div class="tag">{tag}</div>
-      {/if}
+      <div class="tag">{tag}</div>
     {/each}
   </section>
   <section class="content">
     <p class="attributes">
-      {@html pf_filter(DOMPurify.sanitize(attributes))}
+      {@html DOMPurify.sanitize(attributes)}
     </p>
     <p class="description">
-      {@html pf_filter(DOMPurify.sanitize(description))}
+      {@html DOMPurify.sanitize(description)}
     </p>
   </section>
 </div>