deprived-main-website/deprecated/zhen/cv/CompsRev3/TableOfProjects.svelte
BOTAlex 28eea2d035
Some checks failed
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Failing after 0s
deprecated some old things
2025-10-02 06:16:50 +02:00

88 lines
2.1 KiB
Svelte

<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>
</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>
<style lang="scss">
.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-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>