Added contacts to my cv

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

24
package-lock.json generated
View File

@ -16,6 +16,7 @@
"@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^3.0.0",
"@zerodevx/svelte-img": "^2.1.0",
"sass": "^1.77.4",
"svelte": "^4.2.7",
"svelte-check": "^3.6.0",
"svelte-highlight": "^7.6.0",
@ -1505,6 +1506,12 @@
"node": ">=12.0.0"
}
},
"node_modules/immutable": {
"version": "4.3.6",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
"integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
"dev": true
},
"node_modules/import-fresh": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@ -2150,6 +2157,23 @@
"rimraf": "^2.5.2"
}
},
"node_modules/sass": {
"version": "1.77.4",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.77.4.tgz",
"integrity": "sha512-vcF3Ckow6g939GMA4PeU7b2K/9FALXk2KF9J87txdHzXbUF9XRQRwSxcAs/fGaTnJeBFd7UoV22j3lzMLdM0Pw==",
"dev": true,
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
"sass": "sass.js"
},
"engines": {
"node": ">=14.0.0"
}
},
"node_modules/semver": {
"version": "7.6.2",
"resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",

View File

@ -15,6 +15,7 @@
"@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^3.0.0",
"@zerodevx/svelte-img": "^2.1.0",
"sass": "^1.77.4",
"svelte": "^4.2.7",
"svelte-check": "^3.6.0",
"svelte-highlight": "^7.6.0",

View File

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

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>

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>

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>

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>