most redacted. searching for more

2025-10-09 05:51:41 +02:00 · 2025-10-09 05:51:41 +02:00 · 2f5aa50c84
commit 2f5aa50c84
parent 4205712d32
11 changed files with 240 additions and 228 deletions
--- a/src/routes/cv/comps/Contact.svelte
+++ b/src/routes/cv/comps/Contact.svelte
@ -1,75 +1,81 @@
+<script lang="ts">
+  import re from "@ts/Redaction/Redactor";
+</script>
+
 <div class="container">
-    <div>
-        <b style="text-align:left;">
-            Contact
-        </b>
+  <div>
+    <b style="text-align:left;"> Contact </b>
+  </div>
+  <div class="table-display">
+    <div class="table-item">
+      <div>Email</div>
+      <div>{$re?.email ?? "alex@deprived.dev"}</div>
    </div>
-    <div class="table-display">
-        <div class="table-item">
-            <div>Email</div>
-            <div>Zhen@deprived.dev</div>
-        </div>
-        <div class="table-item">
-            <div>Phone</div>
-            <div>+45 42535723</div>
-        </div>
-        <div class="table-item">
-            <div>LinkedIn</div>
-            <a href="https://www.linkedin.com/in/zhentao-wei-3a3a0a182/">Zhentao-Wei</a>
-        </div>
+    <div class="table-item">
+      <div>Phone</div>
+      <div>{$re?.phone ?? "1-800-273-8255"}</div>
    </div>
+    <div class="table-item">
+      <div>LinkedIn</div>
+      <a
+        href={$re?.linkedIn.link ??
+          "https://www.youtube.com/watch?v=PaPotS8GSpc"}
+        >{$re?.linkedIn.text ?? "cool video lmao"}</a
+      >
+    </div>
+  </div>
 </div>

 <style lang="scss">
-    .container{
+  .container {
+    display: grid;
+    place-items: center;
+    width: 70%;
+  }
+
+  .container > div:first-child {
+    width: 100%;
+
+    /* Bottom border stripe*/
+    border-bottom: 1mm solid var(--left-line-color);
+  }
+
+  .table-display {
+    width: 100%;
+  }
+
+  .table-item {
+    display: flex;
+    justify-items: start;
+
+    width: 100%;
+    border-bottom: 0.25mm solid #000000;
+
+    > a {
+      text-decoration: underline;
+    }
+
+    > div,
+    > a {
+      &:first-child {
+        width: 35%;
+        font-size: 4mm;
+
        display: grid;
-        place-items: center;
-        width: 70%;
-    }
-
-    .container > div:first-child {
-        width: 100%;
-
-        /* Bottom border stripe*/
-        border-bottom: 1mm solid var(--left-line-color);
-    }
-
-    .table-display {
-        width: 100%;
-    }
-
-    .table-item {
-        display: flex;
-        justify-items: start;
-
-        width: 100%;
-        border-bottom: 0.25mm solid #000000;
-
-        > a {
-            text-decoration: underline;
-        }
-
-        > div, > a {
-
-            &:first-child {
-                width: 35%;
-                font-size: 4mm;
-
-                display: grid;
-                place-content: center start;
-
-                border-right: rgba(128, 128, 128, 0.4) dashed 0.1mm;
-            }
-
-            &:nth-child(2) {
-                width: 65%;
-
-                font-size: 3.25mm;
-                display: grid;
-                place-content: center;
-
-                padding-left: 1mm;
-            }
-        }
+        place-content: center start;
+
+        border-right: rgba(128, 128, 128, 0.4) dashed 0.1mm;
+      }
+
+      &:nth-child(2) {
+        width: 65%;
+
+        font-size: 3.25mm;
+        display: grid;
+        place-content: center;
+
+        padding-left: 1mm;
+      }
    }
+  }
 </style>
--- a/src/routes/cv/comps/Education.svelte
+++ b/src/routes/cv/comps/Education.svelte
@ -6,6 +6,13 @@
  import EmphasysLogo from "$lib/zhen/cv-comps/EmphasysLogo.png";

  import IconAndText2 from "./IconAndText2.svelte";
+  import re from "@src/ts/Redaction/Redactor";
+  import env, { initEnv } from "@src/ts/EnvHandler";
+  import onMount from "@src/optimizers/onMount";
+
+  onMount(() => {
+    initEnv();
+  });
 </script>

 <div class="container h-10">
@ -13,20 +20,22 @@
    <b style="text-align:left;"> Education </b>
  </div>
  <div class="flex justify-center p-2 w-full">
-    <IconAndText2 logo={DTU_Logo}>
-      <b>DTU</b><br />
+    <IconAndText2
+      logo={$re?.education[0].imageId.replace("[PB]", env.POCKETBASE_URL) ?? ""}
+    >
+      <b>{$re?.education[0].name ?? ""}</b><br />
      <p style="font-size: 0.5rem;">AI and data</p>
    </IconAndText2>
-    <IconAndText2 logo={NextLogo}>
-      <b>Next</b><br />
+    <IconAndText2 logo={$re?.education[1].imageId ?? ""}>
+      <b>{$re?.education[0].name ?? ""}</b><br />
      <p style="font-size: 0.5rem;">Computer science</p>
    </IconAndText2>
    <IconAndText2 logo={SasLogo}>
      <b>Master class</b><br />
      <p style="font-size: 0.5rem;">SAS Programming</p>
    </IconAndText2>
-    <IconAndText2 logo={EmphasysLogo}>
-      <span class="font-semibold">Emphasys center</span><br />
+    <IconAndText2 logo={$re?.education[2].imageId ?? ""}>
+      <span class="font-semibold">{$re?.education[2].name ?? ""}</span><br />
      <p style="font-size: 0.5rem;">VR development</p>
    </IconAndText2>
  </div>
@ -44,4 +53,3 @@
    }
  }
 </style>
