feat!: finally using resume.json

This commit is contained in:
Laureηt 2020-11-26 19:20:36 +01:00
parent 8fb9b3b3a8
commit 8c34993511
3 changed files with 178 additions and 100 deletions

View file

@ -1,29 +1,53 @@
{ {
"name": "Laurent Fainsin", "name": "Laurent Fainsin",
"meta": {
"format": "FRESH@0.6.0",
"version": "0.2.0"
},
"info": { "info": {
"label": "CS Engineering Student", "label": "CS Engineering Student",
"brief": "A brief description of yourself as a candidate that appears in some résumé themes.", "brief": "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Porro quo modi maiores debitis iure suscipit nobis labore tempora laudantium hic dignissimos nam dolores."
"image": "super photo"
},
"contact": {
"website": "https://www.bde.inp-toulouse.fr/~fainsil/",
"phone": "+33781492838",
"email": "laurentfainsin@protonmail.com"
}, },
"contacts": [
{
"type": "email",
"link": "laurentfainsin@protonmail.com",
"prefix": "mailto:",
"icon": "far fa-envelope"
},
{
"type": "phone",
"link": "+33781492838",
"prefix": "tel:",
"icon": "fas fa-phone"
},
{
"type": "website",
"link": "https://www.bde.inp-toulouse.fr/~fainsil/",
"prefix": "",
"icon": "fas fa-globe"
}
],
"location": { "location": {
"city": "Brest", "address": "Brest, France",
"country": "France" "link": "https://www.openstreetmap.org/#map=12/48.3930/-4.4601",
"icon": "fas fa-map-marker"
}, },
"social": [
"socials": [
{ {
"network": "LinkedIn", "network": "LinkedIn",
"url": "https://www.linkedin.com/in/laurent-fainsin/" "url": "https://www.linkedin.com/in/laurent-fainsin/",
"icon": "fab fa-linkedin-in"
},
{
"network": "GitHub",
"url": "https://github.com/Laurent2916",
"icon": "fab fa-github"
},
{
"network": "Matrix.to",
"url": "https://matrix.to/#/@fainsil:inpt.fr",
"icon": "far fa-comments"
} }
], ],
@ -73,8 +97,7 @@
], ],
"education": { "education": {
"level": "degree", "level": "Master degree",
"degree": "Master",
"history": [ "history": [
{ {
"institution": "ENSEEIHT", "institution": "ENSEEIHT",
@ -84,7 +107,7 @@
"end": "2023" "end": "2023"
}, },
{ {
"institution": "Prépa Kérichen/Vauban", "institution": "Lycée Kérichen/Vauban",
"title": "CPGE PSI", "title": "CPGE PSI",
"url": "http://www.lycee-kerichen.org/", "url": "http://www.lycee-kerichen.org/",
"start": "2018", "start": "2018",
@ -100,40 +123,36 @@
] ]
}, },
"skills": { "skills": [
"sets": [ {
{ "name": "Web Development",
"name": "Web Development", "level": "beginner",
"level": "beginner", "tags": [
"skills": [ "HTML 5",
"HTML 5", "CSS 3",
"CSS 3", "JavaScript",
"JavaScript", "11ty.js"
"Node.js", ]
"11ty.js" },
] {
}, "name": "General Softwares",
{ "level": "intermediate",
"name": "General Softwares", "tags": [
"level": "intermediate", "Word",
"skills": [ "Excel",
"Word", "LaTeX",
"Excel", "Linux"
"LaTeX", ]
"Linux" },
] {
}, "name": "Scientific Computing",
{ "level": "intermediate",
"name": "Scientific Computing", "tags": [
"level": "intermediate", "Matlab",
"skills": [ "Numpy"
"Matlab", ]
"Octave", }
"Numpy" ],
]
}
]
},
"writing": [ "writing": [
{ {
@ -229,31 +248,38 @@
"languages": [ "languages": [
{ {
"language": "French", "language": "French",
"level": "native" "level": "native",
"icon": "flag-icon flag-icon-fr"
}, },
{ {
"language": "English", "language": "English",
"level": "bilingual" "level": "bilingual",
"icon": "flag-icon flag-icon-gb"
}, },
{ {
"language": "Japanese", "language": "Japanese",
"level": "beginner" "level": "beginner",
"icon": "flag-icon flag-icon-jp"
}, },
{ {
"language": "Spanish", "language": "Spanish",
"level": "basic" "level": "basic",
"icon": "flag-icon flag-icon-es"
}, },
{ {
"language": "Python", "language": "Python",
"level": "intermediate" "level": "intermediate",
"icon": "devicon-python-plain"
}, },
{ {
"language": "C", "language": "C",
"level": "beginner" "level": "beginner",
"icon": "devicon-c-plain"
}, },
{ {
"language": "Rust.rs", "language": "Rust.rs",
"level": "beginner" "level": "beginner",
"icon": "devicon-rust-plain"
} }
], ],
@ -263,7 +289,8 @@
"summary": "Regular GitHub user and tinkerer.", "summary": "Regular GitHub user and tinkerer.",
"keywords": [ "keywords": [
"GitHub", "GitHub",
"git" "git",
"Open Source"
] ]
}, },
{ {
@ -290,7 +317,28 @@
"name": "Climbing", "name": "Climbing",
"summary": "Nice way to get relief from stress", "summary": "Nice way to get relief from stress",
"keywords": [ "keywords": [
"Climbing" "Climbing",
"Strength"
]
},
{
"name": "Aquariums",
"summary": "Tamagochis but with real responsabilities.",
"keywords": [
"Aquarium",
"Water",
"Fish",
"Patience"
]
},
{
"name": "Plants",
"summary": "The environnement is a cool thing",
"keywords": [
"Plants",
"Trees",
"Gardening",
"Ecological"
] ]
} }
] ]

View file

@ -23,7 +23,7 @@ ul {
padding-left: 15px; padding-left: 15px;
} }
li { .timeline > li {
margin: 0; margin: 0;
} }
@ -33,20 +33,17 @@ li.event {
border-left: 2px solid; border-left: 2px solid;
} }
.li { .tag {
display: flex; display: inline;
border-bottom: 2px #283593 solid;
border-radius: 0.2em;
margin: .3em .3em 1em 0;
} }
.fab { small {
order:1; font-size: 15px;
background-color: rgba(200,520,266,.75);
border-color: #b4b4b4;
width: 50px;
} }
.title, .description { h2 > small {
order:2; font-size: 18px;
background-color: rgba(145,223,0,.75);
border-color: transparent;
width: 50px;
} }

