2024-10-18 11:49:26 +02:00
|
|
|
<html lang="en">
|
|
|
|
|
<!--
|
2026-05-16 19:08:52 +02:00
|
|
|
Welcome to the source code of the resume of Anders Englöf Ytterström!
|
2024-10-18 11:49:26 +02:00
|
|
|
|
|
|
|
|
I apologize for the ending slash (/) in the void elements, this
|
|
|
|
|
is due to an opinion that won't be added as an option to skip in
|
|
|
|
|
Prettier: https://github.com/prettier/prettier/issues/5246
|
|
|
|
|
|
|
|
|
|
Anyways, hope you fint my code entertaining to read! The _content_ is
|
|
|
|
|
best viewed in a web browser, though. :)
|
|
|
|
|
|
|
|
|
|
Colophon:
|
2026-05-16 19:08:52 +02:00
|
|
|
- Smed, the pluggable static site generator.
|
2024-10-18 11:49:26 +02:00
|
|
|
- Prettier, for code formatting.
|
2026-05-16 19:08:52 +02:00
|
|
|
- Jinja2, not my favorite template engine but it does the job.
|
2024-10-18 11:49:26 +02:00
|
|
|
- Markdown.
|
2026-05-16 19:08:52 +02:00
|
|
|
- Plain old CSS.
|
2024-10-18 11:49:26 +02:00
|
|
|
|
|
|
|
|
Internet Explorer support was not considered when
|
|
|
|
|
creating this page. I apologize if this is an issue for you.
|
|
|
|
|
-->
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<title>{{title}} | {{name}}</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width" />
|
|
|
|
|
<meta
|
|
|
|
|
property="og:title"
|
|
|
|
|
content="{{ogdesk}}"
|
|
|
|
|
/>
|
|
|
|
|
<meta property="og:description" content="CV" />
|
|
|
|
|
<meta property="og:image" content="fixme.jpg" />
|
|
|
|
|
<link rel="stylesheet" href="./cv.css" />
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<main class="resume">
|
|
|
|
|
<div class="name">
|
|
|
|
|
<header>
|
|
|
|
|
<hgroup>
|
|
|
|
|
<h1>{{name}}</h1>
|
|
|
|
|
<div role="doc-subtitle">{{subtitle}}</div>
|
|
|
|
|
</hgroup>
|
|
|
|
|
</header>
|
|
|
|
|
<footer class="vcard">
|
|
|
|
|
<address>{{address}}</address>
|
|
|
|
|
<dl class="contact">
|
|
|
|
|
<dt>Phone:</dt>
|
|
|
|
|
<dd><a href="tel:+46702169645">+46 70 216 96 45</a></dd>
|
|
|
|
|
<dt>Email:</dt>
|
|
|
|
|
<dd><a href="mailto:{{email}}">{{email}}</a></dd>
|
2026-05-16 19:08:52 +02:00
|
|
|
<dt>Codeberg:</dt>
|
|
|
|
|
<dd><a href="https://codeberg.org/{{codeberg}}" rel="external" title="Codeberg">{{codeberg}}</a></dd>
|
2024-10-18 11:49:26 +02:00
|
|
|
<dt>Website:</dt>
|
|
|
|
|
<dd><a href="https://{{website}}" rel="external" title="Website">{{website}}</a></dd>
|
|
|
|
|
</dl>
|
|
|
|
|
</footer>
|
|
|
|
|
</div>
|
|
|
|
|
<section class="about">
|
|
|
|
|
<div>
|
2026-05-16 19:08:52 +02:00
|
|
|
{{content}}
|
2024-10-18 11:49:26 +02:00
|
|
|
</div>
|
|
|
|
|
<span>
|
2026-05-16 19:08:52 +02:00
|
|
|
<a href="./cv-anders-englof-ytterstrom.pdf" download>Download as PDF</a>
|
2024-10-18 11:49:26 +02:00
|
|
|
</span>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="skills">
|
|
|
|
|
<h2>Skills</h2>
|
|
|
|
|
<dl class="skillset">
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for area, values in skills.items() %}
|
|
|
|
|
<dt>{{ area }}</dt>
|
|
|
|
|
<dd>{{ values }}</dd>
|
|
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</dl>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="work">
|
|
|
|
|
<h2>Experience</h2>
|
|
|
|
|
<div class="timeline">
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for w in work %}
|
2024-10-18 11:49:26 +02:00
|
|
|
<article class="event">
|
2026-05-16 19:08:52 +02:00
|
|
|
<h3 class="event__title">{{ w.employer }}, {{ w.type }}</h3>
|
|
|
|
|
<div class="event__location event__aside">{{ w.location }}</div>
|
|
|
|
|
<div class="event__position">{{ w.position }}</div>
|
|
|
|
|
<div class="event__date event__aside">{{ w.date }}</div>
|
2024-10-18 11:49:26 +02:00
|
|
|
<div class="event__content">
|
|
|
|
|
<ul>
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for responsibility in w.responsibilies %}
|
|
|
|
|
<li>{{ responsibility }}</li>
|
|
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</article>
|
2026-05-16 19:08:52 +02:00
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="education">
|
|
|
|
|
<h2>Education</h2>
|
|
|
|
|
<div class="timeline">
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for e in education %}
|
2024-10-18 11:49:26 +02:00
|
|
|
<article class="event">
|
2026-05-16 19:08:52 +02:00
|
|
|
<h3 class="event__title">{{ e.institution }}</h3>
|
|
|
|
|
<div class="event__location event__aside">{{ e.location }}</div>
|
|
|
|
|
<div class="event__position">{{ e.graduation }}</div>
|
|
|
|
|
<div class="event__date event__aside">{{ e.date }}</div>
|
2024-10-18 11:49:26 +02:00
|
|
|
<div class="event__content">
|
2026-05-16 19:08:52 +02:00
|
|
|
{{ e.fields }}
|
2024-10-18 11:49:26 +02:00
|
|
|
</div>
|
|
|
|
|
</article>
|
2026-05-16 19:08:52 +02:00
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="projects">
|
|
|
|
|
<h2>Projects</h2>
|
|
|
|
|
<div class="timeline">
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for p in projects %}
|
2024-10-18 11:49:26 +02:00
|
|
|
<article class="event">
|
2026-05-16 19:08:52 +02:00
|
|
|
<h3 class="event__title">{{ p.name }}</h3>
|
2024-10-18 11:49:26 +02:00
|
|
|
<i></i>
|
2026-05-16 19:08:52 +02:00
|
|
|
<div class="event__position">{{ p.context }}</div>
|
|
|
|
|
<div class="event__aside">{{ p.date }}</div>
|
2024-10-18 11:49:26 +02:00
|
|
|
<div class="event__content">
|
|
|
|
|
<ul>
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for responsibility in responsibilies %}
|
|
|
|
|
<li>{{ responsibility }}</li>
|
|
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</article>
|
2026-05-16 19:08:52 +02:00
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="courses">
|
|
|
|
|
<h2 class="h-aside">Courses, Conferences & Certifications</h2>
|
|
|
|
|
<ul>
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for course in courses %}
|
|
|
|
|
<li>{{ course }}</li>
|
|
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
<section class="personal">
|
|
|
|
|
<h2 class="h-aside">Personal Projects</h2>
|
|
|
|
|
<div class="timeline">
|
2026-05-16 19:08:52 +02:00
|
|
|
{% for k, v in personal.items() %}
|
2024-10-18 11:49:26 +02:00
|
|
|
<article class="event event--aside">
|
2026-05-16 19:08:52 +02:00
|
|
|
<h3 class="event__title">{{ k }}</h3>
|
2024-10-18 11:49:26 +02:00
|
|
|
<i></i>
|
|
|
|
|
<div class="event__content">
|
2026-05-16 19:08:52 +02:00
|
|
|
<p>{{ v }}</p>
|
2024-10-18 11:49:26 +02:00
|
|
|
</div>
|
|
|
|
|
</article>
|
2026-05-16 19:08:52 +02:00
|
|
|
{% endfor %}
|
2024-10-18 11:49:26 +02:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
</main>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
