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"> <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 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 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. :) best viewed in a web browser, though. :)
Colophon: Colophon:
- Metalsmith, the pluggable static site generator. - Smed, the pluggable static site generator.
- Prettier, for code formatting. - 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. - Markdown.
- Plain old CSS, for a change. - Plain old CSS.
Internet Explorer support was not considered when Internet Explorer support was not considered when
creating this page. I apologize if this is an issue for you. 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> <dd><a href="tel:+46702169645">+46 70 216 96 45</a></dd>
<dt>Email:</dt> <dt>Email:</dt>
<dd><a href="mailto:{{email}}">{{email}}</a></dd> <dd><a href="mailto:{{email}}">{{email}}</a></dd>
<dt>Github:</dt> <dt>Codeberg:</dt>
<dd><a href="https://github.com/{{github}}" rel="external" title="Github">{{github}}</a></dd> <dd><a href="https://codeberg.org/{{codeberg}}" rel="external" title="Codeberg">{{codeberg}}</a></dd>
<dt>Website:</dt> <dt>Website:</dt>
<dd><a href="https://{{website}}" rel="external" title="Website">{{website}}</a></dd> <dd><a href="https://{{website}}" rel="external" title="Website">{{website}}</a></dd>
</dl> </dl>
@ -57,98 +57,98 @@
</div> </div>
<section class="about"> <section class="about">
<div> <div>
{{{contents}}} {{content}}
</div> </div>
<span> <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> </span>
</section> </section>
<section class="skills"> <section class="skills">
<h2>Skills</h2> <h2>Skills</h2>
<dl class="skillset"> <dl class="skillset">
{{#each skills}} {% for area, values in skills.items() %}
<dt>{{@key}}</dt> <dt>{{ area }}</dt>
<dd>{{.}}</dd> <dd>{{ values }}</dd>
{{/each}} {% endfor %}
</dl> </dl>
</section> </section>
<section class="work"> <section class="work">
<h2>Experience</h2> <h2>Experience</h2>
<div class="timeline"> <div class="timeline">
{{#each work}} {% for w in work %}
<article class="event"> <article class="event">
<h3 class="event__title">{{employer}}, {{type}}</h3> <h3 class="event__title">{{ w.employer }}, {{ w.type }}</h3>
<div class="event__location event__aside">{{location}}</div> <div class="event__location event__aside">{{ w.location }}</div>
<div class="event__position">{{position}}</div> <div class="event__position">{{ w.position }}</div>
<div class="event__date event__aside">{{date}}</div> <div class="event__date event__aside">{{ w.date }}</div>
<div class="event__content"> <div class="event__content">
<ul> <ul>
{{#each responsibilies}} {% for responsibility in w.responsibilies %}
<li>{{.}}</li> <li>{{ responsibility }}</li>
{{/each}} {% endfor %}
</ul> </ul>
</div> </div>
</article> </article>
{{/each}} {% endfor %}
</div> </div>
</section> </section>
<section class="education"> <section class="education">
<h2>Education</h2> <h2>Education</h2>
<div class="timeline"> <div class="timeline">
{{#each education}} {% for e in education %}
<article class="event"> <article class="event">
<h3 class="event__title">{{institution}}</h3> <h3 class="event__title">{{ e.institution }}</h3>
<div class="event__location event__aside">{{location}}</div> <div class="event__location event__aside">{{ e.location }}</div>
<div class="event__position">{{graduation}}</div> <div class="event__position">{{ e.graduation }}</div>
<div class="event__date event__aside">{{date}}</div> <div class="event__date event__aside">{{ e.date }}</div>
<div class="event__content"> <div class="event__content">
{{fields}} {{ e.fields }}
</div> </div>
</article> </article>
{{/each}} {% endfor %}
</div> </div>
</section> </section>
<section class="projects"> <section class="projects">
<h2>Projects</h2> <h2>Projects</h2>
<div class="timeline"> <div class="timeline">
{{#each projects}} {% for p in projects %}
<article class="event"> <article class="event">
<h3 class="event__title">{{name}}</h3> <h3 class="event__title">{{ p.name }}</h3>
<i></i> <i></i>
<div class="event__position">{{context}}</div> <div class="event__position">{{ p.context }}</div>
<div class="event__aside">{{date}}</div> <div class="event__aside">{{ p.date }}</div>
<div class="event__content"> <div class="event__content">
<ul> <ul>
{{#each responsibilies}} {% for responsibility in responsibilies %}
<li>{{.}}</li> <li>{{ responsibility }}</li>
{{/each}} {% endfor %}
</ul> </ul>
</div> </div>
</article> </article>
{{/each}} {% endfor %}
</div> </div>
</section> </section>
<section class="courses"> <section class="courses">
<h2 class="h-aside">Courses, Conferences & Certifications</h2> <h2 class="h-aside">Courses, Conferences & Certifications</h2>
<ul> <ul>
{{#each courses}} {% for course in courses %}
<li>{{.}}</li> <li>{{ course }}</li>
{{/each}} {% endfor %}
</ul> </ul>
</div> </div>
</section> </section>
<section class="personal"> <section class="personal">
<h2 class="h-aside">Personal Projects</h2> <h2 class="h-aside">Personal Projects</h2>
<div class="timeline"> <div class="timeline">
{{#each personal}} {% for k, v in personal.items() %}
<article class="event event--aside"> <article class="event event--aside">
<h3 class="event__title">{{@key}}</h3> <h3 class="event__title">{{ k }}</h3>
<i></i> <i></i>
<div class="event__content"> <div class="event__content">
<p>{{.}}</p> <p>{{ v }}</p>
</div> </div>
</article> </article>
{{/each}} {% endfor %}
</div> </div>
</section> </section>
</main> </main>