218 lines
7.6 KiB
Plaintext
218 lines
7.6 KiB
Plaintext
|
---
|
||
|
username: Laureηt
|
||
|
pagination:
|
||
|
data: resumes
|
||
|
size: 1
|
||
|
alias: resume
|
||
|
resolve: values
|
||
|
permalink: "resume/{{ resume.locale }}/index.html"
|
||
|
---
|
||
|
|
||
|
<!DOCTYPE html>
|
||
|
<html lang="{{ resume.locale }}">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<title>{{ username }}</title>
|
||
|
<link rel="stylesheet" href="{{ '/css/main.css' | url }}">
|
||
|
<link rel="stylesheet" href="{{ '/css/resume.css' | url }}">
|
||
|
<link rel="stylesheet" href="{{ '/css/blink.css' | url }}">
|
||
|
<link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | url }}">
|
||
|
<script src="{{ '/javascript/chaffle.min.js' | url }}"></script>
|
||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
|
||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.5.0/css/flag-icon.min.css" rel="stylesheet">
|
||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/devicon/2.6/devicon.min.css" rel="stylesheet">
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<header style="position: relative;">
|
||
|
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
|
||
|
<span class="blink" style="display:inline;">_</span>
|
||
|
|
||
|
{% for pageKey in pagination.pages %}
|
||
|
{% if page.url != pagination.hrefs[loop.index-1] %}
|
||
|
<a style="right: 0px; position: absolute;" href="{{ pagination.hrefs[loop.index-1] | url }}">{{ pageKey[0].username }}
|
||
|
<span class="{{ resumes[loop.index-1].flag_icon }}"></span><span style="text-transform:uppercase;">{{ resumes[loop.index-1].locale }}</span>
|
||
|
</a>
|
||
|
{% endif %}
|
||
|
{% endfor %}
|
||
|
|
||
|
</header>
|
||
|
|
||
|
<div class="row">
|
||
|
<div class="col-1">
|
||
|
|
||
|
<h1>{{ resume.name }}
|
||
|
<small>({{ resume.info.label }})</small>
|
||
|
</h1>
|
||
|
<p>{{ resume.info.about }}</p>
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.school_projects_title }}</h2>
|
||
|
{% for project in resume.school_projects %}
|
||
|
<section>
|
||
|
<h3>{{ project.title }}</h3>
|
||
|
<p>{{ project.description }}</p>
|
||
|
<a class="fa fa-file-pdf-o" href="{{ project.pdf }}">
|
||
|
{{ resume.report }}</a>
|
||
|
</section>
|
||
|
{% endfor %}
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.personnal_projects_title }}</h2>
|
||
|
{% for project in resume.personnal_projects %}
|
||
|
<section>
|
||
|
<h3>{{ project.title }}</h3>
|
||
|
<p>{{ project.description }}</p>
|
||
|
</section>
|
||
|
{% endfor %}
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.reading_title }}</h2>
|
||
|
<ul>
|
||
|
{% for read in resume.reading %}
|
||
|
<li>
|
||
|
{% if read.type == 'website' %}
|
||
|
<a href="{{ read.url }}">{{ read.title | safe }}</a>
|
||
|
{% endif %}
|
||
|
</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.interests_title }}</h2>
|
||
|
{% for interest in resume.interests %}
|
||
|
<section>
|
||
|
<h3>{{ interest.name }}</h3>
|
||
|
<p>{{ interest.summary }}</p>
|
||
|
<ul>
|
||
|
{% for tag in interest.tags %}
|
||
|
<li class="tag">{{ tag }}</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
</section>
|
||
|
{% endfor %}
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<div class="col-2">
|
||
|
|
||
|
<h2>{{ resume.contacts_title }}</h2>
|
||
|
<ul>
|
||
|
{% for contact in resume.contacts %}
|
||
|
<li>
|
||
|
<span class="{{ contact.icon }}"></span>
|
||
|
<a href="{{ contact.url }}">{{ contact.contact }}</a>
|
||
|
</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.socials_title }}</h2>
|
||
|
<ul>
|
||
|
{% for social in resume.socials %}
|
||
|
<li>
|
||
|
<span class="{{social.icon}}"></span>
|
||
|
<a href="{{social.url}}">{{social.network}}</a>
|
||
|
</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.education_title }}</h2>
|
||
|
<ul class="timeline">
|
||
|
<span class="arrow-up"></span>
|
||
|
<li class="event"></li>
|
||
|
|
||
|
<li class="year">{{ resume.education.history[0].end }}</li>
|
||
|
|
||
|
{% for edu in resume.education.history %}
|
||
|
<li class="event">
|
||
|
{{ edu.title }}<br>
|
||
|
<a href="{{ edu.url }}">{{ edu.institution }}</a>
|
||
|
</li>
|
||
|
<li class="year">{{ edu.start }}</li>
|
||
|
{% endfor %}
|
||
|
|
||
|
<li class="event"></li>
|
||
|
</ul>
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.skills_title }}</h2>
|
||
|
<ul>
|
||
|
{% for skill in resume.skills %}
|
||
|
<li>
|
||
|
{{ skill.name }}
|
||
|
{% if skill.level %}
|
||
|
<small> ({{ skill.level }}) </small>
|
||
|
{% endif %}
|
||
|
<ul>
|
||
|
{% for tag in skill.tags %}
|
||
|
<li class="tag">{{ tag }}</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
|
||
|
<hr>
|
||
|
|
||
|
<h2>{{ resume.languages_title }}</h2>
|
||
|
<ul>
|
||
|
{% for lang in resume.languages %}
|
||
|
<li>
|
||
|
<span class="{{ lang.icon }}"></span>
|
||
|
{{ lang.language }}
|
||
|
<small>({{ lang.level }})</small>
|
||
|
</li>
|
||
|
{% endfor %}
|
||
|
</ul>
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="btn-back">
|
||
|
<span>«</span>
|
||
|
<a href="{{ '/' | url }}">{{ resume.go_back }}</a>
|
||
|
</div>
|
||
|
|
||
|
<footer>
|
||
|
© {% year %}
|
||
|
{{ username }}
|
||
|
</footer>
|
||
|
|
||
|
<script>
|
||
|
var elm_mouseover = document.querySelectorAll('[data-chaffle]');
|
||
|
var elm_onload = document.querySelectorAll('[data-chaffle-onLoad]');
|
||
|
|
||
|
Array
|
||
|
.prototype
|
||
|
.forEach
|
||
|
.call(elm_mouseover, function (el) {
|
||
|
var chaffle = new Chaffle(el)
|
||
|
el.addEventListener('mouseover', function () {
|
||
|
chaffle.init();
|
||
|
});
|
||
|
});
|
||
|
|
||
|
Array
|
||
|
.prototype
|
||
|
.forEach
|
||
|
.call(elm_onload, function (el) {
|
||
|
var chaffle = new Chaffle(el)
|
||
|
chaffle.init();
|
||
|
setInterval(function () {
|
||
|
chaffle.init();
|
||
|
}, 10000)
|
||
|
});
|
||
|
</script>
|
||
|
</body>
|
||
|
|
||
|
</html>
|