feat: resume improvement
This commit is contained in:
Laureηt
parent
8c34993511
commit
8959a152ca
|
|
@ -3,7 +3,7 @@
|
|||
|
||||
"info": {
|
||||
"label": "CS Engineering Student",
|
||||
"brief": "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Porro quo modi maiores debitis iure suscipit nobis labore tempora laudantium hic dignissimos nam dolores."
|
||||
"about": "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, vitae velit. Nesciunt ipsam, repellendus expedita quae eius, illum, sapiente fugit quasi repudiandae cum tempora vitae numquam? Voluptatum nihil reprehenderit incidunt!"
|
||||
},
|
||||
|
||||
"contacts": [
|
||||
|
|
@ -53,46 +53,20 @@
|
|||
|
||||
"projects": [
|
||||
{
|
||||
"title": "Awesome Project #1",
|
||||
"title": "This website",
|
||||
"category": "FOSS",
|
||||
"url": "http://project-page.org",
|
||||
"url": "https://www.bde.inp-toulouse.fr/~fainsil/",
|
||||
"repo": "https://project-repo.com",
|
||||
"media": [],
|
||||
"role": "Contributor",
|
||||
"summary": "Show off your project work with a Markdown-and-HTML friendly summary of your role on the project. Software projects, creative projects, business projects can all appear here.",
|
||||
"description": "A description of the project, for audiences that may not be familiar with it. Like the summary section, can include **Markdown** and inline <strong>HTML</strong> formatting.",
|
||||
"highlights": [
|
||||
"Project Highlight #1",
|
||||
"Project Highlight #2",
|
||||
"Project Highlight #3"
|
||||
],
|
||||
"keywords": [
|
||||
"Tag1",
|
||||
"Tag2",
|
||||
"Tag3",
|
||||
"Tag4"
|
||||
]
|
||||
"role": "Author",
|
||||
"description": "I made this website almost entirely from scratch, I used the static site generetor 11ty.js to simplify the process thanks to its templating system. I learned a lot about HTML, CSS, Javascript and it also allowed me to strengthen my git skills."
|
||||
},
|
||||
{
|
||||
"title": "Asteroids",
|
||||
"title": "Project 2",
|
||||
"category": "FOSS",
|
||||
"url": "http://asteroids-demo.org",
|
||||
"repo": "https://asteroids-repo.com",
|
||||
"media": [],
|
||||
"role": "Creator",
|
||||
"summary": "Conceived, designed, implemented, and created 3D Asteroids space shooter with Unreal Engine IV and C++.",
|
||||
"description": "A 3D Asteroids clone with Unreal 4 and cross-platform C++.",
|
||||
"highlights": [
|
||||
"Project Highlight #1",
|
||||
"Project Highlight #2",
|
||||
"Project Highlight #3"
|
||||
],
|
||||
"keywords": [
|
||||
"C++",
|
||||
"Unreal Engine",
|
||||
"3D",
|
||||
"DirectX"
|
||||
]
|
||||
"description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores id adipisci, laudantium tempora neque asperiores repellat enim quasi vel doloremque non quas quibusdam qui magnam et reprehenderit cum facilis labore ad dicta ab accusamus, reiciendis corrupti excepturi! Possimus eligendi suscipit nam labore aliquid, deserunt reprehenderit nemo quos et alias! Fuga."
|
||||
}
|
||||
],
|
||||
|
||||
|
|
@ -126,22 +100,23 @@
|
|||
"skills": [
|
||||
{
|
||||
"name": "Web Development",
|
||||
"level": "beginner",
|
||||
"level": "intermediate",
|
||||
"tags": [
|
||||
"HTML 5",
|
||||
"CSS 3",
|
||||
"HTML5",
|
||||
"CSS3",
|
||||
"JavaScript",
|
||||
"11ty.js"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "General Softwares",
|
||||
"level": "intermediate",
|
||||
"level": "advanced",
|
||||
"tags": [
|
||||
"Word",
|
||||
"Excel",
|
||||
"LaTeX",
|
||||
"Linux"
|
||||
"Linux",
|
||||
"Git"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
|
@ -171,13 +146,18 @@
|
|||
"reading": [
|
||||
{
|
||||
"title": "r/programming",
|
||||
"flavor": "website",
|
||||
"type": "website",
|
||||
"url": "https://www.reddit.com/r/programming"
|
||||
},
|
||||
{
|
||||
"title": "r/privacy",
|
||||
"flavor": "website",
|
||||
"type": "website",
|
||||
"url": "https://www.reddit.com/r/privacy"
|
||||
},
|
||||
{
|
||||
"title": "Competitive Programming <small>(3rd ed.)</small>",
|
||||
"type": "website",
|
||||
"url": "https://cpbook.net/"
|
||||
}
|
||||
],
|
||||
|
||||
|
|
@ -253,7 +233,7 @@
|
|||
},
|
||||
{
|
||||
"language": "English",
|
||||
"level": "bilingual",
|
||||
"level": "proficient",
|
||||
"icon": "flag-icon flag-icon-gb"
|
||||
},
|
||||
{
|
||||
|
|
@ -263,7 +243,7 @@
|
|||
},
|
||||
{
|
||||
"language": "Spanish",
|
||||
"level": "basic",
|
||||
"level": "elementary",
|
||||
"icon": "flag-icon flag-icon-es"
|
||||
},
|
||||
{
|
||||
|
|
@ -315,7 +295,7 @@
|
|||
},
|
||||
{
|
||||
"name": "Climbing",
|
||||
"summary": "Nice way to get relief from stress",
|
||||
"summary": "A nice way to relieve stress",
|
||||
"keywords": [
|
||||
"Climbing",
|
||||
"Strength"
|
||||
|
|
|
|||
|
|
@ -9,18 +9,18 @@ body {
|
|||
|
||||
.col-1 {
|
||||
flex: 60%;
|
||||
padding-right: .5em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.col-2 {
|
||||
flex: 40%;
|
||||
padding-left: .5em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 15px;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.timeline > li {
|
||||
|
|
@ -41,9 +41,26 @@ li.event {
|
|||
}
|
||||
|
||||
small {
|
||||
font-size: 15px;
|
||||
font-size: .7em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
h2 > small {
|
||||
font-size: 18px;
|
||||
h1 > small {
|
||||
font-size: .45em;
|
||||
}
|
||||
|
||||
section {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
section > p {
|
||||
padding-left: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
section > h3 {
|
||||
margin-bottom: .3em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 1em 0 .3em 0;
|
||||
}
|
||||
|
|
@ -19,131 +19,154 @@ username: Laureηt
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
|
||||
<span class="blink" style="display:inline;">_</span>
|
||||
</header>
|
||||
<div style="position: fixed; top: 1em; right: 1em; border: 2px red dashed; color: white;">UNDER CONSTRUCTION</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
<header>
|
||||
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
|
||||
<span class="blink" style="display:inline;">_</span>
|
||||
</header>
|
||||
|
||||
<h2>{{ resume.name }} <small>({{ resume.info.label }})</small></h2>
|
||||
<p>{{ resume.info.brief }}</p>
|
||||
<div class="row">
|
||||
<div class="col-1">
|
||||
|
||||
<h2>Projects</h2>
|
||||
<h1>{{ resume.name }} <small>({{ resume.info.label }})</small></h1>
|
||||
<p>{{ resume.info.about }}</p>
|
||||
|
||||
<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>
|
||||
<h2>Projects</h2>
|
||||
|
||||
<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>
|
||||
{% for project in resume.projects %}
|
||||
<section>
|
||||
<h3>{{ project.title }}</h3>
|
||||
<p>{{ project.description }}</p>
|
||||
</section>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
<div class="col-2">
|
||||
|
||||
<h2>Contacts</h2>
|
||||
<ul>
|
||||
|
||||
{% for contact in resume.contacts %}
|
||||
<h2>Reading</h2>
|
||||
<ul>
|
||||
{% for read in resume.reading %}
|
||||
<li>
|
||||
<span class="{{ contact.icon }}"></span>
|
||||
<a href="{{ contact.prefix + contact.link }}">
|
||||
{% if contact.type == 'website' %}
|
||||
Personnal website
|
||||
{% else %}
|
||||
{{ contact.link }}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% if read.type == 'website' %}
|
||||
<a href="{{ read.url }}">{{ read.title | safe }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<li>
|
||||
<span class="{{ resume.location.icon }}"></span>
|
||||
<a href="{{ resume.location.link }}">{{ resume.location.address }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Interests</h2>
|
||||
{% for interest in resume.interests %}
|
||||
<section>
|
||||
<h3>{{ interest.name }}</h3>
|
||||
<p>{{ interest.summary }}</p>
|
||||
</section>
|
||||
{% endfor %}
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<h2>Education</h2>
|
||||
<ul class="timeline">
|
||||
<li class="event"></li>
|
||||
<div class="col-2">
|
||||
|
||||
<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 %}
|
||||
<h2>Contacts</h2>
|
||||
<ul>
|
||||
|
||||
<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>
|
||||
{% 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 %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
|
||||
<h2>Languages</h2>
|
||||
<ul>
|
||||
{% for lang in resume.languages %}
|
||||
<li>
|
||||
<span class="{{ lang.icon }}"></span>
|
||||
{{ lang.language }} <small>({{ lang.level }})</small>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<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>
|
||||
|
||||
<div class="btn-back">
|
||||
<span>«</span>
|
||||
<a href="{{ '/' | url }}">Go back</a>
|
||||
</div>
|
||||
<div class="btn-back">
|
||||
<span>«</span>
|
||||
<a href="{{ '/' | url }}">Go back</a>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
© {% year %} {{ username }}
|
||||
</footer>
|
||||
<footer>
|
||||
© {% year %} {{ username }}
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
var elm_mouseover = document.querySelectorAll('[data-chaffle]');
|
||||
var elm_onload = document.querySelectorAll('[data-chaffle-onLoad]');
|
||||
<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)
|
||||
Array.prototype.forEach.call(elm_mouseover, function (el) {
|
||||
var chaffle = new Chaffle(el)
|
||||
el.addEventListener('mouseover', function () {
|
||||
chaffle.init();
|
||||
setInterval(function(){
|
||||
chaffle.init();
|
||||
}, 10000)
|
||||
});
|
||||
</script>
|
||||
});
|
||||
});
|
||||
|
||||
Array.prototype.forEach.call(elm_onload, function (el) {
|
||||
var chaffle = new Chaffle(el)
|
||||
chaffle.init();
|
||||
setInterval(function(){
|
||||
chaffle.init();
|
||||
}, 10000)
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in a new issue