masq
/
json-theme-even-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(projects): display project type and keywords (#18)

This commit is contained in:
Robert Schäfer 2023-09-01 03:05:33 +02:00 committed by GitHub
parent a33af42da8
commit 501ca1ae4d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/projects.js
View File

@ -12,7 +12,7 @@ export default function Projects(projects = []) {
<section id="projects"> <section id="projects">
<h3>Projects</h3> <h3>Projects</h3>
<div class="stack"> <div class="stack">
${projects.map(({ description, entity, highlights = [], name, startDate, endDate, roles = [], url }) => html` ${projects.map(({ description, entity, highlights = [], keywords = [], name, startDate, endDate, roles = [], type, url }) => html`
<article> <article>
<header> <header>
<h4>${Link(url, name)}</h4> <h4>${Link(url, name)}</h4>
@ -22,6 +22,7 @@ export default function Projects(projects = []) {
${entity && html`at <strong>${entity}</strong>`} ${entity && html`at <strong>${entity}</strong>`}
</div> </div>
<div>${Duration(startDate, endDate)}</div> <div>${Duration(startDate, endDate)}</div>
${type && html`<div>${type}</div>`}
</div> </div>
</header> </header>
${description && markdown(description)} ${description && markdown(description)}
@ -30,6 +31,11 @@ export default function Projects(projects = []) {
${highlights.map(highlight => html`<li>${markdown(highlight)}</li>`)} ${highlights.map(highlight => html`<li>${markdown(highlight)}</li>`)}
</ul> </ul>
`} `}
${keywords.length > 0 && html`
<ul class="tag-list">
${keywords.map(keyword => html`<li>${keyword}</li>`)}
</ul>
`}
</article> </article>
`)} `)}
</div> </div>

6
test/__snapshots__/index.test.js.snap
View File

@ -162,6 +162,7 @@ exports[`renders a resume 1`] = `
at <strong>Smoogle</strong> at <strong>Smoogle</strong>
</div> </div>
<div><time datetime=\\"2016-08-24\\">Aug 2016</time> – <time datetime=\\"2016-08-24\\">Aug 2016</time></div> <div><time datetime=\\"2016-08-24\\">Aug 2016</time> – <time datetime=\\"2016-08-24\\">Aug 2016</time></div>
<div>application</div>
</div> </div>
</header> </header>
<p>A mapping engine that misguides you</p> <p>A mapping engine that misguides you</p>
@ -170,6 +171,11 @@ exports[`renders a resume 1`] = `
<li><p>Won award at AIHacks 2016</p></li><li><p>Built by all women team of newbie programmers</p></li><li><p>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</p></li> <li><p>Won award at AIHacks 2016</p></li><li><p>Built by all women team of newbie programmers</p></li><li><p>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</p></li>
</ul> </ul>
<ul class=\\"tag-list\\">
<li>GoogleMaps</li><li>Chrome Extension</li><li>Javascript</li>
</ul>
</article> </article>
</div> </div>