From 9400c38575d625c77ce558fac66d84a47d6e8519 Mon Sep 17 00:00:00 2001
From: I Made Setia Baruna <setia.baruna@sprintasia.co.id>
Date: Tue, 2 Feb 2021 19:45:18 +0800
Subject: [PATCH] Fix multiple meta tag

---
 src/routes/characters.svelte | 66 ++++++++++++++++++++----------------
 src/template.html            |  9 -----
 2 files changed, 37 insertions(+), 38 deletions(-)

diff --git a/src/routes/characters.svelte b/src/routes/characters.svelte
index da6279cb..2c0bdf42 100644
--- a/src/routes/characters.svelte
+++ b/src/routes/characters.svelte
@@ -65,37 +65,16 @@
   }
 </script>
 
-<style>
-  tr.rare:hover {
-    background: linear-gradient(
-      90deg,
-      rgba(0, 0, 0, 0) 0%,
-      rgba(173, 118, 176, 0.85) 10%,
-      rgba(102, 86, 128, 0.85) 80%,
-      rgba(0, 0, 0, 0) 100%
-    );
-  }
-
-  tr.legendary:hover {
-    background: linear-gradient(
-      90deg,
-      rgba(0, 0, 0, 0) 0%,
-      rgba(185, 129, 46, 0.85) 10%,
-      rgba(132, 99, 50, 0.85) 80%,
-      rgba(0, 0, 0, 0) 100%
-    );
-  }
-
-  td {
-    @apply text-white;
-    @apply px-2;
-    padding-top: 0.85rem;
-    padding-bottom: 0.85rem;
-  }
-</style>
-
 <svelte:head>
   <title>Paimon.moe</title>
+  <meta
+    name="description"
+    content="Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter."
+  />
+  <meta
+    property="og:description"
+    content="Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter."
+  />
 </svelte:head>
 <div class="lg:ml-64 pt-20 lg:pt-8">
   <h1 class="font-display px-4 md:px-8 font-black text-5xl text-white">Characters</h1>
@@ -154,3 +133,32 @@
     </div>
   </div>
 </div>
+
+<style>
+  tr.rare:hover {
+    background: linear-gradient(
+      90deg,
+      rgba(0, 0, 0, 0) 0%,
+      rgba(173, 118, 176, 0.85) 10%,
+      rgba(102, 86, 128, 0.85) 80%,
+      rgba(0, 0, 0, 0) 100%
+    );
+  }
+
+  tr.legendary:hover {
+    background: linear-gradient(
+      90deg,
+      rgba(0, 0, 0, 0) 0%,
+      rgba(185, 129, 46, 0.85) 10%,
+      rgba(132, 99, 50, 0.85) 80%,
+      rgba(0, 0, 0, 0) 100%
+    );
+  }
+
+  td {
+    @apply text-white;
+    @apply px-2;
+    padding-top: 0.85rem;
+    padding-bottom: 0.85rem;
+  }
+</style>
diff --git a/src/template.html b/src/template.html
index a2621742..804df96d 100644
--- a/src/template.html
+++ b/src/template.html
@@ -4,19 +4,10 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <meta name="theme-color" content="#333333" />
-    <meta
-      name="description"
-      content="Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter."
-    />
-
     <meta property="og:title" content="Paimon.moe" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://paimon.moe" />
     <meta property="og:image" content="https://paimon.moe/paimon-og.png" />
-    <meta
-      property="og:description"
-      content="Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter."
-    />
 
     %sapper.base%