html-cv/out.html.j2

88 lines
3.5 KiB
Django/Jinja

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{{ meta.name | upper }} {{ meta.surname | upper }} - CV</title>
<link rel="stylesheet" href="/cv/css/styles.css">
</head>
<body>
<div class="a4-page">
<header>
<div class="img-and-title">
<img src="/cv/data/cv-photo" alt="CV photo" width="140" height="140">
<div class="title">
<h1>{{ meta.name | upper }} {{ meta.surname | upper }}</h1>
<h2>{{ meta.title | upper }}</h2>
</div>
<div class="contact">
{% if lang == 'en' %}
<p>Born {{ meta.born_month }}/{{ meta.born_day }}/{{ meta.born_year }}</p>
{% elif lang == 'fr' %}
<p>Né le {{ meta.born_day }}/{{ meta.born_month }}/{{ meta.born_year }}</p>
{% endif %}
<p>{{ meta.phone }}</p>
<p>{{ meta.address }}</p>
<p>{{ meta.zip_code }} {{ meta.city }}</p>
<p>{{ meta.email }}</p>
</div>
</div>
</header>
<section>
<aside>
<div class="link"><img src="/cv/data/internet-icon.png" width="16px" height="16px"><a href="{{ meta.site }}">{{ meta.site }}</a></div>
<div class="link"><img src="/cv/data/git-icon.png" width="16px" height="16px"><a href="{{ meta.git }}">{{ meta.git }}</a></div>
<div class="skills">
{% if lang == 'en' %}
<h1>SKILLS</h1>
{% elif lang == 'fr' %}
<h1>COMPÉTENCES</h1>
{% endif %}
<div class="button">
<p>{{ meta.languages }}</p>
</div>
{{ meta.skills }}
</div>
<div class="assets">
{% if lang == 'en' %}
<h1>ASSETS</h1>
{% elif lang == 'fr' %}
<h1>ATOUTS</h1>
{% endif %}
<p>{{ meta.assets }}</p>
</div>
</aside>
<article>
<div class="experiences">
{% if lang == 'en' %}
<h1>EXPERIENCE</h1>
{% elif lang == 'fr' %}
<h1>EXPÉRIENCES</h1>
{% endif %}
{% for item in experience %}
<div class="element">
<p class="date">{{ item.date }}</p>
<h2>{{ item.title }}</h2>
<p class="context">{{ item.context }}</p>
</div>
{% endfor %}
</div>
<div class="education">
{% if lang == 'en' %}
<h1>EDUCATION</h1>
{% elif lang == 'fr' %}
<h1>FORMATIONS</h1>
{% endif %}
{% for item in education %}
<div class="element">
<p class="date">{{ item.date }}</p>
<h2>{{ item.title }}</h2>
<p class="context">{{ item.context }}</p>
</div>
{% endfor %}
</div>
</article>
</section>
</div>
</body>
</html>