diff options
| -rw-r--r-- | public/index.html | 144 | ||||
| -rw-r--r-- | 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 */ |