cv is now live

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-01-06 21:37:12 +01:00
parent 7c1d170909
commit 88cf0ff50a
Signed by untrusted user who does not match committer: sidski
GPG key ID: D2BBDF3EDE6BA9A6
4 changed files with 276 additions and 4 deletions

95
src/pages/cv.astro Normal file
View file

@ -0,0 +1,95 @@
---
import SectionContainer from '../components/SectionContainer.astro';
import resume from '../data/resume.json';
---
<SectionContainer>
<main class="flex flex-col gap-4 mt-4 cv">
<h1 class="text-3xl font-extrabold">📜 Sindre Kjelsrud</h1>
<blockquote><p><em>Last update: {resume.meta.lastModified}</em></p></blockquote>
<!-- PROFILE -->
<div>
<h2>Profile</h2>
<p>{resume.basics.summary}</p>
</div>
<!-- WORK -->
<div>
<h2>Work</h2>
<div class="flex flex-col gap-2">
{resume.work.map((work) => (
<div>
<div class="flex gap-2 flex-wrap items-center justify-between">
<div class="flex gap-2 flex-wrap items-center">
<h3>{work.position}</h3>
<p><a href={work.url}>{work.name}</a></p>
</div>
<p class="cv-date">{work.startDate} - {work.endDate}</p>
</div>
<ul>
{work.highlights.map((highlight) => (
<li>{highlight}</li>
))}
</ul>
</div>
))}
</div>
</div>
<!-- EDUCATION -->
<div>
<h2>Education</h2>
<div class="flex flex-col gap-2">
{resume.education.map((education) => (
<div class="flex gap-2 flex-wrap items-center justify-between">
<div class="flex gap-2 flex-wrap items-center">
<h3>{education.area}</h3>
<p><a href={education.url}>{education.institution}</a></p>
</div>
<p class="cv-date">{education.startDate} - {education.endDate}</p>
</div>
))}
</div>
</div>
<!-- VOLUNTEER -->
<div>
<h2>Volunteer</h2>
<div class="flex flex-col gap-2">
{resume.volunteer.map((volunteer) => (
<div>
<div class="flex gap-2 flex-wrap items-center justify-between">
<div class="flex gap-2 flex-wrap items-center">
<h3>{volunteer.position}</h3>
<p><a href={volunteer.url}>{volunteer.organization}</a></p>
</div>
<p class="cv-date">{volunteer.startDate} - {volunteer.endDate}</p>
</div>
<ul>
{volunteer.highlights.map((highlight) => (
<li>{highlight}</li>
))}
</ul>
</div>
))}
</div>
</div>
<!-- SKILLS -->
<div>
<h2>Skills</h2>
<div class="flex flex-col gap-2">
{resume.skills.map((skill) => (
<div>
<h3>{skill.name}</h3>
<div>
{skill.keywords.join(', ')}
</div>
</div>
))}
</div>
</div>
</main>
</SectionContainer>

View file

@ -8,7 +8,7 @@ layout: "../layouts/Layout.astro"
[🌐 **connect**](/connect) · ways to reach me across the cyberspace
[📜 **cv** (under construction)](/) · my resume
[📜 **cv**](/cv) · my resume
[🌱 **digital garden**](/garden) · wild garden, filled with drafts, ideas and more