sidski/kjelsrud.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

📜 update cv

Browse source 
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
This commit is contained in:
Sid 2024-08-15 09:44:27 +02:00
parent 1ca57d536d
commit 3c59e048cf
Signed by: sidski
GPG key ID: D2BBDF3EDE6BA9A6
2 changed files with 169 additions and 180 deletions
Download patch file Download diff file Expand all files Collapse all files

140
src/pages/cv.astro
View file

@ -1,98 +1,118 @@
---
import SectionContainer from '../components/SectionContainer.astro';
import resume from '../data/resume.json';
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>
<main class="flex flex-col gap-2 mt-4 cv">
<h1 class="text-3xl font-extrabold">Sindre Kjelsrud</h1>
<!-- PROFILE -->
<div>
<h2>Profile</h2>
<p>{resume.basics.summary}</p>
</div>
<!-- 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) => (
<!-- WORK -->
<div>
<h2>Relevant 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 class="font-bold"><a href={work.url}>{work.name}</a></p>
<h4>{work.position}</h4>
<p class="font-bold">
<a href={work.url}>{work.name}</a>
</p>
</div>
<p class="cv-date">{work.startDate} - {work.endDate}</p>
<p class="cv-date">
{work.startDate} - {work.endDate}
</p>
</div>
<ul>
{work.highlights.map((highlight) => (
<li>{highlight}</li>
<li>{highlight}</li>
))}
</ul>
</div>
))}
</div>
))
}
</div>
</div>
<!-- EDUCATION -->
<div>
<h2>Education</h2>
<div class="flex flex-col gap-2">
{resume.education.map((education) => (
<!-- EDUCATION -->
<div>
<h2>Education</h2>
<div class="flex flex-col gap-2">
{
resume.education.map((education) => (
<div class="flex md:gap-2 flex-wrap items-center justify-between">
<div class="flex md:gap-2 flex-wrap items-center">
<h3>{education.area}</h3>
<p class="font-bold"><a href={education.url}>{education.institution}</a></p>
<h4>{education.area}</h4>
<p class="font-bold">
<a href={education.url}>{education.institution}</a>
</p>
</div>
<p class="cv-date">{education.startDate} - {education.endDate}</p>
{education.description ?
<ul><li class="text-s">{education.description}</pli></ul>
: null}
<p class="cv-date">
{education.startDate} - {education.endDate}
</p>
{education.description ? (
<ul>
<li class="text-s">{education.description}</li>
</ul>
) : null}
</div>
))}
</div>
))
}
</div>
<!-- VOLUNTEER -->
<div>
<h2>Volunteer</h2>
<div class="flex flex-col gap-2">
{resume.volunteer.map((volunteer) => (
</div>
<!-- VOLUNTEER -->
<div>
<h2>Volunteer work</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 class="font-bold"><a href={volunteer.url}>{volunteer.organization}</a></p>
<h4>{volunteer.organization}</h4>
<p class="font-bold">
<a href={volunteer.url}>{volunteer.position}</a>
</p>
</div>
<p class="cv-date">{volunteer.startDate} - {volunteer.endDate}</p>
<p class="cv-date">
{volunteer.startDate} - {volunteer.endDate}
</p>
</div>
<ul>
{volunteer.highlights.map((highlight) => (
<li>{highlight}</li>
<li>{highlight}</li>
))}
</ul>
</div>
))}
</div>
))
}
</div>
<!-- SKILLS -->
<div>
<h2>Skills</h2>
<div class="flex flex-col gap-2">
{resume.skills.map((skill) => (
</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>
<h4>{skill.name}</h4>
<div>{skill.keywords.join(", ")}</div>
</div>
))}
</div>
))
}
</div>
</main>
</div>
</main>
</SectionContainer>