CV update

src/routes/comps/CustomScrollBar.svelte

@@ -30,6 +30,8 @@
   export let scrollThumbText =
     "-------------------------------------------------------------------------------------------------------------------------------Scroll-------------------------------------------------------------------------------------------------------------------------------";
 
+  let hideOnPrint = false;
+
   let viewport: HTMLDivElement;
   let vBar: HTMLDivElement; // vertical bar container
   let hBar: HTMLDivElement; // horizontal bar container
@@ -246,6 +248,9 @@
   let ro: ResizeObserver;
 
   onMount(() => {
+    const params = new URLSearchParams(window.location.search);
+    hideOnPrint = params.get("hideOnPrint") === "1";
+
     const onScroll = () => {
       updateVerticalThumb();
       updateHorizontalThumb();
@@ -316,7 +321,7 @@
   {#if showBarY}
     <div
       bind:this={vBar}
-      class="absolute bg-base-200"
+      class="absolute bg-base-200 {hideOnPrint ? 'hide-on-print' : ''} "
       style="
       top: {padding}px;
       bottom: {padding}px;
@@ -361,7 +366,7 @@
   {#if showBarX}
     <div
       bind:this={hBar}
-      class="absolute"
+      class="absolute {hideOnPrint ? 'hide-on-print' : ''} "
       style="
         left: {padding}px;
         right: {padding}px;

src/routes/cv/+page.svelte

@@ -74,7 +74,7 @@
     </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">
+    <div class=" w-full flex h-[1123px] justify-center">
       <RepeatedSkills
         class="cozette-force text-5xl text-base-300 {$re?.name ? 'hidden' : ''}"
         style="transform: translateY(-90rem)"

src/routes/cv/comps/AlexWatermark.svelte

@@ -2,9 +2,7 @@
   export let Style = "";
 </script>
 
-<div class="container" style="{Style}">
+<div class="container" style={Style}>ALEX</div>
-    ALEX
-</div>
 
 <style lang="scss">
   .container {
@@ -16,8 +14,9 @@ export let Style = "";
 
     // font settings
     font-size: 80mm;
-        color: #e4e4e4;
+    color: black;
+    opacity: 5%;
 
-        transform: translate(32%, -32%) rotate(-90deg);
+    transform: translate(28%, -7.5mm) rotate(-90deg);
   }
 </style>

src/routes/cv/comps/LeftTopDecor.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <div class="container {Class}" style={Style}>
-  <div class=" text-center bg-[var(--left-grid-bg-color)]">
+  <div class="NotoSans-cn text-center bg-[var(--left-grid-bg-color)]">
     <RepeatedSkills
       textOverride={["Hello", "你好", "Hej"]}
       targetTextHeight={3}
@@ -17,12 +17,12 @@
       applyRotation={false}
     />
   </div>
-  <div />
+  <!-- <div /> -->
-  <div class="flex bg-black justify-center">
+  <!-- <div class="flex bg-black justify-center"> -->
-    <div class="w-[6cm]">
+  <!--   <div class="w-[6cm]"> -->
-      <LinkToSource />
+  <!--     <LinkToSource /> -->
-    </div>
+  <!--   </div> -->
-  </div>
+  <!-- </div> -->
 </div>
 
 <style lang="scss">

src/routes/cv/comps/ShortProfile.svelte

@@ -1,25 +1,29 @@
 <script lang="ts">
   import re from "@ts/Redaction/Redactor";
+  import Circle from "lucide-svelte/icons/circle";
 </script>
 
-<div class="short-profile-container">
+<div class="short-profile-container grid items-start text-sm">
   <div>
     <b style="text-align:left;"> Short profile </b>
   </div>
-  <div>
+  <div class="p-0">
-    ◾ Full-stack at {$re?.shortProfileHiddenContent[0] ?? "Deprived devs"}
+    <Circle class="inline py-2" />Full-stack at {$re
+      ?.shortProfileHiddenContent[0] ?? "Deprived devs"}
     <br />
-    ◾ "AI and data" at {$re?.shortProfileHiddenContent[1] ?? "some uni"}.
+    <Circle class="inline py-2" />Annotator at {$re
+      ?.shortProfileHiddenContent[2] ?? "somewhere"}
     <br />
-    ◾ Working at {$re?.shortProfileHiddenContent[2] ?? "somewhere"} <br />
+    <Circle class="inline py-2" />"AI and data" at {$re
-    ◾ Volunteer at {$re?.shortProfileHiddenContent[3] ?? "Deprived devs"}.
+      ?.shortProfileHiddenContent[1] ?? "some uni"}.
+    <br />
+    <Circle class="inline py-2" />Volunteer at {$re
+      ?.shortProfileHiddenContent[3] ?? "Deprived devs"}.
   </div>
 </div>
 
 <style>
   .short-profile-container {
-    display: grid;
-    place-items: center;
     width: 70%;
   }
 

src/routes/cv/comps/TableOfProjects.svelte

@@ -1,8 +1,6 @@
 <div class="container">
   <div class="flex gap-1">
-        <b style="text-align:left;">
+    <b style="text-align:left;"> List of big projects </b>
-            List of big projects
-        </b>
     <div class="opacity-70 text-[0.5rem]">
       It is likely I'm working on something new, as you're reading this.
       <br />
@@ -10,25 +8,33 @@
     </div>
   </div>
   <div class="table-display">
+    <div class="table-item">
+      <div>HTML</div>
+      <div>This CV is made with HTML, CSS, and Svelte</div>
+    </div>
     <div class="table-item">
       <div>Computer vision</div>
       <div>Implimented YoloV1 from scratch. (object detection)</div>
     </div>
     <div class="table-item">
-            <div>Arduino</div>
+      <div>Arduino/embedded</div>
-            <div>Built my own claw machine from scratch.</div>
+      <div>Built custom CNC machine</div>
-        </div>
-        <div class="table-item">
-            <div>App dev</div>
-            <div>Made an Doulingo'ish app for learning chinese.</div>
     </div>
+    <!-- <div class="table-item"> -->
+    <!--   <div>App dev</div> -->
+    <!--   <div>Made an Doulingo'ish app for learning chinese.</div> -->
+    <!-- </div> -->
     <div class="table-item">
       <div>Open-source</div>
-            <div>I contribute often to Open-source</div>
+      <div>I often contribute to Open-source</div>
     </div>
     <div class="table-item">
-            <div>PCB designing</div>
+      <div>PCB design</div>
-            <div>I am currently designing my own circuit board</div>
+      <div>I have designed multiple Printed Circuit Boards (PCBs)</div>
+    </div>
+    <div class="table-item">
+      <div>Kubernetes</div>
+      <div>WIP: Multi node HA Kubernetes cluster with my friends</div>
     </div>
   </div>
 </div>
@@ -62,7 +68,8 @@
       text-decoration: underline;
     }
 
-        > div, > a {
+    > div,
+    > a {
       color: #000000;
 
       &:first-child {

static/stylesheets/global.css

@@ -13,6 +13,13 @@
     url("/fonts/NotoSans.ttf") format("truetype");
 }
 
+@font-face {
+  font-family: "NotoSans-cn";
+  src:
+    local("NotoSans-cn"),
+    url("/fonts/NotoSerifCJKsc-VF.ttf") format("truetype");
+}
+
 .cozette * {
   font-family: "CozetteVector";
 }
@@ -25,6 +32,10 @@
   font-family: "NotoSans";
 }
 
+.NotoSans-cn * {
+  font-family: "NotoSans-cn";
+}
+
 /* fuck it */
 body * {
   font-family: "CozetteVector";