122 lines
3.9 KiB
HTML
122 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ lang }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="author" content="{{ name }}">
|
|
<title>CV - {{ name }}</title>
|
|
<link rel="stylesheet" media="print" href="./print.css">
|
|
</head>
|
|
<components>
|
|
<contact>
|
|
<h2>{{ value }}</h2>
|
|
<dl class="icon-list">
|
|
{% if tel %}
|
|
<div>
|
|
<dt><img class="icon" src="./icons/phone.svg" alt="{{ tel.attributes.alt }}"title="{{ tel.attributes.alt }}"></dt>
|
|
{% for value in tel.values %}
|
|
<dd><a href="tel:{{ value | replace(' ', '') }}">{{ value }}</a></dd>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% if email %}
|
|
<div>
|
|
<dt><img class="icon" src="./icons/envelope.svg" alt="{{ email.attributes.alt }}" title="{{ email.attributes.alt }}"></dt>
|
|
<div>
|
|
{% for value in email.values %}
|
|
<dd><a href="mailto:{{ value }}">{{ value }}</a></dd>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% if git %}
|
|
<div>
|
|
<dt><img class="icon" src="./icons/git.svg" alt="{{ git.attributes.alt }}" title="{{ git.attributes.alt }}"></dt>
|
|
{% for value in git.values %}
|
|
<dd><a href="{{ value }}">{{ value | stripscheme }}</a></dd>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</dl>
|
|
</contact>
|
|
|
|
<skillsection>
|
|
<h2>{{ value }}</h2>
|
|
<dl>
|
|
{% for skill in skill %}
|
|
<div>
|
|
<dt>{{ skill.attributes.name }}</dt>
|
|
<dd>{{ skill.values | join(', ') }}</dd>
|
|
</div>
|
|
{% endfor %}
|
|
</dl>
|
|
</skillsection>
|
|
|
|
<experiences>
|
|
{% for xptype in xptype %}
|
|
<section>
|
|
<h2><img src="./icons/carret-right.svg" alt="">{{ xptype.value }}</h2>
|
|
{% for xpsection in xptype.xpsection %}
|
|
{{ xpsection | render }}
|
|
{% endfor %}
|
|
</section>
|
|
{% endfor %}
|
|
</experiences>
|
|
|
|
<xpsection>
|
|
<h3>
|
|
<span>{{ value }}</span>
|
|
<span class="period">{{ attributes.period }}</span>
|
|
</h3>
|
|
<p class="info">
|
|
<span class="organisation">{{ attributes.organisation }}</span>
|
|
{% if attributes.type %}<span class="type">({{ attributes.type }})</span>{% endif %}
|
|
</p>
|
|
{% if xpitem | length %}
|
|
<ul>
|
|
{% for xpitem in xpitem %}
|
|
<li>{{ xpitem.value }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% if description %}
|
|
<p class="description">
|
|
{{ description }}
|
|
</p>
|
|
{% endif %}
|
|
</xpsection>
|
|
|
|
<hobbies>
|
|
<h2>{{ value }}</h2>
|
|
<dl class="icon-list">
|
|
{% for hobby in hobby %}
|
|
<div>
|
|
<dt><img class="icon" src="./icons/{{ hobby.attributes.icon }}.svg" alt="{{ hobby.attributes.alt }}"title="{{ hobby.attributes.alt }}"></dt>
|
|
<dd>{{ hobby.value }}</dd>
|
|
</div>
|
|
{% endfor %}
|
|
</dl>
|
|
</hobbies>
|
|
</components>
|
|
<body>
|
|
<header>
|
|
<h1>{{ name }}</h1>
|
|
{% if contact.linkedin %}
|
|
<a href="{{ contact.linkedin }}"><img src="./icons/linkedin.svg" alt="{{ contact.linkedin.attributes.alt }}" class="icon"></a>
|
|
{% endif %}
|
|
</header>
|
|
<main>
|
|
<div class="sidebar">
|
|
{{ contact | render }}
|
|
{% for skillsection in skills.skillsection %}
|
|
{{ skillsection | render }}
|
|
{% endfor %}
|
|
{{ hobbies | render }}
|
|
</div>
|
|
<div class="experiences">
|
|
{{ experiences | render }}
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|