src/routes/+layout.svelte

@@ -160,7 +160,7 @@
                 target="_blank">Games</a
               >
               <a href="/cv?hideOnPrint=1" target="_blank" class="justify-center"
-                >Zhen's CV</a
+                >{$re?.nick ?? "Alex"}'s CV</a
               >
               <!-- <a onclick={resetNavBar} href="/posts">Blog</a>
                         <a onclick={resetNavBar} href="/about">About</a> -->

src/routes/cv/+page.svelte

@@ -21,7 +21,7 @@
   import RepeatedSkills from "./comps/RepeatedSkills.svelte";
 
   // Discord embed
-  import preveiwImage from "$lib/zhen/cv-comps/EposCvPreveiw.png";
+  import preveiwImage from "$lib/alex/cv-comps/preview.png";
 
   // Print detection setup
   import onMount from "@e/onMount";

src/routes/cv/comps/Education.svelte

@@ -1,9 +1,5 @@
 <script>
-  import placeholder from "$lib/zhen/cv-comps/400x400.png";
+  import SasLogo from "$lib/alex/cv-comps/SASLogo.png";
-  import DTU_Logo from "$lib/zhen/cv-comps/DTU_Logo.png";
-  import NextLogo from "$lib/zhen/cv-comps/nextKbhLogo.png";
-  import SasLogo from "$lib/zhen/cv-comps/SASLogo.png";
-  import EmphasysLogo from "$lib/zhen/cv-comps/EmphasysLogo.png";
 
   import IconAndText2 from "./IconAndText2.svelte";
   import re from "@src/ts/Redaction/Redactor";

src/routes/cv/comps/LinkToSource.svelte

@@ -1,5 +1,7 @@
-<script>
+<script lang="ts">
   import svelteLogo from "$lib/svelteLogos/svelte-logo-cutout.svg";
+  import onMount from "@src/optimizers/onMount";
+  import re from "@src/ts/Redaction/Redactor";
 </script>
 
 <div class="container">
@@ -14,8 +16,8 @@
       </div>
       Sources:
       <a
-        href="https://gitea.deprived.dev/Sveskejuice/deprived-main-website/src/branch/dev/src/routes/zhen/cv/rev2/+page.svelte"
+        href={$re?.cv.sourceLink ??
-        >CV source code</a
+          "https://www.youtube.com/watch?v=0TaNezk4wNQ"}>CV source code</a
       >
       and
       <a href="/cv?hideOnPrint=1">My Website</a>
@@ -24,64 +26,6 @@
 </div>
 
 <style lang="scss">
-  .corner-border-container {
-    --length: 5px;
-    --width: 1px;
-    background-color: var(--left-grid-bg-color);
-    background-image:
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      ),
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      ),
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      ),
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      ),
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      ),
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      ),
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      ),
-      linear-gradient(
-        var(--left-decor-line-color),
-        var(--left-decor-line-color)
-      );
-    background-size:
-      var(--length) var(--width),
-      var(--width) var(--length),
-      var(--length) var(--width),
-      var(--width) var(--length),
-      var(--length) var(--width),
-      var(--width) var(--length),
-      var(--length) var(--width),
-      var(--width) var(--length);
-    background-position:
-      top left,
-      top left,
-      top right,
-      top right,
-      bottom right,
-      bottom right,
-      bottom left,
-      bottom left;
-    background-repeat: no-repeat;
-  }
-
   .container {
     z-index: 1;
 

src/routes/cv/comps/LinkedInQR.svelte

@@ -1,10 +1,10 @@
 <script>
-    import QRCode from "$lib/zhen/cv-comps/LinkedInQrCode.svg?raw"
+  import QRCode from "$lib/alex/cv-comps/LinkedInQrCode.svg?raw";
 </script>
 
 <div class="container">
-    <div>LinkedIn</div>
+  <div>LinkedIn</div>
-    <div class="qrcode corner-border-container p-4">{@html QRCode}</div>
+  <div class="qrcode corner-border-container p-4">{@html QRCode}</div>
 </div>
 
 <style lang="scss">
@@ -13,14 +13,38 @@
     --width: 4px;
     background-color: var(--left-grid-bg-color);
     background-image:
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+        var(--left-decor-line-color),
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+        var(--left-decor-line-color)
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      ),
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+      linear-gradient(
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+        var(--left-decor-line-color),
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color)),
+        var(--left-decor-line-color)
-      linear-gradient(var(--left-decor-line-color), var(--left-decor-line-color));
+      ),
+      linear-gradient(
+        var(--left-decor-line-color),
+        var(--left-decor-line-color)
+      ),
+      linear-gradient(
+        var(--left-decor-line-color),
+        var(--left-decor-line-color)
+      ),
+      linear-gradient(
+        var(--left-decor-line-color),
+        var(--left-decor-line-color)
+      ),
+      linear-gradient(
+        var(--left-decor-line-color),
+        var(--left-decor-line-color)
+      ),
+      linear-gradient(
+        var(--left-decor-line-color),
+        var(--left-decor-line-color)
+      ),
+      linear-gradient(
+        var(--left-decor-line-color),
+        var(--left-decor-line-color)
+      );
     background-size:
       var(--length) var(--width),
       var(--width) var(--length),
@@ -42,17 +66,16 @@
     background-repeat: no-repeat;
   }
 
+  .qrcode {
+    transform: scale(0.9);
+  }
 
-    .qrcode {
+  .container {
-        transform: scale(0.9);
+    display: grid;
-    }
+    place-items: center;
-
+
-    .container {
+    & * {
-        display: grid;
+      font-size: 7.5mm;
-        place-items: center;
-
-        & * {
-            font-size: 7.5mm;
-        }
     }
+  }
 </style>

src/routes/cv/comps/NameAndImage.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import NamePlate from "./NamePlate.svelte";
-  import selfie from "$lib/zhen/cv-comps/VRNerd.jpg";
+  import selfie from "$lib/alex/cv-comps/VRNerd.jpg";
 </script>
 
 <div class="nameAndImageContainer">

src/ts/Redaction/Profile.ts

@@ -17,6 +17,10 @@ const EducationLoose = z.object({
   name: z.string().min(1).optional(),
 });
 
+const CV = z.object({
+  sourceLink: z.string().url().min(1),
+});
+
 const ProfileSchema = z.object({
   name: z.string().min(1),
   nick: z.string().min(1),
@@ -25,6 +29,7 @@ const ProfileSchema = z.object({
   phone: z.string().min(1),
   linkedIn: Link,
   itch: Link,
+  cv: CV,
   experience: z.array(Experience),
   education: z
     .array(EducationLoose)