From d76877b674bcfacbd38997186474ad8aac7a8a4f Mon Sep 17 00:00:00 2001
From: Ivan Dimitrov <ivan@idimitrov.dev>
Date: Mon, 13 Nov 2023 17:58:00 +0200
Subject: [PATCH] education

---
 cv.tsx | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 66 insertions(+), 1 deletion(-)

diff --git a/cv.tsx b/cv.tsx
index 5f3d0f1..5e1cd20 100644
--- a/cv.tsx
+++ b/cv.tsx
@@ -20,6 +20,17 @@ type Experience = {
   feedback?: string
 }
 
+type Education = {
+  institution: string
+  location: string
+  degree: string
+  field: string
+  from: Date
+  to: Date
+  summary: string
+  links?: A[]
+}
+
 const tw = createTw({
 });
 
@@ -40,7 +51,7 @@ const globePath = "M6.487 1.746c0 4.192 3.592 1.66 4.592 5.754 0 .828 1 1.5 2 1.
 
 const divider =
   <View style={tw("w-full mt-4")}>
-    <View style={tw("w-full border-slate-50 border-b-[.02px]")}></View>
+    <View style={tw("w-full border-slate-50 border-b-[.2px]")}></View>
   </View>
 
 
@@ -266,6 +277,42 @@ const experience = ({
     </View>
   </View>
 
+const education = ({
+  institution,
+  location,
+  degree,
+  field,
+  from,
+  to,
+  summary,
+  links
+}: Education) =>
+  <View style={tw(sectionStyles)}>
+    <View style={tw("w-full flex flex-col mt-2 border-2 border-slate-50 p-4 rounded-2xl")}>
+      <View style={tw("flex flex-row flex-wrap gap-1")}>
+        <Text>Studied {degree} of {field}</Text>
+        <Text>at</Text>
+        <Text>{institution}, {location}</Text>
+        <Text>from</Text>
+        <Text>{from.toDateString()}</Text>
+        <Text>to</Text>
+        <Text>{to.toDateString()}</Text>
+      </View>
+      {links && (
+        <View style={tw("flex flex-row flex-wrap w-full gap-2 justify-center")}>
+          {links.map(l => (
+            <View key={l.href} style={tw("flex flex-row gap-2")}>
+              {svg([linkPath])}
+              <Text style={tw("text-sm")}>{l.text}</Text>
+            </View>
+          ))}
+        </View>
+      )}
+      <View style={tw("m-4")}>
+        <Text>{summary}</Text>
+      </View>
+    </View>
+  </View>
 const Links = () => (
   <View style={tw("flex flex-row gap-4 w-full text-sm justify-center p-4")}>
     {github}
@@ -374,6 +421,24 @@ const CV = () => (
         })}
       </View>
     </Page>
+    <Page
+      size="A4"
+      style={tw(pageStyles)}
+    >
+      <View style={tw("my-2")}>
+        {divider}
+        <Text style={tw("text-2xl mt-2")}>Education</Text>
+        {education({
+          institution: "South-West University 'Neofit Rilski'",
+          location: "Blagoevgrad, Bulgaria",
+          degree: "Bachelor's",
+          field: "Electronics",
+          from: new Date("Sep 2016"),
+          to: new Date("Jun 2018"),
+          summary: "This is an engineering degree focused on the science of electronics and electrical engineering. It studies the physical properties of individual electrons and the forces that take place when current is flowing through a circuit. Those same forces make computers possible through carefully engineered logic gates built with transistors."
+        })}
+      </View>
+    </Page>
   </Document>
 );