172 lines
4.6 KiB
Plaintext
172 lines
4.6 KiB
Plaintext
---
|
|
username: Laureηt
|
|
---
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
|
|
<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>
|
|
|
|
<div style="position: fixed; top: 1em; right: 1em; border: 2px red dashed; color: white;">UNDER CONSTRUCTION</div>
|
|
|
|
<header>
|
|
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
|
|
<span class="blink" style="display:inline;">_</span>
|
|
</header>
|
|
|
|
<div class="row">
|
|
<div class="col-1">
|
|
|
|
<h1>{{ resume.name }} <small>({{ resume.info.label }})</small></h1>
|
|
<p>{{ resume.info.about }}</p>
|
|
|
|
<h2>Projects</h2>
|
|
|
|
{% for project in resume.projects %}
|
|
<section>
|
|
<h3>{{ project.title }}</h3>
|
|
<p>{{ project.description }}</p>
|
|
</section>
|
|
{% endfor %}
|
|
|
|
<h2>Reading</h2>
|
|
<ul>
|
|
{% for read in resume.reading %}
|
|
<li>
|
|
{% if read.type == 'website' %}
|
|
<a href="{{ read.url }}">{{ read.title | safe }}</a>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<h2>Interests</h2>
|
|
{% for interest in resume.interests %}
|
|
<section>
|
|
<h3>{{ interest.name }}</h3>
|
|
<p>{{ interest.summary }}</p>
|
|
</section>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
<div class="col-2">
|
|
|
|
<h2>Contacts</h2>
|
|
<ul>
|
|
|
|
{% for contact in resume.contacts %}
|
|
<li>
|
|
<span class="{{ contact.icon }}"></span>
|
|
<a href="{{ contact.prefix + contact.link }}">
|
|
{% if contact.type == 'website' %}
|
|
Personnal website
|
|
{% else %}
|
|
{{ contact.link }}
|
|
{% endif %}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
|
|
<li>
|
|
<span class="{{ resume.location.icon }}"></span>
|
|
<a href="{{ resume.location.link }}">{{ resume.location.address }}</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h2>Socials</h2>
|
|
<ul>
|
|
{% for social in resume.socials %}
|
|
<li>
|
|
<span class="{{social.icon}}"></span>
|
|
<a href="{{social.url}}">{{social.network}}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<h2>Education</h2>
|
|
<ul class="timeline">
|
|
<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>
|
|
|
|
<h2>Skills</h2>
|
|
<ul>
|
|
{% for skill in resume.skills %}
|
|
<li>
|
|
{{ skill.name }} <small>({{ skill.level }})</small>
|
|
<ul>
|
|
{% for tag in skill.tags %}
|
|
<li class="tag">{{ tag }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<h2>Languages</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 }}">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> |