Changed links to rev3

src/routes/+layout.svelte

@@ -103,7 +103,7 @@
           {@render SwitchThemeButton()}
 
           <a
-            href="/zhen/cv/rev2?hideOnPrint=1"
+            href="/zhen/cv/rev3?hideOnPrint=1"
             target="_blank"
             style="width: 7.5rem;">Zhen CV</a
           >

src/routes/+page.svelte

@@ -82,7 +82,7 @@
             <Profile name="Zhen / Alex" tags={["Programmer", "3D artist", "UX Designer"]} isMobile={mobile}>
                 <span>
                     <p>Hi, I am Alex/Zhen, {@html !mobile ? "" : "<br/>"} I'm that chinese guy.</p>
-                    <p>Here's my CV: <a href="/zhen/cv/rev2?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
+                    <p>Here's my CV: <a href="/zhen/cv/rev3?hideOnPrint=1" style="color:lightblue;">pdf</a></p>
                 </span>
             </Profile>
             

src/routes/zhen/cv/CompsRev3/LeftTopDecor.svelte

@@ -5,11 +5,12 @@
     import LinkToSource from "../CompsRev3/LinkToSource.svelte";
 
     export let Style = "";
+    export let Class = "";
 </script>
 
-<div class="container " style="{Style}">
+<div class="container {Class}" style="{Style}">
   <div class=" text-center bg-[var(--left-grid-bg-color)]">
-        <RepeatedSkills textOverride={["Hello", "你好", "Hej"]} targetTextHeight={4} targetTextWidth={50} applyRotation={false}/>
+        <RepeatedSkills textOverride={["Hello", "你好", "Hej"]} targetTextHeight={3} targetTextWidth={50} applyRotation={false}/>
     </div>
     <div/>
     <div class="flex justify-center">

src/routes/zhen/cv/CompsRev3/LinkedInQR.svelte

@@ -8,6 +8,41 @@
 </div>
 
 <style lang="scss">
+  .corner-border-container {
+    --length: 20px;
+    --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(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;
+  }
+
+
     .qrcode {
         transform: scale(0.9);
     }

src/routes/zhen/cv/CompsRev3/ShortProfile.svelte

@@ -5,6 +5,7 @@
         </b>
     </div>
     <div>
+        ◾ Full-stack at Yaaumma <br>
         ◾ "AI and data" at DTU. <br>
         ◾ Working at <a class="underline" href="https://grazper.com/">GrazperAI</a> <br/>
         ◾ Volunteer at Kildevæld Makerspace.

src/routes/zhen/cv/rev3/+page.svelte

@@ -76,19 +76,24 @@
 <div class="NotoSans cv-config cv-container-container include-in-print">
   <div class="cv-container sections decorations">
     <div id="left-section" class="bg-grid-cv">
-      <LeftTopDecor Style="pointer-events: none;" />
+      <LeftTopDecor />
       <BottomRightDecor Style="pointer-events: none;" />
       <div
         class="absolute rotate-12 width-[10cm] h-full right-[15cm]"
         style="background-color: #bdd6ee"
       ></div>
-      <div class="text-[var(--left-text-color)]">
+      <div class="text-[var(--left-text-color)] pointer-events-none">
+        <div class="pointer-events-auto flex flex-col justify-center w-full items-center">
           <NameAndImage />
+          <div class="py-2"></div>
           <ShortProfile />
+          <div class="py-2"></div>
           <CombinedContacts />
+          <div class="py-2"></div>
           <LinkedInQR />
         </div>
       </div>
+    </div>
     <div id="leftSectionSeperator"></div>
     <div id="right-section" class="text-[var(--right-text-color)]">
       <AlexWatermark Style="pointer-events: none;" />