sync

README.md

@@ -91,6 +91,7 @@ serve -s
 
 <h3>Future Features:</h3>
 
+- [ ] .down-indicator popup text on hover, "scroll down to see my projects!"
 - [ ] Rewrite CSS into components/modules (v.0.0.2)
 - [ ] Read in data for portfolio a plain text files. (v.0.0.2)
 - [ ] Script to easily add new projects. (v.0.0.2)

src/Resume.jsx

@@ -50,6 +50,16 @@ export default function Resume() {
       ],
     },
   ];
+
+  const eduData = [
+    {
+      institution: "",
+      degree: "",
+      gpa: "",
+      start: "",
+      end: "",
+    }
+  ];
   return (
     <>
       <div id="resume-section">
@@ -59,12 +69,32 @@ export default function Resume() {
         {jobData.map((job, index) => (
           <Job key={index} company={job.company} title={job.title} start={job.start} end={job.end} location={job.location} responsibilities={job.responsibilities} />
         ))}
-        <a href="/"><h3>Coding Experience</h3></a>
+        <h3>Education</h3>
+
+        <a href="/"><h3>Click here for my coding experience & skills!</h3></a>
       </div>
     </>
   );
 }
 
+function Education({ institution, degree, gpa, start, end }) {
+  return (
+    <>
+
+      <div className="edu-header">
+        <div className="edu-header-row">
+          <div className="edu-and-degree">
+            <h4>{institution}</h4>
+            <h6>- {degree}</h6>
+          </div>
+          <h6 className="edu-time">{start} - {end}</h6>
+        </div>
+      </div>
+
+    </>
+  );
+}
+
 function Job({ company, title, start, end, location, responsibilities }) {
   return (
     <>

src/main.css

@@ -721,7 +721,8 @@ p {
 
 .job {
   width: 100%;
-  border: 1px solid white;
+  border-top: 1px solid var(--accent-0);
+  padding: 0vw 1vw 1vw 1vw;
 }
 
 .job-header-row {
@@ -732,7 +733,6 @@ p {
 
 .job-time {
   justify-self: right;
-  justify-content: right;
 }
 
 .company-and-location {