30 lines
792 B
JavaScript
30 lines
792 B
JavaScript
|
import html from '../utils/html.js'
|
||
|
|
import markdown from '../utils/markdown.js'
|
||
|
|
import Date from './date.js'
|
||
|
|
|
||
|
|
export default function Awards(awards = []) {
|
||
|
|
return awards.length > 0 && html`
|
||
|
|
<section id="awards">
|
||
|
|
<h3>Awards</h3>
|
||
|
|
<div class="stack">
|
||
|
|
${awards.map(({ awarder, date, summary, title }) => html`
|
||
|
|
<article>
|
||
|
|
<header>
|
||
|
|
<h4>${title}</h4>
|
||
|
|
<div class="meta">
|
||
|
|
${awarder && html`
|
||
|
|
<div>
|
||
|
|
Awarded by <strong>${awarder}</strong>
|
||
|
|
</div>
|
||
|
|
`}
|
||
|
|
${date && Date(date)}
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
${summary && markdown(summary)}
|
||
|
|
</article>
|
||
|
|
`)}
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
`
|
||
|
|
}
|