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

Added contacts to my cv

Browse source
This commit is contained in:
BOTAlex 2024-06-06 00:09:49 +02:00
parent 41a6bb66b7
commit 87b2af3118
7 changed files with 160 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/routes/zhen/CVs/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/>

64
src/routes/zhen/CVs/Comps/Contact.svelte Normal file
View file

@ -0,0 +1,64 @@
<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%;
text-align: center;
font-size: 4mm;
}
&:nth-child(2) {
width: 65%;
font-size: 3.75mm;
display: flex;
align-self: flex-end;
}
}
}
</style>

60
src/routes/zhen/CVs/Comps/OtherContact.svelte Normal file
View file

@ -0,0 +1,60 @@
<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%;
text-align: center;
font-size: 4mm;
}
&:nth-child(2) {
width: 65%;
font-size: 3.75mm;
display: flex;
align-self: flex-end;
}
}
}
</style>

4
src/routes/zhen/CVs/epos/+page.svelte
View file

@ -1,6 +1,7 @@
<script lang="ts">
<script>
import NameAndImage from "../Comps/NameAndImage.svelte";
import ShortProfile from "../Comps/ShortProfile.svelte"
import CombinedContacts from "../Comps/CombinedContacts.svelte"
</script>
<div class="cv-container-container include-in-print">
@ -8,6 +9,7 @@
<div id="left-section">
<NameAndImage/>
<ShortProfile/>
<CombinedContacts/>
</div>
<div id="right-section"></div>
</div>

2
src/routes/zhen/Comps/AboutMe.svelte
View file

@ -13,6 +13,6 @@
}
.bottom-dotted-line {
border-bottom: 4px dotted rgb(178, 178, 178);;
border-bottom: 4px dotted rgb(178, 178, 178);
}
</style>