-
--- a/src/routes/cv/comps/Experience.svelte
+++ b/src/routes/cv/comps/Experience.svelte
@ -1,11 +1,5 @@
 <script>
-  import placeholder from "$lib/zhen/cv-comps/400x400.png";
-  import MakerspaceLogo from "$lib/zhen/cv-comps/MakerspaceLogo.png";
-  import EposLogo from "$lib/zhen/cv-comps/EposLogo.png";
-  import KhoraLogo from "$lib/zhen/cv-comps/KhoraLogo.jpg";
-  import GrazperAILogo from "$lib/zhen/cv-comps/GrazperLogo.jpg";
-  import YaaummaLogo from "$lib/zhen/cv-comps/YaaummaLogo.png";
-
+  import re from "@src/ts/Redaction/Redactor";
  import IconAndText from "./IconAndText.svelte";
 </script>

@ -15,37 +9,37 @@
  </div>
  <div class="table">
    <div class="table-item">
-      <IconAndText logo={YaaummaLogo}>
+      <IconAndText logo={$re?.experience[0].imageId ?? ""}>
        <b>Full-stack</b><br />
-        Yaaumma<br />
+        {$re?.experience[0].name}<br />
        <i>Feb 2025 - Now</i>
      </IconAndText>
    </div>
    <div class="table-item">
-      <IconAndText logo={GrazperAILogo}>
+      <IconAndText logo={$re?.experience[1].imageId ?? ""}>
        <b>Data annotator</b><br />
-        GrazperAI<br />
+        {$re?.experience[1].name}<br />
        <i>Jul 2024 - Now</i>
      </IconAndText>
    </div>
    <div class="table-item">
-      <IconAndText logo={MakerspaceLogo}>
+      <IconAndText logo={$re?.experience[2].imageId ?? ""}>
        <b>3D printer manager</b> - Volunteer<br />
-        Makerspace - kildevæld Kulturcenter<br />
+        {$re?.experience[2].name}<br />
        <i>Nov 2023 - Now</i>
      </IconAndText>
    </div>
    <div class="table-item">
-      <IconAndText logo={EposLogo}>
+      <IconAndText logo={$re?.experience[3].imageId ?? ""}>
        <b>Machine Learning Engineer</b> - Short term intern<br />
-        Product design department - Epos<br />
+        {$re?.experience[3].name}<br />
        <i>Apr 2024 - Apr 2024</i>
      </IconAndText>
    </div>
    <div class="table-item">
-      <IconAndText logo={KhoraLogo}>
+      <IconAndText logo={$re?.experience[4].imageId ?? ""}>
        <b>Assistant</b> - Short term intern<br />
-        Khora Virtual Reality<br />
+        {$re?.experience[4].name}<br />
        <i>Oct 2020 - Oct 2020</i>
      </IconAndText>
    </div>
--- a/src/routes/cv/comps/IconAndText.svelte
+++ b/src/routes/cv/comps/IconAndText.svelte
@ -5,9 +5,12 @@
  export let fontSize: string = "3mm";
  export let lineHeight: string = "3.1mm";

+  import env, { initEnv } from "@src/ts/EnvHandler";
+
  import onMount from "@e/onMount";
  onMount(() => {
    imageCaption = logo.split(/(\\|\/)/g).pop();
+    initEnv();
  });

  let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it
