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

CV update
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 23s
Details

Browse source
This commit is contained in:
BOTAlex 2026-01-11 20:36:55 +01:00
parent 60bc0a221c
commit b2a4c286bf
8 changed files with 138 additions and 112 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/routes/cv/comps/AlexWatermark.svelte
View file

@ -1,23 +1,22 @@
<script>
export let Style = "";
export let Style = "";
</script>
<div class="container" style="{Style}">
ALEX
</div>
<div class="container" style={Style}>ALEX</div>
<style lang="scss">
.container {
position: absolute;
display: grid;
justify-self: end;
vertical-align: bottom;
align-self: flex-end;
// font settings
font-size: 80mm;
color: #e4e4e4;
.container {
position: absolute;
display: grid;
justify-self: end;
vertical-align: bottom;
align-self: flex-end;
transform: translate(32%, -32%) rotate(-90deg);
}
// font settings
font-size: 80mm;
color: black;
opacity: 5%;
transform: translate(28%, -7.5mm) rotate(-90deg);
}
</style>

14
src/routes/cv/comps/LeftTopDecor.svelte
View file

@ -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 class="flex bg-black justify-center">
<div class="w-[6cm]">
<LinkToSource />
</div>
</div>
<!-- <div /> -->
<!-- <div class="flex bg-black justify-center"> -->
<!-- <div class="w-[6cm]"> -->
<!-- <LinkToSource /> -->
<!-- </div> -->
<!-- </div> -->
</div>
<style lang="scss">

20
src/routes/cv/comps/ShortProfile.svelte
View file

@ -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>
◾ Full-stack at {$re?.shortProfileHiddenContent[0] ?? "Deprived devs"}
<div class="p-0">
<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 />
◾ Volunteer at {$re?.shortProfileHiddenContent[3] ?? "Deprived devs"}.
<Circle class="inline py-2" />"AI and data" at {$re
?.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%;
}

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

@ -1,88 +1,95 @@
<div class="container">
<div class="flex gap-1">
<b style="text-align:left;">
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/>
Contact me if you're curious! :D
</div>
<b style="text-align:left;"> 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 />
Contact me if you're curious! :D
</div>
<div class="table-display">
<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>Built my own claw machine from scratch.</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>
<div class="table-item">
<div>PCB designing</div>
<div>I am currently designing my own circuit board</div>
</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/embedded</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>Open-source</div>
<div>I often contribute to Open-source</div>
</div>
<div class="table-item">
<div>PCB design</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>
<style lang="scss">
.container{
.container {
display: grid;
place-items: center;
width: 90%;
}
.container > div:first-child {
width: 100%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
}
.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 {
color: #000000;
&:first-child {
width: 30%;
font-size: 4mm;
display: grid;
place-items: center;
width: 90%;
}
.container > div:first-child {
width: 100%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
}
.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 {
color: #000000;
&:first-child {
width: 30%;
font-size: 4mm;
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;
}
}
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>