From 3ad9a8274841cc3de497cad5ea5452510e4c3805 Mon Sep 17 00:00:00 2001
From: Joris
Date: Fri, 6 May 2022 14:10:43 +0200
Subject: Present more precisely what I did

---
 public/index.html | 144 ++++++++++++++++++++++++++++++++----------------------
 public/main.css   |  16 ++++--
 2 files changed, 98 insertions(+), 62 deletions(-)

diff --git a/public/index.html b/public/index.html
index 587d23f..ec10924 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,31 +18,60 @@
 
     <p class="subtitle">since 2019</p>
 
-    <p>
-      Prevent falls with technology-based training therapy which promotes
-      autonomous mobility and functional independence in old age, after an
-      accident or illness.
-    </p>
+    <p>Prevent falls with technology-based training therapy:</p>
 
     <ul class="bullets">
-      <li>Frontend application with games and assessments
-      <li>Web server API
-      <li>Auto-upgradable Operating System with a controller, a kiosk browser and drivers
-      <li>WebSocket relay
+      <li>
+        develop a WebSocket relay
+        <ul class="technos">
+          <li>Rust
+        </ul>
+
+      <li>
+        train balance with a game developed from a personal idea
+        <ul class="technos">
+          <li>Elm
+          <li>WebGL
+        </ul>
+
+      <li>
+        develop STROOP test discussing with researchers
+        <ul class="technos">
+          <li>Elm
+          <li>CSS
+        </ul>
+
+      <li>
+        present training activity with charts
+        <ul class="technos">
+          <li>Elm
+          <li>SVG
+        </ul>
+
+      <li>
+        support proxies and captive portals in custom Linux System
+        <ul class="technos">
+          <li>Ocaml
+          <li>Python
+          <li>Nix
+          <li>Qt
+        </ul>
+
+      <li>
+        maintain and add functionalities in Web Server
+        <ul class="technos">
+          <li>Scala
+          <li>Http4s
+          <li>PostgreSQL
+        </ul>
+
+      <li>
+        migrate Webpack build to Shake build
+        <ul class="technos">
+          <li>Shake
+          <li>Haskell
+        </ul>
     </ul>
-
-    <ul class="technos">
-      <li>Elm
-      <li>Scala
-      <li>Http4s
-      <li>PostgreSQL
-      <li>Ansible
-      <li>Nix
-      <li>Ocaml
-      <li>Python
-      <li>Rust
-    </ul>
-
   </section>
 
   <section>
@@ -51,26 +80,41 @@
     <p class="subtitle">5 years</p>
 
     <p>
-      Develop Web Oriented Architecture (WOA) for Information Systems.
+      Provide Web Oriented Architecture (WOA) for Information Systems:
     </p>
 
     <ul class="bullets">
-      <li>Training platform for the unemployed in Seine-Saint-Denis
-      <li>File house insurance claims for Saretec
-      <li>Unit and automatic franking of Colissimo labels for La Poste
-      <li>Participant’s pages for the Mutuelle Nationale Territoriale (MNT)
-      <li>Food sample analysis with results visualization for Adisseo
-    </ul>
-
-    <ul class="technos">
-      <li>Scala
-      <li>Scala.js
-      <li>Elm
-      <li>Akka
-      <li>Play!
-      <li>MongoDB
-      <li>PostgreSQL
-      <li>ElasticSearch
+      <li>
+        lead development of a training platform for unemployed persons in Seine-Saint-Denis
+        <ul class="technos">
+          <li>Scala
+          <li>Scala.js
+          <li>Akka
+          <li>MongoDB
+          <li>ElasticSearch
+        </ul>
+
+      <li>
+        lead development of internal projects visualization
+        <ul class="technos">
+          <li>Elm
+          <li>CSS
+        </ul>
+
+      <li>
+        develop participant’s pages of the Mutuelle Nationale Territoriale (MNT)
+        <ul class="technos">
+          <li>Scala
+          <li>Play
+          <li>PostgreSQL
+        </ul>
+
+      <li>
+        integrate step-by-step tutorials written with Prismic into Web applications
+        <ul class="technos">
+          <li>JavaScript
+          <li>CSS
+        </ul>
     </ul>
   </section>
 
@@ -116,24 +160,12 @@
     <h2>Master of Science in Computer Science</h2>
 
     <p class="subtitle">INSA Rennes</p>
-
-    <ul class="bullets">
-      <li>Language
-      <li>System
-      <li>Network
-    </ul>
   </section>
 
   <section>
     <h2>Master of Research in Computer Science</h2>
 
     <p class="subtitle">University of Rennes I</p>
-
-    <ul class="bullets">
-      <li>Machine learning
-      <li>Modelisation
-      <li>Data indexation
-    </ul>
   </section>
 
   <h1>Personal Projects</h1>
@@ -142,7 +174,7 @@
     <h2>Budget</h2>
 
     <p class="subtitle">
-      Manage a budget with a group of people.
+      Share payments within a group of people.
     </p>
 
     <img src="projects/budget.png">
@@ -234,17 +266,13 @@
   <section>
     <h2>Reading</h2>
 
-    <p class="subtitle">Guide students to find a book with faceted search.</p>
+    <p class="subtitle">Guide middle school students to find a book with faceted search.</p>
 
     <img src="projects/reading.png">
 
     <div class="project-footer">
       <ul class="technos">
-        <li>Scala
         <li>Scala.js
-        <li>ScalaCSS
-        <li>Scalatags
-        <li>Scala.Rx
       </ul>
       <div>
         <a href="https://guyonvarch.gitlab.io/reading" target="_blank">app</a>,
@@ -294,7 +322,7 @@
   <section>
     <h2>Tabata</h2>
 
-    <p class="subtitle">Configure and run a tabata timer.</p>
+    <p class="subtitle">Configure and run tabata timers.</p>
 
     <img src="projects/tabata.png">
 
diff --git a/public/main.css b/public/main.css
index cf80c8e..26b61b1 100644
--- a/public/main.css
+++ b/public/main.css
@@ -175,6 +175,12 @@ ul:not(.technos) {
   margin-bottom: var(--spacing-dog);
 }
 
+ul.bullets {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-cat);
+}
+
 ul.bullets > li {
   position: relative;
   padding-left: var(--spacing-dog);
@@ -189,18 +195,20 @@ ul.bullets > li::before {
 }
 
 ul.technos {
-  display: flex;
+  display: inline-flex;
   flex-wrap: wrap;
   padding-left: 0;
   font-family: sans-serif;
+  row-gap: var(--spacing-cat);
+  column-gap: calc(2 * var(--spacing-mouse));
 }
 
 ul.technos > li {
   background-color: var(--color-light-background);
-  margin: var(--spacing-mouse) var(--spacing-cat) var(--spacing-mouse) 0;
   border-radius: var(--border-radius-bee);
-  padding: 0 var(--spacing-mouse);
-  font-size: 0.7rem;
+  padding: 0 var(--spacing-cat);
+  font-size: var(--font-size-cat);
+  line-height: var(--font-size-lion);
 }
 
 /* Project footer */
-- 
cgit v1.2.3