@ -15,7 +18,7 @@

 <div class="container">
  <img
-    src={logo}
+    src={logo.replace("[PB]", env.POCKETBASE_URL) ?? ""}
    class="bg-white w-10 h-10 object-contain rounded shadow"
    alt={imageCaption}
    width={logoWidths}
@ -37,7 +40,5 @@

      text-align: start;
    }
-
  }
 </style>
-
--- a/src/routes/cv/comps/IconAndText2.svelte
+++ b/src/routes/cv/comps/IconAndText2.svelte
@ -2,10 +2,11 @@
  export let logo: string;
  export let logoWidths: string = "35%";

-
  import onMount from "@e/onMount";
+  import env, { initEnv } from "@src/ts/EnvHandler";
  onMount(() => {
    imageCaption = logo.split(/(\\|\/)/g).pop();
+    initEnv();
  });

  let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it
@ -14,18 +15,15 @@
 <div class=" h-full container flex">
  <div class="flex h-full w-6 items-center overflow-hidden rounded">
    <img
-    src={logo}
-    class=" w-6 h-6 object-cover shadow"
-    alt={imageCaption}
-    width={logoWidths}
+      src={logo.replace("[PB]", env.POCKETBASE_URL) ?? ""}
+      class=" w-6 h-6 object-cover shadow"
+      alt={imageCaption}
+      width={logoWidths}
    />
  </div>
-  <div class="px-1 ml-1 h-full text-[0.5rem]" >
-    <span class="inline " >
+  <div class="px-1 ml-1 h-full text-[0.5rem]">
+    <span class="inline">
      <slot />
    </span>
  </div>
 </div>
-
-
-
--- a/src/routes/cv/comps/NameAndImage.svelte
+++ b/src/routes/cv/comps/NameAndImage.svelte
@ -1,26 +1,24 @@
 <script lang="ts">
-    import NamePlate from "./NamePlate.svelte";
-    import selfie from "$lib/zhen/cv-comps/VRNerd.jpg"
-    import zylveterSus from "$lib/zhen/cv-comps/zylveterSus.png"
+  import NamePlate from "./NamePlate.svelte";
+  import selfie from "$lib/zhen/cv-comps/VRNerd.jpg";
 </script>

 <div class="nameAndImageContainer">
-    <NamePlate/>
-    <div class="mt-4 w-48 h-48 overflow-hidden shadow-xl rounded-lg flex justify-center items-center">
-      <img src={selfie} class="selfie-constraints object-cover"  alt="Zhentao Wei"/>
-
-    </div>
+  <NamePlate />
+  <div
+    class="mt-4 w-48 h-48 overflow-hidden shadow-xl rounded-lg flex justify-center items-center"
+  >
+    <img src={selfie} class="selfie-constraints object-cover" alt="Selfie" />
+  </div>
 </div>

 <style>
-    .nameAndImageContainer {
-        display: grid;
-        place-items: center;
-    }
+  .nameAndImageContainer {
+    display: grid;
+    place-items: center;
+  }

-    .selfie-constraints{
-        
-        max-width:  100%;
-
-    }
+  .selfie-constraints {
+    max-width: 100%;
+  }
 </style>
--- a/src/routes/cv/comps/NamePlate.svelte
+++ b/src/routes/cv/comps/NamePlate.svelte
@ -1,21 +1,21 @@
+<script lang="ts">
+  import re from "@ts/Redaction/Redactor";
+</script>
+
 <div class="name-plate-container">
-    <span style="text-align: center;">
-        <b>
-            Zhentao Wei
-        </b><br/>
-        (He/Him)
-
-    </span>
-
+  <span style="text-align: center;">
+    <b>{$re?.name ?? "BOTAlex"}</b><br />
+    (He/Him)
+  </span>
 </div>

 <style>
-    .name-plate-container{
-        display: grid;
-        place-items: center;
-        width: 60%;
+  .name-plate-container {
+    display: grid;
+    place-items: center;
+    width: 60%;

-        /* Bottom border stripe*/
-        border-bottom: 1mm solid var(--left-line-color);
-    }
+    /* Bottom border stripe*/
+    border-bottom: 1mm solid var(--left-line-color);
+  }
 </style>
--- a/src/routes/cv/comps/OtherContact.svelte
+++ b/src/routes/cv/comps/OtherContact.svelte
@ -1,70 +1,75 @@
+<script lang="ts">
+  import re from "@ts/Redaction/Redactor";
+</script>
+
 <div class="container">
