From baedde57056b9e1d7f239a377cf80c9d2ccef136 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laure=CE=B7t?= <laurentfainsin@protonmail.com>
Date: Mon, 25 Jan 2021 21:33:42 +0100
Subject: [PATCH] feat: translation of the resume in french

---
 pages/_data/resume_fr.json | 325 +++++++++++++++++++++++++++++++++++++
 pages/css/resume.css       |   2 +-
 pages/resume/fr.njk        | 173 ++++++++++++++++++++
 pages/resume/index.njk     |   2 +-
 4 files changed, 500 insertions(+), 2 deletions(-)
 create mode 100755 pages/_data/resume_fr.json
 create mode 100644 pages/resume/fr.njk

diff --git a/pages/_data/resume_fr.json b/pages/_data/resume_fr.json
new file mode 100755
index 0000000..68166e1
--- /dev/null
+++ b/pages/_data/resume_fr.json
@@ -0,0 +1,325 @@
+{
+  "name": "Laurent Fainsin",
+
+  "info": {
+    "label": "Étudiant Ingénieur SN",
+    "about": "Je suis une personne travailleuse et ponctuelle, je travaille bien en équipe mais aussi seul car j'aime me lancer des défis. J'ai de bonnes capacités d'écoute et de communication, je suis bien organisé et je respecte toujours les deadlines."
+  },
+
+  "contacts": [
+    {
+      "contact": "laurentfainsin@protonmail.com",
+      "url": "mailto:laurentfainsin@protonmail.com",
+      "icon": "far fa-envelope"
+    },
+    {
+      "contact": "+33781492838",
+      "url": "https://signal.org/",
+      "icon": "fas fa-phone"
+    },
+    {
+      "contact": "Brest, France",
+      "url": "https://www.openstreetmap.org/#map=12/48.3930/-4.4601",
+      "icon": "fas fa-location-arrow"
+    }
+  ],
+
+  "socials": [
+    {
+      "network": "laurent-fainsin",
+      "url": "https://www.linkedin.com/in/laurent-fainsin/",
+      "icon": "fab fa-linkedin-in"
+    },
+    {
+      "network": "Laurent2916",
+      "url": "https://github.com/Laurent2916",
+      "icon": "fab fa-github"
+    },
+    {
+      "network": "@fainsil:inpt.fr",
+      "url": "https://matrix.to/#/@fainsil:inpt.fr",
+      "icon": "far fa-comments"
+    }
+  ],
+
+  "works": [
+    {
+      "title": "Work 1",
+      "category": "FOSS",
+      "date": "2020 - 2020",
+      "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."
+    },
+    {
+      "title": "Work 2",
+      "category": "FOSS",
+      "date": "2020 - 2020",
+      "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."
+    }
+  ],
+
+  "school_projects": [
+    {
+      "title": "Pagerank",
+      "category": "FOSS",
+      "url": "",
+      "repo": "",
+      "pdf": "{{ '/content/pagerank.pdf' | url }}",
+      "role": "Author",
+      "description": "Mise en œuvre d'un algorithme itératif en Ada pour calculer le pagerank d'un réseau donné, aussi rapidement et efficacement que possible."
+    },
+    {
+      "title": "Modem de fréquence",
+      "category": "FOSS",
+      "url": "",
+      "repo": "",
+      "pdf": "{{ '/content/modem.pdf' | url }}",
+      "role": "Author",
+      "description": "Modélisation Matlab d'un modem capable de transmettre des informations (une séquence de bits) de manière fiable via un canal de transmission imparfait."
+    }
+  ],
+
+  "personnal_projects": [
+    {
+      "title": "Ce site web",
+      "category": "FOSS",
+      "url": "https://www.bde.inp-toulouse.fr/~fainsil/",
+      "repo": "https://project-repo.com",
+      "role": "Author",
+      "description": "J'ai fait ce site presque entièrement à partir de zéro, j'ai utilisé le générateur de site statique 11ty.js pour simplifier le processus grâce à son système de templates. J'ai beaucoup appris à propos de HTML, CSS, Javascript et cela m'a également permis de renforcer mes compétences concernant git."
+    }
+  ],
+
+  "education": {
+    "level": "Master degree",
+    "history": [
+      {
+        "institution": "ENSEEIHT",
+        "title": "Ingénieur SN",
+        "url": "https://www.enseeiht.fr/",
+        "start": "2020",
+        "end": "2023"
+      },
+      {
+        "institution": "Lycée Kérichen/Vauban",
+        "title": "CPGE PSI",
+        "url": "http://www.lycee-kerichen.org/",
+        "start": "2018",
+        "end": "2020"
+      },
+      {
+        "institution": "Lycée de l'Harteloire",
+        "title": "Baccalauréat S",
+        "url": "https://www.harteloire.com/",
+        "start": "2015",
+        "end": "2018"
+      }
+    ]
+  },
+
+  "skills": [
+    {
+      "name": "Développement web",
+      "level": "intermédiaire",
+      "tags": [
+        "HTML5",
+        "CSS3",
+        "JavaScript",
+        "11ty.js"
+      ]
+    },
+    {
+      "name": "Bureautique",
+      "level": "avancé",
+      "tags": [
+        "Linux",
+        "LaTeX",
+        "Git",
+        "Word",
+        "Excel"
+      ]
+    },
+    {
+      "name": "Calcul scientifique",
+      "level": "intermédiaire",
+      "tags": [
+        "Numpy",
+        "Matlab"
+      ]
+    }
+  ],
+
+  "writing": [
+    {
+      "title": "Something I Wrote Once",
+      "flavor": "essay",
+      "date": "2023",
+      "summary": "List your blogs, articles, essays, novels, and dissertations.",
+      "publisher": {
+        "name": "Acme University Press",
+        "url": "http://press.acmeuniversity.edu"
+      },
+      "url": "http://codeproject.com/something-i-wrote-once"
+    }
+  ],
+
+  "reading": [
+    {
+      "title": "r/programming",
+      "type": "website",
+      "url": "https://www.reddit.com/r/programming"
+    },
+    {
+      "title": "r/privacy",
+      "type": "website",
+      "url": "https://www.reddit.com/r/privacy"
+    },
+    {
+      "title": "Competitive Programming <small>(3rd ed.)</small>",
+      "type": "website",
+      "url": "https://cpbook.net/"
+    }
+  ],
+
+  "recognition": [
+    {
+      "flavor": "award",
+      "from": "HackMyResume",
+      "title": "Awesomeness Award",
+      "event": "HMR Release",
+      "url": "https://fluentdesk.com/hackmyresume",
+      "date": "2016",
+      "summary": "Thanks for being a HackMyResume / FluentCV user!"
+    },
+    {
+      "flavor": "industry",
+      "from": "Big Software",
+      "title": "MVP: SpinWidget Technology",
+      "event": "Yearly Roundup",
+      "date": "2015-08-03",
+      "summary": "For work in promotion and popularization of SpinWidget technology."
+    }
+  ],
+
+  "references": [
+    {
+      "name": "John Doe",
+      "category": "professional",
+      "role": "Manager @ Somewhere Inc.",
+      "private": true,
+      "summary": "Contact information available on request.",
+      "contact": [
+        {
+          "flavor": "email",
+          "value": "john.doe@somewhere.com"
+        }
+      ]
+    },
+    {
+      "name": "Jane Q. Fullstacker",
+      "category": "technical",
+      "summary": "Contact information available on request.",
+      "role": "Coworker",
+      "private": true,
+      "contact": [
+        {
+          "flavor": "email",
+          "value": "jane.fullstacker@somewhere.com"
+        }
+      ]
+    }
+  ],
+
+  "testimonials": [
+    {
+      "name": "John Doe",
+      "flavor": "professional",
+      "quote": "Such-and-such is awesome! I'd hire him/her again in a second!",
+      "private": false
+    },
+    {
+      "name": "Somebody Important",
+      "flavor": "technical",
+      "quote": "Hands-down *the best developer/manager/spelunker/coworker/etc* I've ever worked with. Emphasis *mine!*",
+      "private": false
+    }
+  ],
+
+  "languages": [
+    {
+      "language": "Français",
+      "level": "langue maternelle",
+      "icon": "flag-icon flag-icon-fr"
+    },
+    {
+      "language": "Anglais",
+      "level": "bilingue",
+      "icon": "flag-icon flag-icon-gb"
+    },
+    {
+      "language": "Japonais",
+      "level": "débutant",
+      "icon": "flag-icon flag-icon-jp"
+    },
+    {
+      "language": "Espagnol",
+      "level": "élémentaire",
+      "icon": "flag-icon flag-icon-es"
+    },
+    {
+      "language": "Python",
+      "level": "intermédiaire",
+      "icon": "devicon-python-plain"
+    },
+    {
+      "language": "C",
+      "level": "débutant",
+      "icon": "devicon-c-plain"
+    },
+    {
+      "language": "Rust.rs",
+      "level": "débutant",
+      "icon": "devicon-rust-plain"
+    },
+    {
+      "language": "Java",
+      "level": "débutant",
+      "icon": "devicon-java-plain"
+    }
+  ],
+  
+  "interests": [
+    {
+      "name": "GitHub",
+      "summary": "Utilisateur régulier de GitHub et bricoleur.",
+      "tags": [
+        "Git",
+        "Open Source"
+      ]
+    },
+    {
+      "name": "Electronics",
+      "summary": "Créateur dans l'âme.",
+      "tags": [
+        "Arduino",
+        "PCB Design"
+      ]
+    },
+    {
+      "name": "Archery",
+      "summary": "A pratiqué pendant quelques années l'art de la précision et de l'exactitude.",
+      "tags": [
+        "Précision",
+        "Exactitude",
+        "Patience"
+      ]
+    },
+    {
+      "name": "Aquariums",
+      "summary": "Des Tamagochis, mais avec de réelles responsabilités.",
+      "tags": [
+        "Patience",
+        "Perfectionnisme"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/pages/css/resume.css b/pages/css/resume.css
index c825d48..2bb428f 100755
--- a/pages/css/resume.css
+++ b/pages/css/resume.css
@@ -101,7 +101,7 @@ h2 {
     color: black;
   }
 
-  header, footer, .btn-back {
+  header, footer, .btn-back, section > a {
     display: none;
   }
 }
\ No newline at end of file
diff --git a/pages/resume/fr.njk b/pages/resume/fr.njk
new file mode 100644
index 0000000..5de4a1f
--- /dev/null
+++ b/pages/resume/fr.njk
@@ -0,0 +1,173 @@
+---
+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>
+
+  <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="{{ '../' | url }}" ><span class="flag-icon flag-icon-gb"></span>EN</a>
+  </header>
+  
+  <div class="row">
+    <div class="col-1">
+      
+      <h1>{{ resume_fr.name }} <small>({{ resume_fr.info.label }})</small></h1>
+      <p>{{ resume_fr.info.about }}</p>
+
+      <h2>Projets scolaires</h2>
+      {% for project in resume_fr.school_projects %}
+      <section>
+        <h3>{{ project.title }}</h3>
+        <p>{{ project.description }}</p>
+        <a href="{{ project.pdf }}">rapport.pdf</a>
+      </section>
+      {% endfor %}
+
+      <h2>Projets personnels</h2>
+      {% for project in resume_fr.personnal_projects %}
+      <section>
+        <h3>{{ project.title }}</h3>
+        <p>{{ project.description }}</p>
+      </section>
+      {% endfor %}
+
+      <h2>Lecture</h2>
+      <ul>
+        {% for read in resume_fr.reading %}
+          <li>
+            {% if read.type == 'website' %}
+              <a href="{{ read.url }}">{{ read.title | safe }}</a>
+            {% endif %}
+          </li>
+        {% endfor %}
+      </ul>
+
+      <h2>Centres d'intérêt</h2>
+      {% for interest in resume_fr.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_fr.contacts %}
+        <li>
+          <span class="{{ contact.icon }}"></span>
+          <a href="{{ contact.url }}">{{ contact.contact }}</a>
+        </li>
+        {% endfor %}
+      </ul>
+
+      <h2>Socials</h2>
+      <ul>
+        {% for social in resume_fr.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_fr.education.history[0].end }}</li>
+        
+        {% for edu in resume_fr.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>Compétences</h2>
+      <ul>
+        {% for skill in resume_fr.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>Langues</h2>
+      <ul>
+        {% for lang in resume_fr.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 }}">Revenir en arrière</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>
\ No newline at end of file
diff --git a/pages/resume/index.njk b/pages/resume/index.njk
index 540298e..f0888fb 100755
--- a/pages/resume/index.njk
+++ b/pages/resume/index.njk
@@ -22,7 +22,7 @@ username: Laureηt
   <header style="position: relative;">
       <span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
       <span class="blink" style="display:inline;">_</span>
-      <span style="right: 0px; position: absolute; border: 2px red dashed; color: white;">UNDER CONSTRUCTION</span>
+      <a style="right: 0px; position: absolute;" href="{{ 'fr/' | url }}" ><span class="flag-icon flag-icon-fr"></span>FR</a>
   </header>
   
   <div class="row">