fixed my CV with Vim!

src/routes/zhen/cv/CompsRev2/BottomRightDecor.svelte

@@ -1,50 +1,53 @@
 <script>
-    export let Style = "";
+  export let Style = "";
 </script>
 
-<div class="container" style="{Style}">
-    <div>
-        <div>
-            Thank you! ❤
-        </div>
-    </div>
+<div class="container" style={Style}>
+  <div class="w-full flex justify-center">
+    <div class="text-center"></div>
+  </div>
 </div>
 
 <style lang="scss">
-    .container {
-        position: absolute;
-        transform: translate(40.2mm, 5mm) rotate(-45deg);
-        display: grid;
-        justify-self: end;
-        vertical-align: bottom;
-        align-self: flex-end;
+  .container {
+    position: absolute;
+    transform: translate(20.3mm, -5mm) rotate(-45deg);
+    display: grid;
+    justify-self: end;
+    vertical-align: bottom;
+    align-self: flex-end;
 
-        z-index: 0;
+    z-index: 0;
 
-        > div:nth-child(1) {
-            padding-top: 5mm;
-            //border-bottom: #4472c4 dashed 2mm;
+    > div:nth-child(1) {
+      padding-top: 5mm;
+      //border-bottom: #4472c4 dashed 2mm;
 
-            background-image: linear-gradient(to right, #4472c4 70%, rgba(255,255,255,0) 0%);
-            background-position: top;
-            background-size: 6mm 1.5mm;
-            background-repeat: repeat-x;
-        }
-
-        > div:nth-child(2) {
-            background-color: #2f5496;
-            width: 100mm;
-            height: 25mm;
-
-            // Text
-            display: grid;
-            place-content: center;
-            align-content: flex-start;
-            > div {
-                padding-top: 3.5mm;
-                color: #4a7bcf;
-                font-weight: bold;
-            }
-        }
+      background-image: linear-gradient(
+        to right,
+        #4472c4 70%,
+        rgba(255, 255, 255, 0) 0%
+      );
+      background-position: top;
+      background-size: 6mm 1.5mm;
+      background-repeat: repeat-x;
     }
-</style>
+
+    > div:nth-child(2) {
+      background-color: #2f5496;
+      width: 100mm;
+      height: 25mm;
+
+      // Text
+      display: grid;
+      place-content: center;
+      align-content: flex-start;
+      > div {
+        padding-top: 3.5mm;
+        color: #4a7bcf;
+        font-weight: bold;
+      }
+    }
+  }
+</style>
+

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

@@ -74,7 +74,7 @@
   </div>
 </div>
 
-<div class="cv-container-container include-in-print">
+<div class="NotoSans cv-container-container include-in-print">
   <div class="cv-container sections decorations">
     <div id="left-section">
       <LeftTopDecor Style="pointer-events: none;" />
@@ -90,7 +90,11 @@
     <div id="right-section">
       <AlexWatermark Style="pointer-events: none;" />
       <div id="TopRightSkillsText">
-        <RepeatedSkills targetTextHeight={30} targetTextWidth={75} />
+        <RepeatedSkills
+          class="Cozette"
+          targetTextHeight={30}
+          targetTextWidth={75}
+        />
       </div>
       <div id="Credit">
         <LinkToSource />
@@ -251,4 +255,3 @@
     }
   }
 </style>
-

static/stylesheets/global.css

@@ -13,59 +13,67 @@
     url("/fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype");
 }
 
-.cozette * {
-    font-family: "CozetteVector";
+.NotoSans * {
+  font-family: "NotoSans";
+}
+
+.Cozette * {
+  font-family: "CozetteVector";
 }
 
 /* fuck it */
 body * {
-    font-family: "CozetteVector";
+  font-family: "CozetteVector";
 }
 
 @media print {
-    .hide-on-print {
-        display: none;
-    }
+  .hide-on-print {
+    display: none;
+  }
 }
 
-.include-in-print { &, & * {
-    -webkit-print-color-adjust:exact !important;
-    print-color-adjust:exact !important;
-}}
+.include-in-print {
+  &,
+  & * {
+    -webkit-print-color-adjust: exact !important;
+    print-color-adjust: exact !important;
+  }
+}
 
 html {
-    background: var(--background1);
+  background: var(--background1);
 }
 
 body {
-    font-family: NotoSans, var(--main-font);
-    color: var(--text1); /* Default to primary text color. */
-    background-color: var(--background);
-    margin: 0;
+  font-family: NotoSans, var(--main-font);
+  color: var(--text1); /* Default to primary text color. */
+  background-color: var(--background);
+  margin: 0;
 }
 
-a, a:link a:visited {
-    color: var(--text1);
-    text-decoration: none;
+a,
+a:link a:visited {
+  color: var(--text1);
+  text-decoration: none;
 }
 
 code {
-    font-weight: 400;
-    font-size: 0.9rem;
-    line-height: 1.3;
-    letter-spacing: .32px;
-    border-radius: .25rem;
-    padding: 0 .5rem;
-    background-color: #333333;
+  font-weight: 400;
+  font-size: 0.9rem;
+  line-height: 1.3;
+  letter-spacing: 0.32px;
+  border-radius: 0.25rem;
+  padding: 0 0.5rem;
+  background-color: #333333;
 }
 
 /* Print-specific styles */
 @media print {
-    .hide-on-print {
-        display: none;
-    }
+  .hide-on-print {
+    display: none;
+  }
 }
 
 .hidden {
-    display: none;
-}
+  display: none;
+}