149 lines
4.8 KiB
Plaintext
149 lines
4.8 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>
|
|
|
|
<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">
|
|
|
|
<h2>{{ resume.name }} <small>({{ resume.info.label }})</small></h2>
|
|
<p>{{ resume.info.brief }}</p>
|
|
|
|
<h2>Projects</h2>
|
|
|
|
<h3>Project 1</h3>
|
|
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Porro quo modi maiores debitis iure suscipit nobis labore tempora laudantium hic dignissimos nam dolores, exercitationem, rem magni doloremque impedit asperiores tempore maxime blanditiis aliquid, iusto deleniti consectetur incidunt. Aliquam, cupiditate quas.</p>
|
|
|
|
<h3>Project 2</h3>
|
|
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Mollitia atque voluptate odio commodi officiis, asperiores tempore voluptates sequi velit explicabo error nesciunt eaque. Reiciendis aut at corporis, nihil laboriosam adipisci cumque, ut quis eaque sunt, qui nemo officia est similique.</p>
|
|
|
|
</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> |