fixed redacted version

src/routes/cv/+page.svelte

@@ -149,12 +149,12 @@
   <!-- space -->
   <!-- space -->
 
-  <div class="w-full h-full flex flex-col justify-center overflow-hidden">
+  <div class="w-full h-full flex flex-col overflow-hidden">
     <div
       class="relative w-full flex justify-center {$re?.name ? 'hidden' : ''}"
     >
       <RepeatedSkills
-        class="cozette-force text-5xl text-base-300 "
+        class="overcozette-force text-5xl text-base-300 "
         style="transform: translateY(-90rem)"
         textOverride={["REDACTED VERSION"]}
         targetTextHeight={90}
@@ -163,11 +163,8 @@
       />
     </div>
 
-    <div
-      class="NotoSans flex flex-col cv-config cv-container-container include-in-print {$re?.name
-        ? ''
-        : 'absolute'}"
-    >
+    <div class="absolute w-full flex justify-center items-center">
+      <div class="NotoSans flex flex-col cv-config include-in-print">
         <div class="cv-container sections decorations">
           <div id="left-section" class=" flex justify-center">
             <img
@@ -204,7 +201,10 @@
             </div>
           </div>
           <div id="leftSectionSeperator"></div>
-        <div id="right-section" class="text-[var(--right-text-color)] bg-white">
+          <div
+            id="right-section"
+            class="text-[var(--right-text-color)] bg-white"
+          >
             <AlexWatermark Style="pointer-events: none;" />
             <div id="TopRightSkillsText">
               <RepeatedSkills
@@ -227,6 +227,7 @@
       </div>
     </div>
   </div>
+</div>
 
 <style lang="scss">
   .cv-config * {
@@ -319,14 +320,6 @@
     }
   }
 
-  .cv-container-container {
-    width: 100%;
-    height: 100%;
-
-    display: grid;
-    place-items: center;
-  }
-
   .cv-container {
     width: 210mm;
     height: 297mm;

src/routes/cv/comps/HexagonSkills.svelte

@@ -16,16 +16,23 @@
   const hexPath =
     "polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)";
 
-  import { getSkills } from "@src/ts/misc/ZhenSkills";
+  import { getSkills, Skill } from "@src/ts/misc/ZhenSkills";
   import * as m from "$paraglide/messages";
+  import onMount from "@src/optimizers/onMount";
+  import { getLocale, setLocale, locales } from "$paraglide/runtime";
+  import re from "@ts/Redaction/Redactor";
+
+  let skills: Skill[] = [];
+  $: skills = getSkills(
+    `https://deprived.dev/cv?locale=${getLocale() == "en" ? "dk" : "en"}&key=${$re?.key ?? "nah"}`,
+  );
 
-  const skills = getSkills();
   function getIndex(r: int, c: int): int {
     return Math.floor(r / 2) * (2 * cols + 1) + (r % 2) * (cols + 1) + c;
   }
 </script>
 
-<div class="bg-[#eeeeee] text-[#121212] flex flex-col h-full">
+<div class=" text-[#121212] flex flex-col pb-auto">
   <div class="flex justify-between items-center px-8 py-4">
     <div class="font-semibold text-2xl">
       {m["zhen.cv.page2.mini-projects.title"]()}

src/routes/cv/comps/SlantedProjectHighlights.svelte

@@ -5,7 +5,7 @@
   import Expand from "@lucide/svelte/icons/expand";
 </script>
 
-<div class="relative w-full flex justify-between">
+<div class="bg-[#121212] relative w-full flex justify-between">
   <div class="col-l w-full relative h-full flex flex-col gap-2 p-8">
     <div class="text-2xl py-4">{m["zhen.cv.page2.title"]()}</div>
     <div class={baseClass}>

src/routes/cv/pages/page2.svelte

@@ -22,7 +22,7 @@
   .A4 {
     width: 210mm;
     height: 297mm;
-    background-color: #121212;
+    background-color: #eeeeee;
   }
 
   .warning-tape {

src/ts/misc/ZhenSkills.ts

@@ -16,7 +16,7 @@ export class Skill {
   }
 }
 
-export function getSkills(): Skill[] {
+export function getSkills(cvLink: string): Skill[] {
   let arr = []; // ineffecient implimentation, but who cares lol
 
   arr.push(new Skill("C", "c.svg", "https://github.com/MagicBOTAlex/ZSwitch"));
@@ -57,8 +57,8 @@ export function getSkills(): Skill[] {
   );
 
   // frontend
-  arr.push(new Skill("Svelte", "svelte.svg", "https://deprived.dev/"));
-  arr.push(new Skill("Tailwind", "tailwind.svg", "https://deprived.dev/"));
+  arr.push(new Skill("Svelte", "svelte.svg", cvLink));
+  arr.push(new Skill("Tailwind", "tailwind.svg", cvLink));
   arr.push(
     new Skill(
       "JavaScript",
@@ -66,13 +66,13 @@ export function getSkills(): Skill[] {
       "https://github.com/MagicBOTAlex/MomHelper",
     ),
   );
-  arr.push(new Skill("TypeScript", "typescript.svg", "https://deprived.dev/"));
+  arr.push(new Skill("TypeScript", "typescript.svg", cvLink));
   arr.push(
     new Skill("Tauri", "tauri.svg", "https://github.com/MagicBOTAlex/ComboFT"),
   );
-  arr.push(new Skill("CSS", "css.svg", "https://deprived.dev/"));
-  arr.push(new Skill("DaisyUI", "daisyui.svg", "https://deprived.dev/"));
-  arr.push(new Skill("Cloudflare", "cloudflare.svg", "https://deprived.dev/"));
+  arr.push(new Skill("CSS", "css.svg", cvLink));
+  arr.push(new Skill("DaisyUI", "daisyui.svg", cvLink));
+  arr.push(new Skill("Cloudflare", "cloudflare.svg", cvLink));
 
   // homelab
   arr.push(new Skill("Homeassist", "homeassistant.svg"));