Prepare /privacy for localization

Author: CenTdemeern1

src/lib/lang/en/privacy.json

@@ -0,0 +1,7 @@
+{
+    "pagename": "Privacy",
+    "header": "Privacy Policy",
+    "tagline": "We don't want or need your cookies.",
+    "cookieimage.alttext": "Cookies from Irasutoya",
+    "description": "We only use [Plausible Analytics](https://plausible.io/) for statistics purposes and do not use any cookies or collect personal information.\n\nYou can read more about how Plausible collects analytics [on their official website](https://plausible.io/data-policy).\n\nHowever, pages that include iframes like YouTube embeds may use additional trackers. By visiting these pages you agree to [YouTube's privacy policy](https://support.google.com/youtube/answer/10364219)."
+}

src/lib/lang/localizationIndex.json

@@ -9,5 +9,9 @@
     {
         "key": "about",
         "routes": ["/about"]
+    },
+    {
+        "key": "privacy",
+        "routes": ["/privacy"]
     }
 ]

src/routes/privacy/+page.svelte

@@ -2,23 +2,30 @@
     import type { PageData } from './$types';
     
     export let data: PageData;
+	
+	import { t } from '$lib/translations';
+	const pageTitle = $t(
+		"common.sitetitle",
+		{
+			sitename: $t("common.watsonindustries"),
+			pagename: $t("privacy.pagename")
+		} as any // TS moment
+	);
+
+  import { parse } from "marked";
 </script>
 
 <svelte:head>
-  <title>Watson Industries - Privacy</title>
+  <title>{pageTitle}</title>
 </svelte:head>
 
 <div class="bg-primary">
     <div class="flex flex-col mx-8 md:mx-36 lg:mx-72 xl:mx-96 text-accent pb-5">
-        <h1 class="text-5xl text-center my-2 mt-2 font-norwester py-4">Privacy Policy</h1>
-        <p class="my-2 text-xl text-center">
-            We don't want or need your cookies.
-            <img src="https://1.bp.blogspot.com/-8_iInJA-VGo/UgSMUzbH8tI/AAAAAAAAXBk/rfI8OGB16n8/s400/sweets_cookie.png" class="mx-auto my-4" alt="Cookies from Irasutoya" />
-            We only use <a href="https://plausible.io/" class="underline">Plausible Analytics</a> for statistics purposes and do not use any cookies or collect personal information.
-            <br>
-            You can read more about how Plausible collect analytics <a href="https://plausible.io/data-policy" class="underline">on their official website.</a>
-            <br>
-            However, certain pages that include iframes like Youtube embeds might use additional trackers. By visiting these pages you agree to <a href="https://support.google.com/youtube/answer/10364219" class="underline">Youtube's privacy policies</a>.
+        <h1 class="text-5xl text-center my-2 mt-2 font-norwester py-4">{$t("privacy.header")}</h1>
+        <p class="my-2 text-xl text-center [&>p>a]:underline">
+            {$t("privacy.tagline")}
+            <img src="https://1.bp.blogspot.com/-8_iInJA-VGo/UgSMUzbH8tI/AAAAAAAAXBk/rfI8OGB16n8/s400/sweets_cookie.png" class="mx-auto my-4" alt={$t("privacy.cookieimage.alttext")} />
+            {@html parse($t("privacy.description"))}
         </p>
     </div>
 </div>