From cf041b8c89285c600dbc18a9feacc682956991c7 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Thu, 6 Jun 2024 03:50:14 +0200
Subject: [PATCH] Started on profile. Not done

---
 src/routes/zhen/CVs/Comps/Profile.svelte | 31 ++++++++++++++++++++++++
 src/routes/zhen/CVs/epos/+page.svelte    |  3 +++
 2 files changed, 34 insertions(+)
 create mode 100644 src/routes/zhen/CVs/Comps/Profile.svelte

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>