diff --git a/src/routes/zhen/CVs/Comps/Profile.svelte b/src/routes/zhen/CVs/Comps/Profile.svelte new file mode 100644 index 0000000..57e7291 --- /dev/null +++ b/src/routes/zhen/CVs/Comps/Profile.svelte @@ -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> \ No newline at end of file diff --git a/src/routes/zhen/CVs/epos/+page.svelte b/src/routes/zhen/CVs/epos/+page.svelte index 755ba7f..a7ec252 100644 --- a/src/routes/zhen/CVs/epos/+page.svelte +++ b/src/routes/zhen/CVs/epos/+page.svelte @@ -4,6 +4,8 @@ import CombinedContacts from "../Comps/CombinedContacts.svelte" import LinkedInQR from "../Comps/LinkedInQR.svelte"; import Education from "../Comps/Education.svelte"; + + import Profile from "../Comps/Profile.svelte"; </script> <div class="cv-container-container include-in-print"> @@ -15,6 +17,7 @@ <LinkedInQR/> </div> <div id="right-section"> + <Profile/> <Education/> </div> </div>