deprived-main-website/src/routes/zhen/cv/Comps/Experience.svelte
2024-06-10 04:26:00 +02:00

92 lines
2.3 KiB
Svelte

<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"
</script>
<div class="container">
<div>
<b style="text-align:left;">
Experience
</b>
</div>
<div class="table">
<div class="table-item">
<img src={MakerspaceLogo} alt="NextKBH logo" width="15%"/>
<div>
<span>
<b>3D printer manager</b> - Volunteer<br>
Makerspace - kildevæld Kulturcenter<br>
<i>Nov 2023 - Now</i>
</span>
</div>
</div>
<div class="table-item">
<img src={EposLogo} alt="SAS logo" width="15%"/>
<div>
<span>
<b>Machine Learning Engineer</b> - Short term intern<br>
Product design department - Epos<br>
<i>Apr 2024 - Apr 2024</i>
</span>
</div>
</div>
<div class="table-item">
<img src={KhoraLogo} alt="Emphasys center logo" width="15%"/>
<div>
<span>
<b>Assistant</b> - Short term intern<br>
Khora Virtual Reality<br>
<i>Oct 2020 - Oct 2020</i>
</span>
</div>
</div>
</div>
</div>
<style lang="scss">
.container{
display: grid;
place-items: center;
width: 90%;
overflow: hidden;
& > div:first-child {
width: 100%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
&:first-child {
font-size: x-large;
}
}
}
.table-item {
padding: 2mm;
display: flex;
justify-items: start;
width: 100%;
&:not(:last-child) {
border-bottom: 0.25mm solid #000000;
}
& > div {
padding-left: 3mm;
text-align: start;
font-size: 4mm;
}
& > img {
border-radius: 2.5mm;
filter: drop-shadow(1mm 1mm 1mm #0000009d);
}
}
</style>