Fix url target and add privacy policy

- close #8

src/components/CalculatorHowToModal.svelte

@@ -13,13 +13,13 @@
   </div>
   <div class="bg-background p-2 rounded-xl mb-2">
     <h1 class="font-display text-white text-lg">{$t('calculator.guide.howToWeapon')}</h1>
-    <a href="/images/calculator-weapon.png" target="__blank">
+    <a href="/images/calculator-weapon.png" target="_blank">
       <img src="/images/calculator-weapon.png" alt="how to use calculator weapon" />
     </a>
   </div>
   <div class="bg-background p-2 rounded-xl mb-2 mt-8">
     <h1 class="font-display text-white text-lg">{$t('calculator.guide.howToCharacter')}</h1>
-    <a href="/images/calculator-character.png" target="__blank">
+    <a href="/images/calculator-character.png" target="_blank">
       <img src="/images/calculator-character.png" alt="how to use calculator character" />
     </a>
   </div>

src/components/DonateModal.svelte

@@ -14,14 +14,14 @@
   </p>
   <p class="mt-1">
     You can also contributing to the project on <a
-      target="__blank"
+      target="_blank"
       class="text-primary hover:underline"
       href="https://github.com/MadeBaruna/paimon-moe"
       alt="github">Github</a
     >
   </p>
   <div class="flex flex-col md:flex-row mt-2">
-    <a class="flex-1 mb-1 md:mb-0 md:mr-1" href="https://ko-fi.com/baruna" target="__blank">
+    <a class="flex-1 mb-1 md:mb-0 md:mr-1" href="https://ko-fi.com/baruna" target="_blank">
       <Button className="w-full flex-1 flex flex-col items-center">
         <div class="flex h-8 mb-1 items-center">
           <img class="h-6 mr-1" src="/images/donation/ko-fi.png" alt="Ko-fi" />
@@ -30,7 +30,7 @@
         <span class="font-semibold">Support me on Ko-fi</span>
       </Button>
     </a>
-    <a class="flex-1 md:ml-1" href="https://trakteer.id/baruna" target="__blank">
+    <a class="flex-1 md:ml-1" href="https://trakteer.id/baruna" target="_blank">
       <Button className="w-full flex flex-col items-center">
         <div class="flex mb-1 items-center">
           <img class="h-8 mr-1" src="/images/donation/trakteer.png" alt="Trakteer" />

src/components/WishImportModal.svelte

@@ -567,7 +567,7 @@
         <p class="text-white font-semibold mt-4">{$t('wish.import.faqs.q3')}</p>
         <p class="text-gray-400">
           {$t('wish.import.faqs.a3.0')}
-          <a class="text-primary hover:underline" target="__blank" href="https://github.com/MadeBaruna/paimon-moe"
+          <a class="text-primary hover:underline" target="_blank" href="https://github.com/MadeBaruna/paimon-moe"
             >Github</a
           >{$t('wish.import.faqs.a3.1')}
         </p>
@@ -577,20 +577,20 @@
           <a
             class="text-primary hover:underline"
             href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS"
-            target="__blank"
+            target="_blank"
           >
             CORS</a
           >{$t('wish.import.faqs.a4.1')}
           <a
             class="text-primary hover:underline"
             href="https://github.com/MadeBaruna/paimon-moe-api"
-            target="__blank">{$t('wish.import.faqs.a4.2')}</a
+            target="_blank">{$t('wish.import.faqs.a4.2')}</a
           >
         </p>
         <p class="text-white font-semibold mt-4">{$t('wish.import.faqs.q5')}</p>
         <p class="text-gray-400">
           {$t('wish.import.faqs.a5.0')}
-          <a class="text-primary hover:underline" href="/privacy-policy" target="__blank"
+          <a class="text-primary hover:underline" href="/privacy-policy" target="_blank"
             >{$t('wish.import.faqs.a5.1')}</a
           >
           {$t('wish.import.faqs.a5.2')}

src/locales/en.json

@@ -359,5 +359,25 @@
       "delete": "Delete",
       "reset": "Reset"
     }
