diff --git a/src/data/initialCv.json b/src/data/initialCv.json
index 0b8ca38..6a572a9 100644
--- a/src/data/initialCv.json
+++ b/src/data/initialCv.json
@@ -117,4 +117,4 @@
"databases": ["MongoDB", "PostgreSQL", "MySQL"],
"developerTools": ["Git", "Docker", "Jenkins", "AWS"]
}
-}
+}
\ No newline at end of file
diff --git a/src/templates/JakesResume.tsx b/src/templates/JakesResume.tsx
index 0c97d79..ddc6aba 100644
--- a/src/templates/JakesResume.tsx
+++ b/src/templates/JakesResume.tsx
@@ -1,4 +1,4 @@
-import './jakesResume.css';
+import "./jakesResume.css";
import type {
Certification,
@@ -15,7 +15,6 @@ type CvProps = {
};
export default function JakesResume({ cvData }: CvProps) {
-
const hasSkills =
cvData.skills?.programmingLanguages?.length > 0 ||
cvData.skills?.frameworks?.length > 0 ||
@@ -24,15 +23,14 @@ export default function JakesResume({ cvData }: CvProps) {
return (
-
+
-
+
{cvData.personalInfo.name}
-
+
{cvData.personalInfo.socials.map((social: Social) => {
-
return social.value === "" ? null : (
{cvData.education?.length > 0 && (
-
+
Education
{cvData.education.map((edu: Education) => {
return (
-
+
{edu.institution}
-
{edu.degree}
-
-
{formatPeriod(edu.startDate, edu.endDate)}
+
+
+
+
{edu.degree}
{edu.location}
@@ -72,7 +71,7 @@ export default function JakesResume({ cvData }: CvProps) {
)}
{cvData.workExperience?.length > 0 && (
-
+
Experience
{cvData.workExperience.map((job: WorkExperience) => {
@@ -84,25 +83,28 @@ export default function JakesResume({ cvData }: CvProps) {
job.endDate.trim() == "";
return emptyExperience ? null : (
-
+
-
-
{job.position}
-
{job.company}
-
+
{job.position}
+
{formatPeriod(job.startDate, job.endDate)}
+
-
-
{formatPeriod(job.startDate, job.endDate)}
-
{job.location}
-
+
+
{job.company}
+
{job.location}
-
+
{job.highlights.map((highlight: string, index: number) => {
return highlight.trim() === "" ? (
""
) : (
- - {highlight.trim()}
+ -
+ {highlight.trim()}
+
);
})}
@@ -113,12 +115,12 @@ export default function JakesResume({ cvData }: CvProps) {
)}
{cvData.projects?.length > 0 && (
-
+
Projects
-
+
{cvData.projects.map((project: Project) => {
return (
-
+
@@ -135,11 +137,16 @@ export default function JakesResume({ cvData }: CvProps) {
-
+
{project.highlights.map(
(highlight: string, index: number) => {
return (
- - {highlight}
+ -
+ {highlight}
+
);
},
)}
@@ -152,7 +159,7 @@ export default function JakesResume({ cvData }: CvProps) {
)}
{cvData.certifications?.length > 0 && (
-
+
Certifications
{cvData.certifications.map((certification: Certification) => {
const emptyCert: boolean =
@@ -163,7 +170,7 @@ export default function JakesResume({ cvData }: CvProps) {
return emptyCert ? null : (
@@ -179,33 +186,33 @@ export default function JakesResume({ cvData }: CvProps) {
)}
{hasSkills && (
-
+
Technical Skills
-
+
{cvData.skills.programmingLanguages.length > 0 && (
-
-
Programming Languages:
+
+ Programming Languages:
{cvData.skills.programmingLanguages.join(", ")}
)}
{cvData.skills.frameworks.length > 0 && (
-
-
Frameworks / Libraries:
+
+ Frameworks / Libraries:
{cvData.skills.frameworks.join(", ")}
)}
{cvData.skills.databases.length > 0 && (
-
-
Databases:
+
+ Databases:
{cvData.skills.databases.join(", ")}
)}
{cvData.skills.developerTools.length > 0 && (
-
-
Developer Tools:
+
+ Developer Tools:
{cvData.skills.developerTools.join(", ")}
)}
diff --git a/src/templates/jakesResume.css b/src/templates/jakesResume.css
index 463ef95..ab9808f 100644
--- a/src/templates/jakesResume.css
+++ b/src/templates/jakesResume.css
@@ -52,8 +52,15 @@
.section-title {
font-family: "Latin Modern Caps", serif;
font-variant: small-caps;
- border-bottom: 1px solid black;
- width: 100%;
display: block;
- margin-bottom: 2pt;
+ margin-bottom: 3pt;
+}
+
+.section-title::after {
+ content: "";
+ display: block;
+ width: 100%;
+ height: 1px;
+ background-color: black;
+ margin-top: 3pt;
}
diff --git a/src/utils/formatDate.ts b/src/utils/formatDate.ts
index 825aa00..0b11c92 100644
--- a/src/utils/formatDate.ts
+++ b/src/utils/formatDate.ts
@@ -13,5 +13,5 @@ export const formatDate = (dateString: string | null): string => {
};
export const formatPeriod = (start = "2020-01-01", end: string | null): string => {
- return `${formatDate(start)} - ${formatDate(end)}`;
+ return `${formatDate(start)} \u2013 ${formatDate(end)}`;
};