Laurent/personal-website-old
Archived
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: rework of the ePortfolio

Browse source
This commit is contained in:
Laureηt 2020-11-26 16:42:01 +01:00
parent 6f09e7ee06
commit 8fb9b3b3a8
10 changed files with 165 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.eleventy.js
View file

@ -1,5 +1,9 @@
const pluginNavigation = require("@11ty/eleventy-navigation")
module.exports = function(eleventyConfig) {
eleventyConfig.addPlugin(pluginNavigation);
eleventyConfig.addPassthroughCopy('pages/css');
eleventyConfig.addPassthroughCopy('pages/content');

3
package.json
View file

@ -4,7 +4,8 @@
"main": "index.js",
"license": "MIT",
"devDependencies": {
"@11ty/eleventy": "^0.11.1"
"@11ty/eleventy": "^0.11.1",
"@11ty/eleventy-navigation": "^0.1.6"
},
"dependencies": {
"chaffle": "^2.1.0"

57
pages/_includes/layout_eportfolio.njk Normal file
View file

@ -0,0 +1,57 @@
---
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/blink.css' | url }}">
<link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | url }}">
<script src="{{ '/javascript/chaffle.min.js' | url }}"></script>
</head>
<body>
<header style="margin-bottom: 0;">
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
<span class="blink" style="display:inline;">_</span>
{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}
</header>
<hr style="margin-top: .5em;">
{{ content | safe }}
<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>

18
pages/css/main.css
View file

@ -90,3 +90,21 @@ footer {
padding-left: 17px;
}
}
video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
header > ul {
list-style: none;
padding: 0;
margin: 1em 0 0 0;
}
header > ul > li {
display: inline;
margin-right: .5em;
}

10
pages/ePortfolio/TMAY.njk Normal file
View file

@ -0,0 +1,10 @@
---
layout: layout_eportfolio.njk
eleventyNavigation:
key: tmay
title: TMAY
order: 5
---
<p>Here is a small video I had to make to present myself.</p>
<video src="{{ '/content/2020-11-06-v1.mp4' | url }}" width="1080" height="720" controls></video>

66
pages/ePortfolio/index.njk
View file

@ -1,48 +1,30 @@
---
layout: layout.njk
layout: layout_eportfolio.njk
eleventyNavigation:
key: index
title: Homepage
order: 1
---
<p>Hi, my name's Laurent Fainsin, and I'm currently an L3 engineering student at <a href="https://www.enseeiht.fr/">ENSEEIHT</a> in France. I study Computer Science and this is my personnal ePortfolio to showcase my work. Here is my <a href="{{ '/resume/' | url }}">resume</a> if you are professionally interested.</p>
<h1>About</h1>
<p>Hi, my name's Laurent Fainsin, and I'm currently an L3 engineering student at <a href="https://www.enseeiht.fr/">ENSEEIHT</a> in France. I study Computer Science and this is my personnal ePortfolio to showcase my work.</p>
<hr>
<h1>Education</h1>
<h1>Socials & Contacts.</h1>
<p>You can email me at :</p>
<ul>
<li>2011&ndash;2015 : Middle School</li>
<li>2015&ndash;2018 : High School</li>
<li>2018&ndash;2020 : Prépa</li>
<li>2020&ndash;2023 : Engineering school</li>
<li>
<a href="mailto:laurentfainsin@protonmail.com">
laurentfainsin@protonmail.com
</a>
</li>
<li>
<a href="mailto:laurent.fainsin@etu.inp-n7.fr">
laurent.fainsin@etu.inp-n7.fr
</a>
</li>
</ul>
<p>You can reach me via :</p>
<ul>
<li><a href="https://matrix.to/#/@fainsil:inpt.fr">Matrix.to</a></li>
<li><a href="https://www.linkedin.com/in/laurent-fainsin/">LinkedIn</a></li>
</ul>
<hr>
<h1>International mobility</h1>
<p>I have been a couple of times to the USA for a period of one month. Once during Summer 2015 in New York and another time during Summer 2017 in Los Angeles. I went overseas with a travel agency that offers students the opportunity to improve their English. We were divided into groups according to our level, I was always in the "advanced" so I mostly did these trips to discover America from my very own eyes. Indeed, half of the time was dedicated to studying and the other for visiting the city and the various activities that it offered. The key feature about theses trips was that we were placed in Americans families, thus I learned a lot about the American way of life and I improved a lot my speaking.</p>
<hr>
<h1>Professional english</h1>
<p>I have always been in the top of my English classes. I currently have not passed any official certifications (like the TOEIC or the TOEFL), though from the various mock tests that I did this shouldn't be a problem. Although I'm not comfortable with the idea of speaking in public, I've had my share of talks (from various presentations in high school) so I know how to handle them. Finally, I also from time to time translate from English to French (and vice versa) documents from small open source projects.</p>
<hr>
<h1>Spanish</h1>
<p>I studied Spanish during middle school and high school. While not a lot remains since I did not continue its learning, I am at least be capable of understanding a basic conversation.</p>
<hr>
<h1>Japanese</h1>
<p>I started studying Japanese recently at my engineering school. I chose it since it is a vastly different language from the Latin based ones, so it seemed appealing. My goal is to get a certification and to study abroad in Japan during the international exchange during my second year (M1).</p>
<hr>
<h1>French</h1>
<p>Well, I'm native.</p>
<hr>
<h1> Hobbies & Sport</h1>
<p>Obviously I love Computer Science since I decided to go in an engineering school specialized in it. However I also like to fiddle around with electronics and aquariums, while also fooling around on the internet. In regards of sports I try to experience as much of them as I can when I have the opportunity, though for the moment I've mainly did Climbing and Archery.
</p>
<hr>
<h1>TMAY Video</h1>
Finally here is a small <a href="{{ '/content/2020-11-06-v1.mp4' | url }}">video</a> I had to make to present myself.
<div class="btn-back">
<span>&laquo;</span>
<a href="{{ '/' | url }}">Go back</a>
</div>

