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)}`; };