This repository has been archived on 2023-03-14. You can view files and clone it, but cannot push or open issues or pull requests.
personal-website-old/pages/resume/index.njk
2021-04-02 17:26:24 +02:00

194 lines
5.1 KiB
Plaintext
Executable file

---
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 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>
<a style="right: 0px; position: absolute;" href="{{ 'fr/' | url }}" ><span class="flag-icon flag-icon-fr"></span>FR</a>
</header>
<base target="_blank">
<div class="row">
<div class="col-1">
<h1>{{ resume.name }} <small>({{ resume.info.label }})</small></h1>
<p>{{ resume.info.about }}</p>
<hr>
<h2>School Projects</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 }}"> report</a>
</section>
{% endfor %}
<hr>
<h2>Personnal Projects</h2>
{% for project in resume.personnal_projects %}
<section>
<h3>{{ project.title }}</h3>
<p>{{ project.description }}</p>
</section>
{% endfor %}
<hr>
<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>
<hr>
<h2>Interests</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>Contacts</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>Socials</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>Education</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><br>
{{ edu.eqv }}
</li>
<li class="year">{{ edu.start }}</li>
{% endfor %}
<li class="event"></li>
</ul>
<hr>
<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>
<hr>
<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>&laquo;</span>
<a href="{{ '/' | url }}">Go back</a>
</div>
<footer>
&copy; {% 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>