Added education

src/routes/zhen/CVs/Comps/Education.svelte

@@ -0,0 +1,88 @@
+<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%;
+        border-bottom: 0.25mm solid #000000;
+
+        & > div {
+            padding-left: 3mm;
+
+            text-align: start;
+            font-size: 4mm;
+        }
+
+        & > img {
+            border-radius: 2.5mm;
+        }
+    }
+</style>

src/routes/zhen/CVs/epos/+page.svelte

@@ -3,6 +3,7 @@
     import ShortProfile from "../Comps/ShortProfile.svelte"
     import CombinedContacts from "../Comps/CombinedContacts.svelte"
     import LinkedInQR from "../Comps/LinkedInQR.svelte";
+    import Education from "../Comps/Education.svelte";
 </script>
 
 <div class="cv-container-container include-in-print">
@@ -13,7 +14,9 @@
             <CombinedContacts/>
             <LinkedInQR/>
         </div>
-        <div id="right-section"></div>
+        <div id="right-section">
+            <Education/>
+        </div>
     </div>
 </div> 
 
@@ -58,5 +61,8 @@
 
     #right-section{
         width: calc(100% / 3 * 2);
+
+        display: grid;
+        place-items: center;
     }
 </style>