-    <div>
-        <b style="text-align:left;">
-            Other
-        </b>
+  <div>
+    <b style="text-align:left;"> Other </b>
+  </div>
+  <div class="table-display">
+    <div class="table-item">
+      <div>Itch.io</div>
+      <a href={$re?.itch.link ?? "https://www.youtube.com/watch?v=PaPotS8GSpc"}
+        >{$re?.itch.text ?? "The same video"}</a
+      >
    </div>
-    <div class="table-display">
-        <div class="table-item">
-            <div>Itch.io</div>
-            <a href="https://github.com/MagicBOTAlex">botalex.itch.io</a>
-        </div>
-        <div class="table-item">
-            <div>Github</div>
-            <a href="https://botalex.itch.io/">@MagicBOTAlex</a>
-        </div>
+    <div class="table-item">
+      <div>Github</div>
+      <a href="https://github.com/MagicBOTAlex">@MagicBOTAlex</a>
    </div>
+  </div>
 </div>

 <style lang="scss">
-    .container{
+  .container {
+    display: grid;
+    place-items: center;
+    width: 70%;
+  }
+
+  .container > div:first-child {
+    width: 100%;
+
+    /* Bottom border stripe*/
+    border-bottom: 1mm solid var(--left-line-color);
+  }
+
+  .table-display {
+    width: 100%;
+  }
+
+  .table-item {
+    display: flex;
+    justify-items: start;
+
+    width: 100%;
+    border-bottom: 0.25mm solid #000000;
+
+    > a {
+      text-decoration: underline;
+    }
+
+    > div,
+    > a {
+      &:first-child {
+        width: 35%;
+        font-size: 4mm;
+
        display: grid;
-        place-items: center;
-        width: 70%;
-    }
-
-    .container > div:first-child {
-        width: 100%;
-
-        /* Bottom border stripe*/
-        border-bottom: 1mm solid var(--left-line-color);
-    }
-
-    .table-display {
-        width: 100%;
-    }
-
-    .table-item {
-        display: flex;
-        justify-items: start;
-
-        width: 100%;
-        border-bottom: 0.25mm solid #000000;
-
-        > a {
-            text-decoration: underline;
-        }
-
-        > div, > a {
-            &:first-child {
-                width: 35%;
-                font-size: 4mm;
-
-                display: grid;
-                place-content: center start;
-
-                border-right: rgba(128, 128, 128, 0.4) dashed 0.1mm;
-            }
-
-            &:nth-child(2) {
-                width: 65%;
-
-                font-size: 3.25mm;
-                display: grid;
-                place-content: center;
-
-                padding-left: 1mm;
-            }
-        }
+        place-content: center start;
+
+        border-right: rgba(128, 128, 128, 0.4) dashed 0.1mm;
+      }
+
+      &:nth-child(2) {
+        width: 65%;
+
+        font-size: 3.25mm;
+        display: grid;
+        place-content: center;
+
+        padding-left: 1mm;
+      }
    }
+  }
 </style>
--- a/src/routes/cv/comps/ShortProfile.svelte
+++ b/src/routes/cv/comps/ShortProfile.svelte
@ -1,29 +1,32 @@
-<div class="short-profile-container">
-    <div>
-        <b style="text-align:left;">
-            Short profile
-        </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.
-    </div>
+<script lang="ts">
+  import re from "@ts/Redaction/Redactor";
+</script>

+<div class="short-profile-container">
+  <div>
+    <b style="text-align:left;"> Short profile </b>
+  </div>
+  <div>
+    ◾ Full-stack at {$re?.shortProfileHiddenContent[0] ?? "Deprived devs"}
+    <br />
+    ◾ "AI and data" at {$re?.shortProfileHiddenContent[1] ?? "some uni"}.
+    <br />
+    ◾ Working at {$re?.shortProfileHiddenContent[2] ?? "somewhere"} <br />
+    ◾ Volunteer at {$re?.shortProfileHiddenContent[3] ?? "Deprived devs"}.
+  </div>
 </div>

 <style>
-    .short-profile-container{
-        display: grid;
-        place-items: center;
-        width: 70%;
-    }
+  .short-profile-container {
+    display: grid;
+    place-items: center;
+    width: 70%;
+  }

-    .short-profile-container > div:first-child {
-        width: 100%;
+  .short-profile-container > div:first-child {
+    width: 100%;

-        /* Bottom border stripe*/
-        border-bottom: 1mm solid var(--left-line-color);
-    }
+    /* Bottom border stripe*/
+    border-bottom: 1mm solid var(--left-line-color);
+  }
 </style>