22
pages/ePortfolio/languages.njk Normal file
View file

@ -0,0 +1,22 @@
---
layout: layout_eportfolio.njk
eleventyNavigation:
key: lang
title: Languages
order: 3
---
<h1>Professional english</h1>
<p>I have always been in the top of my English classes. I currently have not passed any official certifications (like the TOEIC or the TOEFL), but this will change soon. I've spent countless hours on the internet, I've thus aggregated a wide variety of vocabulary and expressions that can prove themselves useful in quite a number of situations. This doesn't necessarily means that I'm comfortable with the idea of speaking English in public (since my tongue still struggles against some weird phonetics), but I've had my share of talks (from various presentations, mainly from high school) so I know how to lead a meeting or a debate.</p>
<h1>Spanish</h1>
<p>I studied Spanish during middle school and high school. It's been quite some time since I last opened a Spanish textbook so I must be a bit rusty, but give me a couple of days and I should be back on my feet. Right now I can at least understand a basic conversation and engage in it.</p>
<h1>Japanese</h1>
<p>I started studying Japanese recently at my engineering school. I chose Japanese language since it is vastly different from the Latin based ones, as is its culture, from which I can most likely learn a thing or two. My goal is to get a certification and to study abroad in Japan during the international exchange during my second year (M1).</p>
<h1>French</h1>
<p>Well I'm native, so I'm fluent in baguette and croissant.</p>
<h1>International mobility</h1>
<p>I have been to the United States several times over periods of one month. Once during Summer 2015 in New York and another time during Summer 2017 in Los Angeles. I went overseas with a travel agency that offered students the opportunity to improve their English. We were divided into groups according to our level, I was always in the "advanced" group so I mostly did these trips to discover America from my very own eyes. Indeed, half of the time was dedicated to studying English and the other for visiting the city and the various activities that it offered. The key feature about theses trips was that we were placed in Americans families, thus I learned a lot about the American culture and I improved a lot my speaking.</p>

9
pages/ePortfolio/resume.njk Normal file
View file

@ -0,0 +1,9 @@
---
layout: layout_eportfolio.njk
eleventyNavigation:
key: resume
title: CV
order: 2
url: ../resume/
permalink: false
---

13
pages/ePortfolio/sports.njk Normal file
View file

@ -0,0 +1,13 @@
---
layout: layout_eportfolio.njk
eleventyNavigation:
key: sport
title: Hobbies
order: 4
---
<h1>Sports</h1>
<p>I try to experience as much of them as I can when I have the opportunity, though for the moment I've mainly did Climbing and Archery. I had to stop doing sports during my Prépa because of the lack of time, but now that this is over I will do my best to improve my shape.</p>
<h1>Hobbies</h1>
<p>Obviously I love Computer Science since I decided to go in an engineering school specialized in it. Despite this I also like to fiddle around with electronics and to fool around on the internet. However I reassure you, I also like calm activities like taking care of my beloved aquarium and plants.</p>