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
2020-11-26 21:26:22 +01:00

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>&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>