✨ cv is now live
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
parent
7c1d170909
commit
88cf0ff50a
4 changed files with 276 additions and 4 deletions
95
src/pages/cv.astro
Normal file
95
src/pages/cv.astro
Normal 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>
|
|
@ -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
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue