src/routes/cv/+page.svelte

@@ -46,6 +46,7 @@
   }
 </script>
 
+<div>
   <title>{$re?.name ?? "Alex"}'s CV {getFormattedDate()}</title>
   <meta content="{$re?.name ?? 'Alex'}'s CV" property="og:title" />
   <meta
@@ -72,8 +73,21 @@
       the quality of the PDF :(
     </div>
   </div>
+  <div class="w-full h-full flex flex-col justify-center overflow-hidden">
+    <div class=" w-full flex h-[1131.25px] justify-center">
+      <RepeatedSkills
+        class="cozette-force text-5xl text-base-300 {$re?.name ? 'hidden' : ''}"
+        style="transform: translateY(-90rem)"
+        textOverride={["REDACTED VERSION"]}
+        targetTextHeight={90}
+        targetTextWidth={150}
+        textRowPadding={"1rem"}
+      />
+    </div>
 
-<div class="NotoSans cv-config cv-container-container include-in-print">
+    <div
+      class="NotoSans cv-config cv-container-container include-in-print absolute"
+    >
       <div class="cv-container sections decorations">
         <div id="left-section" class="bg-grid-cv flex justify-center">
           <LeftTopDecor />
@@ -97,7 +111,7 @@
           </div>
         </div>
         <div id="leftSectionSeperator"></div>
-    <div id="right-section" class="text-[var(--right-text-color)]">
+        <div id="right-section" class="text-[var(--right-text-color)] bg-white">
           <AlexWatermark Style="pointer-events: none;" />
           <div id="TopRightSkillsText">
             <RepeatedSkills
@@ -116,6 +130,8 @@
         </div>
       </div>
     </div>
+  </div>
+</div>
 
 <style lang="scss">
   .cv-config * {

src/routes/cv/comps/RepeatedSkills.svelte

@@ -2,6 +2,7 @@
   // Width of num chars and height nom of chars
   export let targetTextWidth: number;
   export let targetTextHeight: number;
+  export let textRowPadding: string = "";
 
   export let applyRotation: boolean = true;
 
@@ -27,10 +28,7 @@
   function GrabRandomString() {
     let outString: string = "";
     while (outString.length < targetTextWidth) {
-            outString +=
-                repeatingText[
-                    getRandomInt(repeatingText.length)
-                ] + " ";
+      outString += repeatingText[getRandomInt(repeatingText.length)] + " ";
     }
 
     return outString; // At about target size
@@ -39,7 +37,10 @@
 
 <div {...$$restProps}>
   {#each { length: targetTextHeight } as _, i}
-        <span class="{applyRotation ? "rotate45" : ""} SkillsText">
+    <span
+      class="{applyRotation ? 'rotate45' : ''} SkillsText"
+      style="padding: {textRowPadding};"
+    >
       {GrabRandomString()}
     </span>
   {/each}