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

Renamed folder "CVs" to "cv"

Browse source
This commit is contained in:
BOTAlex 2024-06-10 04:19:22 +02:00
parent 74ed2460b3
commit 1bef85049e
14 changed files with 0 additions and 0 deletions

19
src/routes/zhen/cv/Comps/AlexWatermark.svelte Normal file
View file

@ -0,0 +1,19 @@
<div class="container">
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;
transform: translate(32%, -32%) rotate(-90deg);
}
</style>

33
src/routes/zhen/cv/Comps/BottomRightDecor.svelte Normal file
View file

@ -0,0 +1,33 @@
<div class="container">
<div/>
<div/>
</div>
<style lang="scss">
.container {
position: absolute;
transform: translate(31mm, 31mm) rotate(-45deg);
display: grid;
justify-self: end;
vertical-align: bottom;
align-self: flex-end;
z-index: 0;
> div:nth-child(1) {
padding-top: 5mm;
//border-bottom: #4472c4 dashed 2mm;
background-image: linear-gradient(to right, #4472c4 70%, rgba(255,255,255,0) 0%);
background-position: top;
background-size: 6mm 1.5mm;
background-repeat: repeat-x;
}
> div:nth-child(2) {
background-color: #2f5496;
width: 100mm;
height: 30mm;
}
}
</style>

7
src/routes/zhen/cv/Comps/CombinedContacts.svelte Normal file
View file

@ -0,0 +1,7 @@
<script>
import Contact from "./Contact.svelte";
import OtherContact from "./OtherContact.svelte";
</script>
<Contact/>
<OtherContact/>

70
src/routes/zhen/cv/Comps/Contact.svelte Normal file
View file

@ -0,0 +1,70 @@
<div class="container">
<div>
<b style="text-align:left;">
Contact
</b>
</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>
<div>Zhentao-Wei</div>
</div>
</div>
</div>
<style lang="scss">
.container{
display: grid;
place-items: center;
width: 70%;
}
.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;
> div {
&: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;
}
}
}
</style>

91
src/routes/zhen/cv/Comps/Education.svelte Normal file
View file

@ -0,0 +1,91 @@
<script>
import placeholder from "$lib/zhen/cv-comps/400x400.png"
import NextLogo from "$lib/zhen/cv-comps/nextKbhLogo.png"
import SasLogo from "$lib/zhen/cv-comps/SASLogo.png"
import EmphasysLogo from "$lib/zhen/cv-comps/EmphasysLogo.png"
</script>
<div class="container">
<div>
<b style="text-align:left;">
Education
</b>
</div>
<div class="table">
<div class="table-item">
<img src={NextLogo} alt="NextKBH logo" width="15%"/>
<div>
<span>
<b>Gymnasium/Collage - HTX</b><br>
NEXT-Mediegymnasiet: Computer science<br>
<i>May 2021 - Now</i>
</span>
</div>
</div>
<div class="table-item">
<img src={SasLogo} alt="SAS logo" width="15%"/>
<div>
<span>
<b>SAS Master class</b><br>
4-week project about SAS: OnDemand and SAS: Viya <br>
<i>Dec 2023 - Dec 2023</i>
</span>
</div>
</div>
<div class="table-item">
<img src={EmphasysLogo} alt="Emphasys center logo" width="15%"/>
<div>
<span>
<b>Emphasys Centre - Erasmus+</b><br>
2 weeks of Unity VR <br>
<i>Oct 2023 - Oct 2023</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;
}
}
</style>

91
src/routes/zhen/cv/Comps/Experience.svelte Normal file
View file

@ -0,0 +1,91 @@
<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;
}
}
</style>

33
src/routes/zhen/cv/Comps/LeftTopDecor.svelte Normal file
View file

