json-theme-even-fork/components/education.js

43 lines
1.3 KiB
JavaScript

import html from '../utils/html.js'
import markdown from '../utils/markdown.js'
import Duration from './duration.js'
import Link from './link.js'
/**
* @param {import('../schema.d.ts').ResumeSchema['education']} education
* @returns {string | false}
*/
export default function Education(education = []) {
return (
education.length > 0 &&
html`
<section id="education">
<h3>Education</h3>
<div class="stack">
${education.map(
({ area, courses = [], institution, startDate, endDate, studyType, url }) => html`
<article>
<header>
<h4>${Link(url, institution)}</h4>
<div class="meta">
${area && html`<strong>${area}</strong>`}
${startDate && html`<div>${Duration(startDate, endDate)}</div>`}
</div>
</header>
${studyType && markdown(studyType)}
${courses.length > 0 &&
html`
<h5>Courses</h5>
<ul>
${courses.map(course => html`<li>${markdown(course)}</li>`)}
</ul>
`}
</article>
`,
)}
</div>
</section>
`
)
}