View file

@ -13,7 +13,9 @@ username: Laureηt
<link rel="stylesheet" href="{{ '/css/blink.css' | url }}"> <link rel="stylesheet" href="{{ '/css/blink.css' | url }}">
<link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | url }}"> <link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | url }}">
<script src="{{ '/javascript/chaffle.min.js' | url }}"></script> <script src="{{ '/javascript/chaffle.min.js' | url }}"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet"> <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> </head>
<body> <body>
@ -25,8 +27,8 @@ username: Laureηt
<div class="row"> <div class="row">
<div class="col-1"> <div class="col-1">
<h2>About</h2> <h2>{{ resume.name }} <small>({{ resume.info.label }})</small></h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque quo libero nesciunt et dolorum hic aperiam eligendi neque nihil facilis cum sint corrupti, incidunt eum voluptas nisi reiciendis accusamus repellendus?</p> <p>{{ resume.info.brief }}</p>
<h2>Projects</h2> <h2>Projects</h2>
@ -40,44 +42,75 @@ username: Laureηt
<div class="col-2"> <div class="col-2">
<h2>Contacts</h2> <h2>Contacts</h2>
<ul class="list"> <ul>
{% for contact in resume.contacts %}
<li> <li>
<div class="fab fa-github"></div> <span class="{{ contact.icon }}"></span>
<div class="title">GitHub <a href="{{ contact.prefix + contact.link }}">
<div class="description">Laurent2916</div> {% if contact.type == 'website' %}
</div> Personnal website
{% else %}
{{ contact.link }}
{% endif %}
</a>
</li> </li>
{% endfor %}
<li>
<span class="{{ resume.location.icon }}"></span>
<a href="{{ resume.location.link }}">{{ resume.location.address }}</a>
</li>
</ul>
<li>Lorem ipsum dolor sit amet.</li> <h2>Socials</h2>
<li>Lorem ipsum dolor sit amet.</li> <ul>
<li>Lorem ipsum dolor sit amet.</li> {% for social in resume.socials %}
<li>
<span class="{{social.icon}}"></span>
<a href="{{social.url}}">{{social.network}}</a>
</li>
{% endfor %}
</ul> </ul>
<h2>Education</h2> <h2>Education</h2>
<ul class="timeline"> <ul class="timeline">
<li class="event"></li> <li class="event"></li>
<li class="year">2023</li>
<li class="event">ingé</li> <li class="year">{{ resume.education.history[0].end }}</li>
<li class="year">2020</li> {% for edu in resume.education.history %}
<li class="event">prépa</li> <li class="event">
<li class="year">2018</li> {{ edu.title }}<br>
<li class="event">lycée</li> <a href="{{ edu.url }}">{{ edu.institution }}</a>
<li class="year">2015</li> </li>
<li class="year">{{ edu.start }}</li>
{% endfor %}
<li class="event"></li> <li class="event"></li>
</ul> </ul>
<h2>Skills</h2> <h2>Skills</h2>
<ul> <ul>
<li>Lorem ipsum dolor sit amet.</li> {% for skill in resume.skills %}
<li>Lorem ipsum dolor sit amet.</li> <li>
<li>Lorem ipsum dolor sit amet.</li> {{ skill.name }} <small>({{ skill.level }})</small>
<ul>
{% for tag in skill.tags %}
<li class="tag">{{ tag }}</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul> </ul>
<h2>Interests</h2> <h2>Languages</h2>
<ul> <ul>
<li>Lorem ipsum dolor sit amet.</li> {% for lang in resume.languages %}
<li>Lorem ipsum dolor sit amet.</li> <li>
<li>Lorem ipsum dolor sit amet.</li> <span class="{{ lang.icon }}"></span>
{{ lang.language }} <small>({{ lang.level }})</small>
</li>
{% endfor %}
</ul> </ul>
</div> </div>