DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

multi lang CV
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 12m38s
Details

Browse source
This commit is contained in:
BOTAlex 2026-01-29 02:16:43 +01:00
parent 7ab06325bc
commit ad138b5de5
43 changed files with 1315 additions and 1974 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/routes/cv/comps/BiggestFlex.svelte
View file

@ -1,25 +1,28 @@
<div class="short-profile-container">
<div class="flex gap-1 items-baseline">
<b style="text-align:left;">
Biggest flex
</b>
<h1 style="font-size: 0.5rem; color: grey;">*Gamejams that had competitions.</h1>
</div>
<div class="text-[0.85rem] text-left">
<a href="https://deprived.dev" >The <span class="text-blue-500 underline">deprived devs</span></a> has won every gamejam, we've participated. <br/>
</div>
<script lang="ts">
import * as m from "$paraglide/messages";
</script>
<div class="short-profile-container">
<div class="flex gap-1 items-baseline">
<b style="text-align:left;">{m["zhen.cv.flex.title"]()}</b>
<h1 style="font-size: 0.5rem; color: grey;">
{m["zhen.cv.flex.tooltip"]()}
</h1>
</div>
<div class="text-[0.85rem] text-left">
{@html m["zhen.cv.flex.body"]()}
</div>
</div>
<style>
.short-profile-container{
width: 90%;
}
.short-profile-container {
width: 90%;
}
.short-profile-container > div:first-child {
width: 100%;
.short-profile-container > div:first-child {
width: 100%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
}
/* Bottom border stripe*/
border-bottom: 1mm solid black;
}
</style>

15
src/routes/cv/comps/Profile.svelte
View file

@ -1,17 +1,16 @@
<script lang="ts">
import * as m from "$paraglide/messages";
</script>
<div class="short-profile-container">
<div class="flex gap-1 items-baseline">
<b style="text-align:left;"> About me </b>
<b style="text-align:left;">{m["zhen.cv.profile.title"]()}</b>
<div class="opacity-70 text-[0.5rem]">
I know the languages listed above in the decor!
{m["zhen.cv.profile.tooltip"]()}
</div>
</div>
<span>
I love learning on my own, and I try to be honest. I am highly
self-motivated and I usually archive any task I put my mind to. This enables
me to have countless hobbies, such as 3D printing, soldering, programming.
<br />
<br />
Other than my github, I've listed some projects highlighted below. :)
{m["zhen.cv.profile.long"]()}
</span>
</div>

52
src/routes/cv/comps/TableOfProjects.svelte
View file

@ -1,24 +1,28 @@
<div class="container">
<script lang="ts">
import * as m from "$paraglide/messages";
</script>
<div class="container flex flex-col items-center">
<div class="flex gap-1">
<b style="text-align:left;"> List of big projects </b>
<b style="text-align:left;">
{m["zhen.cv.projects.title"]()}
</b>
<div class="opacity-70 text-[0.5rem]">
It is likely I'm working on something new, as you're reading this.
<br />
Contact me if you're curious! :D
{m["zhen.cv.projects.tooltip"]()}
</div>
</div>
<div class="table-display">
<div class="table-display text-sm justify-center">
<div class="table-item">
<div>HTML</div>
<div>This CV is made with HTML, CSS, and Svelte</div>
<div>{m["zhen.cv.projects.cv"]()}</div>
</div>
<div class="table-item">
<div>Computer vision</div>
<div>Implimented YoloV1 from scratch. (object detection)</div>
<div>{m["zhen.cv.projects.CV"]()}</div>
</div>
<div class="table-item">
<div>Arduino/embedded</div>
<div>Built custom CNC machine</div>
<div>{m["zhen.cv.projects.embedded"]()}</div>
</div>
<!-- <div class="table-item"> -->
<!-- <div>App dev</div> -->
@ -26,35 +30,30 @@
<!-- </div> -->
<div class="table-item">
<div>Open-source</div>
<div>I often contribute to Open-source</div>
<div>{m["zhen.cv.projects.open"]()}</div>
</div>
<div class="table-item">
<div>PCB design</div>
<div>I have designed multiple Printed Circuit Boards (PCBs)</div>
<div>{m["zhen.cv.projects.pcb"]()}</div>
</div>
<div class="table-item">
<div>Kubernetes</div>
<div>WIP: Multi node HA Kubernetes cluster with my friends</div>
<div>{m["zhen.cv.projects.kube"]()}</div>
</div>
</div>
</div>
<style lang="scss">
.container {
display: grid;
place-items: center;
width: 90%;
}
.container > div:first-child {
width: 100%;
width: 90%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
white-space: pre;
}
.table-display {
width: 100%;
width: 90%;
}
.table-item {
@ -73,23 +72,14 @@
color: #000000;
&:first-child {
width: 30%;
font-size: 4mm;
width: 25%;
font-size: 3mm;
display: grid;
place-content: center start;
border-right: rgba(128, 128, 128, 0.4) dashed 0.1mm;
}
&:nth-child(2) {
width: 70%;
font-size: 3.25mm;
display: grid;
padding-left: 1mm;
}
}
}
</style>