+  },
+  "privacypolicy": {
+    "title": "Privacy Policy",
+    "subtitle": "What paimon.moe collect and what it used for",
+    "collect": [
+      {
+        "title": "Visited url at paimon.moe, referer, browser, operating system, device type, visitor country",
+        "content": "Paimon.moe use https://plausible.io (a privacy-friendly analytics) so we can see how many people use which feature, so we can prioritize what feature to implement or improve."
+      },
+      {
+        "title": "Error message and exception from the website",
+        "content": "Paimon.moe will send error and exception from the website to https://sentry.io so we can track what cause problem and fix it accordingly."
+      },
+      {
+        "title": "Wish Pity",
+        "content": "Paimon.moe will save 4* pity count, 5* pity count, and 5* wish information (wish time, item name, pity count) if you check 'Submit pity for global wish tally' on Wish Auto Import or manually submit it on Help & Setting menu. Paimon.moe will aggregate the data and use it to calculate the average pity for each banner on paimon.moe users. You can check it here https://paimon.moe/wish/tally"
+      }
+    ],
+    "subtitleNotCollect": "What paimon.moe NOT collect",
+    "notCollect": "Paimon.moe never save any password, uid, username, email, temporary keys, or feedback url. If you are interested, the project is open source and you can check the source code at https://github.com/MadeBaruna/paimon-moe-api and https://github.com/MadeBaruna/paimon-moe"
   }
 }

src/locales/id.json

@@ -359,5 +359,25 @@
       "delete": "Delete",
       "reset": "Reset"
     }
+  },
+  "privacypolicy": {
+    "title": "Privacy Policy",
+    "subtitle": "Apa yang paimon.moe kumpulkan dan kegunaannya",
+    "collect": [
+      {
+        "title": "Url yang dikunjungi di paimon.moe, referer, browser, sistem operasi, tipe device, negara visitor",
+        "content": "Paimon.moe menggunakan https://plausible.io (analitik yang ramah privasi) sehingga kami bisa melihat apa saja fitur yang digunakan orang-orang, dan kami bisa memprioritaskan fitur apa yang perlu ditambahkan atau ditingkatkan."
+      },
+      {
+        "title": "Error dari website paimon.moe",
+        "content": "Paimon.moe akan mengirim data error yang terjadi di website ini ke https://sentry.io sehingga kami bisa mencari tau apa yang salah dan memperbaikinya."
+      },
+      {
+        "title": "Wish Pity",
+        "content": "Paimon.moe akan menyimpan perhitungan pity 4*, perhitungan pity 5*, dan informasi wish 5* (yaitu waktu wish, nama item, angka pity) jika kamu mencentang 'Kirim pity untuk perhitungan pity global' di Auto Import Wish atau secara manual mensubmit di menu bantuan dan pengaturan. Paimon.moe akan menyatukan data-datanya kemudian menghitung pity rata-rata tiap banner dari pengguna paimon.moe. Kamu bisa mengecek nya di https://paimon.moe/wish/tally"
+      }
+    ],
+    "subtitleNotCollect": "Apa yang paimon.moe TIDAK kumpulkan",
+    "notCollect": "Paimon.moe tidak menyimpan password, uid, username, email, temporary keys, atau feedback url. Jika kamu tertarik, projek nya open source dan kamu bisa mengecek kode nya di https://github.com/MadeBaruna/paimon-moe-api dan https://github.com/MadeBaruna/paimon-moe"
   }
 }

src/routes/_layout.svelte

@@ -62,29 +62,47 @@
     Genshin Impact, game content and materials are trademarks and copyrights of miHoYo.
   </p>
   <div class="flex mt-4 md:items-center flex-col md:flex-row">
-    <a class="text-gray-400 hover:text-primary" href="https://discord.gg/tPURAYgHV9" target="__blank">
+    <a class="text-gray-400 hover:text-primary" href="https://discord.gg/tPURAYgHV9" target="_blank">
       <Icon path={mdiDiscord} size={1.5} /> Join Our Discord
     </a>
     <div class="text-gray-400 mt-4 md:mt-0 md:ml-4 flex flex-col md:pl-4 md:border-l border-gray-600">
       <span class="text-gray-500">Community Links</span>
-      <a class="text-gray-400 hover:text-primary" href="https://t.me/GenshinImpact_ID" target="__blank">
+      <a class="text-gray-400 hover:text-primary" href="https://t.me/GenshinImpact_ID" target="_blank">
         <Icon path={mdiTelegram} size={1} /> Telegram
       </a>
     </div>
     <div class="text-gray-400 mt-4 md:mt-0 md:ml-4 flex flex-col md:pl-4 md:border-l border-gray-600">
       <span class="text-gray-500">Official Links</span>
       <div>
