Migrate from Handlebars to Jinja

This commit is contained in:
Anders Englöf Ytterström 2026-05-16 19:08:52 +02:00
parent 082e3de2cc
commit afd0d72ce6

View file

@ -1,6 +1,6 @@
<html lang="en">
<!--
Welcome to the source code of the resume of Anders Ytterström!
Welcome to the source code of the resume of Anders Englöf Ytterström!
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
@ -10,11 +10,11 @@
best viewed in a web browser, though. :)
Colophon:
- Metalsmith, the pluggable static site generator.
- Smed, the pluggable static site generator.
- Prettier, for code formatting.
- Handlebars, not my favorite template engine but it does the job.
- Jinja2, not my favorite template engine but it does the job.
- Markdown.
- Plain old CSS, for a change.
- Plain old CSS.
Internet Explorer support was not considered when
creating this page. I apologize if this is an issue for you.
@ -48,8 +48,8 @@
<dd><a href="tel:+46702169645">+46 70 216 96 45</a></dd>
<dt>Email:</dt>
<dd><a href="mailto:{{email}}">{{email}}</a></dd>
<dt>Github:</dt>
<dd><a href="https://github.com/{{github}}" rel="external" title="Github">{{github}}</a></dd>
<dt>Codeberg:</dt>
<dd><a href="https://codeberg.org/{{codeberg}}" rel="external" title="Codeberg">{{codeberg}}</a></dd>
<dt>Website:</dt>
<dd><a href="https://{{website}}" rel="external" title="Website">{{website}}</a></dd>
</dl>
@ -57,98 +57,98 @@
</div>
<section class="about">
<div>
{{{contents}}}
{{content}}
</div>
<span>
<a href="./cv-anders-englof-ytterstrom.pdf">Download as PDF</a>
<a href="./cv-anders-englof-ytterstrom.pdf" download>Download as PDF</a>
</span>
</section>
<section class="skills">
<h2>Skills</h2>
<dl class="skillset">
{{#each skills}}
<dt>{{@key}}</dt>
<dd>{{.}}</dd>
{{/each}}
{% for area, values in skills.items() %}
<dt>{{ area }}</dt>
<dd>{{ values }}</dd>
{% endfor %}
</dl>
</section>
<section class="work">
<h2>Experience</h2>
<div class="timeline">
{{#each work}}
{% for w in work %}
<article class="event">
<h3 class="event__title">{{employer}}, {{type}}</h3>
<div class="event__location event__aside">{{location}}</div>
<div class="event__position">{{position}}</div>
<div class="event__date event__aside">{{date}}</div>
<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>
<div class="event__content">
<ul>
{{#each responsibilies}}
<li>{{.}}</li>
{{/each}}
{% for responsibility in w.responsibilies %}
<li>{{ responsibility }}</li>
{% endfor %}
</ul>
</div>
</article>
{{/each}}
{% endfor %}
</div>
</section>
<section class="education">
<h2>Education</h2>
<div class="timeline">
{{#each education}}
{% for e in education %}
<article class="event">
<h3 class="event__title">{{institution}}</h3>
<div class="event__location event__aside">{{location}}</div>
<div class="event__position">{{graduation}}</div>
<div class="event__date event__aside">{{date}}</div>
<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>
<div class="event__content">
{{fields}}
{{ e.fields }}
</div>
</article>
{{/each}}
{% endfor %}
</div>
</section>
<section class="projects">
<h2>Projects</h2>
<div class="timeline">
{{#each projects}}
{% for p in projects %}
<article class="event">
<h3 class="event__title">{{name}}</h3>
<h3 class="event__title">{{ p.name }}</h3>
<i></i>
<div class="event__position">{{context}}</div>
<div class="event__aside">{{date}}</div>
<div class="event__position">{{ p.context }}</div>
<div class="event__aside">{{ p.date }}</div>
<div class="event__content">
<ul>
{{#each responsibilies}}
<li>{{.}}</li>
{{/each}}
{% for responsibility in responsibilies %}
<li>{{ responsibility }}</li>
{% endfor %}
</ul>
</div>
</article>
{{/each}}
{% endfor %}
</div>
</section>
<section class="courses">
<h2 class="h-aside">Courses, Conferences & Certifications</h2>
<ul>
{{#each courses}}
<li>{{.}}</li>
{{/each}}
{% for course in courses %}
<li>{{ course }}</li>
{% endfor %}
</ul>
</div>
</section>
<section class="personal">
<h2 class="h-aside">Personal Projects</h2>
<div class="timeline">
{{#each personal}}
{% for k, v in personal.items() %}
<article class="event event--aside">
<h3 class="event__title">{{@key}}</h3>
<h3 class="event__title">{{ k }}</h3>
<i></i>
<div class="event__content">
<p>{{.}}</p>
<p>{{ v }}</p>
</div>
</article>
{{/each}}
{% endfor %}
</div>
</section>
</main>