@ -0,0 +1,33 @@
<div class="container">
<div/>
<div/>
</div>
<style lang="scss">
.container {
position: absolute;
transform: translate(-31.9mm, 0mm) rotate(-45deg);
display: grid;
justify-self: start;
vertical-align: top;
align-self: flex-start;
z-index: 0;
> div:nth-child(1) {
background-color: #2f5496;
width: 100mm;
height: 15mm;
}
> div:nth-child(2) {
padding-top: 5mm;
//border-bottom: #4472c4 dashed 2mm;
background-image: linear-gradient(to right, #4472c4 70%, rgba(255,255,255,0) 0%);
background-position: bottom;
background-size: 6mm 1.5mm;
background-repeat: repeat-x;
}
}
</style>

24
src/routes/zhen/cv/Comps/LinkedInQR.svelte Normal file
View file

@ -0,0 +1,24 @@
<script>
import QRCode from "$lib/zhen/cv-comps/LinkedInQrCode.svg?raw"
</script>
<div class="container">
<div>LinkedIn</div>
<span class="qrcode">{@html QRCode}</span>
</div>
<style lang="scss">
.qrcode {
transform: scale(0.9);
}
.container {
display: grid;
place-items: center;
& * {
font-size: 7.5mm;
}
}
</style>

23
src/routes/zhen/cv/Comps/NameAndImage.svelte Normal file
View file

@ -0,0 +1,23 @@
<script lang="ts">
import NamePlate from "./NamePlate.svelte";
import selfie from "$lib/zhen/cv-comps/zhenSelfie.jpg"
</script>
<div class="nameAndImageContainer">
<NamePlate/>
<img src={selfie} class="selfie-constraints" alt="nothing"/>
</div>
<style>
.nameAndImageContainer {
display: grid;
place-items: center;
}
.selfie-constraints{
padding-top: 2.5mm;
max-width: 65%;
border-radius: 5mm;
}
</style>

21
src/routes/zhen/cv/Comps/NamePlate.svelte Normal file
View file

@ -0,0 +1,21 @@
<div class="name-plate-container">
<span style="text-align: center;">
<b>
Zhentao Wei
</b><br/>
(He/Him)
</span>
</div>
<style>
.name-plate-container{
display: grid;
place-items: center;
width: 60%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
}
</style>

66
src/routes/zhen/cv/Comps/OtherContact.svelte Normal file
View file

@ -0,0 +1,66 @@
<div class="container">
<div>
<b style="text-align:left;">
Other
</b>
</div>
<div class="table-display">
<div class="table-item">
<div>Itch.io</div>
<div>botalex.itch.io</div>
</div>
<div class="table-item">
<div>Github</div>
<div>@MagicBOTAlex</div>
</div>
</div>
</div>
<style lang="scss">
.container{
display: grid;
place-items: center;
width: 70%;
}
.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;
> div {
&: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;
}
}
}
</style>

31
src/routes/zhen/cv/Comps/Profile.svelte Normal file
View file

@ -0,0 +1,31 @@
<div class="short-profile-container">
<div>
<b style="text-align:left;">
About me
</b>
</div>
<div>
As a 19-year-old with a deep passion for programming and
technology, I am highly dedicated to everything within this field.
Most of my knowledge is self-taught from many places on the
internet. I encourage you to browse my LinkedIn, since I
periodically post my hobby projects on there, and my skills are
described further in depth.
</div>
</div>
<style>
.short-profile-container{
display: grid;
place-items: center;
width: 90%;
}
.short-profile-container > div:first-child {
width: 100%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
}
</style>

29
src/routes/zhen/cv/Comps/ShortProfile.svelte Normal file
View file

@ -0,0 +1,29 @@
<div class="short-profile-container">
<div>
<b style="text-align:left;">
Short profile
</b>
</div>
<div>
Student at NEXT-Copenhagen
Mediagymnasium and
volunteer at Kildevæld
Makerspace.
</div>
</div>
<style>
.short-profile-container{
display: grid;
place-items: center;
width: 70%;
}
.short-profile-container > div:first-child {
width: 100%;
/* Bottom border stripe*/
border-bottom: 1mm solid black;
}
</style>