-        <a class="text-gray-400 hover:text-primary mr-1 whitespace-no-wrap" href="https://discord.gg/2UqwpAr" target="__blank">
+        <a
+          class="text-gray-400 hover:text-primary mr-1 whitespace-no-wrap"
+          href="https://discord.gg/2UqwpAr"
+          target="_blank"
+        >
           <Icon path={mdiDiscord} size={1} /> Discord
         </a>
-        <a class="text-gray-400 hover:text-primary mr-1 whitespace-no-wrap" href="https://www.facebook.com/Genshinimpact/" target="__blank">
+        <a
+          class="text-gray-400 hover:text-primary mr-1 whitespace-no-wrap"
+          href="https://www.facebook.com/Genshinimpact/"
+          target="_blank"
+        >
           <Icon path={mdiFacebook} size={1} /> Facebook
         </a>
-        <a class="text-gray-400 hover:text-primary whitespace-no-wrap" href="https://www.reddit.com/r/Genshin_Impact/" target="__blank">
+        <a
+          class="text-gray-400 hover:text-primary whitespace-no-wrap"
+          href="https://www.reddit.com/r/Genshin_Impact/"
+          target="_blank"
+        >
           <Icon path={mdiReddit} size={1} /> Reddit
         </a>
       </div>
     </div>
+    <div class="text-gray-400 mt-4 md:mt-0 md:ml-4 flex flex-col justify-center h-full md:pl-4 md:border-l border-gray-600">
+      <a class="text-gray-400 hover:text-primary" href="/privacy-policy">Privacy Policy</a>
+      <a class="text-gray-400 hover:text-primary" href="https://github.com/MadeBaruna/paimon-moe" target="_blank">
+        Github
+      </a>
+    </div>
   </div>
 </div>
 

src/routes/privacy-policy.svelte

@@ -0,0 +1,20 @@
+<script>
+  import { t, _ } from 'svelte-i18n';
+</script>
+
+<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">{$t('privacypolicy.title')}</h1>
+  <div class="px-4 md:px-8 text-white">
+    <h3 class="text-xl font-bold">{$t('privacypolicy.subtitle')}</h3>
+    <ul class="list-disc ml-4">
+      {#each new Array(3) as _, i}
+        <li class="mt-2">
+          <span class="font-bold">{$t(`privacypolicy.collect.${i}.title`)}</span><br/>
+          {$t(`privacypolicy.collect.${i}.content`)}
+        </li>
+      {/each}
+    </ul>
+    <h3 class="text-xl font-bold mt-4">{$t('privacypolicy.subtitleNotCollect')}</h3>
+    <p>{$t('privacypolicy.notCollect')}</p>
+  </div>
+</div>

src/routes/settings/index.svelte

@@ -321,14 +321,14 @@
     {$t('settings.feedback')}
     <a
       href="https://discord.gg/tPURAYgHV9"
-      target="__blank"
+      target="_blank"
       class="whitespace-no-wrap bg-background rounded-xl pr-2 text-blue-400 hover:underline"
       ><Icon path={mdiDiscord} /> Discord</a
     >
     {$t('settings.or')}
     <a
       href="https://github.com/MadeBaruna/paimon-moe/issues"
-      target="__blank"
+      target="_blank"
       class="whitespace-no-wrap bg-background rounded-xl pr-2 text-blue-400 hover:underline"
       ><Icon path={mdiGithub} /> Github Issues</a
     >

src/routes/timeline/_detail.svelte

@@ -40,7 +40,7 @@
   </p>
   {#if event.url}
     <p class="my-2 overflow-auto mt-4">
-      <a class="text-primary hover:underline" target="__blank" href={event.url}>{event.url}</a>
+      <a class="text-primary hover:underline" target="_blank" href={event.url}>{event.url}</a>
     </p>
   {/if}
   {#if event.description}

src/routes/todo.svelte

@@ -362,7 +362,7 @@
               <span class="text-gray-400 text-xs text-center block">{$t('todo.change')}</span>
               <span class="mt-2 text-sm block text-center">
                 {$t('todo.approximation')}
-                <a class="text-primary font-semibold" target="__blank" href="https://discord.gg/ydwdYmr"
+                <a class="text-primary font-semibold" target="_blank" href="https://discord.gg/ydwdYmr"
                   >Genshin Impact Data Gathering Discord</a
                 >
               </span>