From ed2c8a46574eed73485df09a86b2cd0f8f239171 Mon Sep 17 00:00:00 2001
From: BOTAlex <alex@deprived.dev>
Date: Thu, 29 Jan 2026 02:37:03 +0100
Subject: [PATCH] multi lang CV with link

---
 src/routes/cv/+page.svelte              |  9 ++++-
 src/routes/cv/comps/LeftTopDecor.svelte | 46 ++++++++++++++++---------
 src/ts/Redaction/Profile.ts             |  1 +
 3 files changed, 39 insertions(+), 17 deletions(-)

diff --git a/src/routes/cv/+page.svelte b/src/routes/cv/+page.svelte
index e5b1609..53cd469 100644
--- a/src/routes/cv/+page.svelte
+++ b/src/routes/cv/+page.svelte
@@ -31,11 +31,16 @@
     // Check if the query parameter exists in the URL
     const urlParams = new URLSearchParams(window.location.search);
     const hideOnPrintParam = urlParams.get("hideOnPrint");
+    const locale = urlParams.get("locale");
 
     // If the query parameter is not detected, reload the page with the parameter added
     if (!hideOnPrintParam) {
       window.location.href = `${window.location.href}${window.location.href.indexOf("?") > 0 ? "&" : "?"}hideOnPrint=1`;
     }
+
+    if (locale && locale != getLocale()) {
+      setLocale(locale);
+    }
   });
 
   function getFormattedDate(): string {
@@ -49,7 +54,9 @@
 </script>
 
 <div>
-  <title>{$re?.name ?? "Alex"}'s CV {getFormattedDate()}</title>
+  <title
+    >{$re?.name ?? "Alex"}'s {getLocale().toUpperCase()} CV {getFormattedDate()}</title
+  >
   <meta content="{$re?.name ?? 'Alex'}'s CV" property="og:title" />
   <meta
     content="This CV is made completely with svelte + html + css + js"
diff --git a/src/routes/cv/comps/LeftTopDecor.svelte b/src/routes/cv/comps/LeftTopDecor.svelte
index f6476d9..f820453 100644
--- a/src/routes/cv/comps/LeftTopDecor.svelte
+++ b/src/routes/cv/comps/LeftTopDecor.svelte
@@ -1,4 +1,7 @@
 <script>
+  import { getLocale, setLocale, locales } from "$paraglide/runtime";
+  import re from "@ts/Redaction/Redactor";
+
   import RepeatedSkills from "./RepeatedSkills.svelte";
 
   // Cedit
@@ -8,21 +11,32 @@
   export let Class = "";
 </script>
 
-<div class="container {Class}" style={Style}>
-  <div class="NotoSans-cn text-center bg-[var(--left-grid-bg-color)]">
-    <RepeatedSkills
-      textOverride={["Hello", "你好", "Hej"]}
-      targetTextHeight={3}
-      targetTextWidth={50}
-      applyRotation={false}
-    />
+<div class="flex justify-end w-full">
+  <div class="container {Class}" style={Style}>
+    <div class="NotoSans-cn text-center bg-[var(--left-grid-bg-color)]">
+      <RepeatedSkills
+        textOverride={["Hello", "你好", "Hej"]}
+        targetTextHeight={3}
+        targetTextWidth={50}
+        applyRotation={false}
+      />
+    </div>
+    <!-- <div /> -->
+    <!-- <div class="flex bg-black justify-center"> -->
+    <!--   <div class="w-[6cm]"> -->
+    <!--     <LinkToSource /> -->
+    <!--   </div> -->
+    <!-- </div> -->
+  </div>
+  <div class="z-10 pr-4 pt-2 {!$re?.name ? 'hidden' : ''}">
+    <a
+      href="/cv?locale={getLocale() == 'en' ? 'dk' : 'en'}&key={$re?.key ??
+        'nah'}"
+      ><span class="text-blue-500 underline"
+        >{getLocale() == "en" ? "Dansk" : "English"} CV</span
+      ></a
+    >
   </div>
-  <!-- <div /> -->
-  <!-- <div class="flex bg-black justify-center"> -->
-  <!--   <div class="w-[6cm]"> -->
-  <!--     <LinkToSource /> -->
-  <!--   </div> -->
-  <!-- </div> -->
 </div>
 
 <style lang="scss">
@@ -46,8 +60,8 @@
       // Text inside
       display: grid;
       place-content: center;
-      border-bottom: var(--left-decor-line-color) dotted 0.5mm;
-      border-top: var(--left-decor-line-color) dotted 0.5mm;
+      border-bottom: var(--left-decor-line-color) dotted 1mm;
+      border-top: var(--left-decor-line-color) dotted 1mm;
 
       &:first-child {
         color: var(--left-decor-text-color);
diff --git a/src/ts/Redaction/Profile.ts b/src/ts/Redaction/Profile.ts
index 85f0dba..db136c1 100644
--- a/src/ts/Redaction/Profile.ts
+++ b/src/ts/Redaction/Profile.ts
@@ -24,6 +24,7 @@ const CV = z.object({
 
 const ProfileSchema = z.object({
   name: z.string().min(1),
+  key: z.string().min(1),
   selfie: z.string().min(1),
   nick: z.string().min(1),
   shortProfileHiddenContent: z.array(z.string()),