aboutsummaryrefslogtreecommitdiff
path: root/public/index.html
diff options
context:
space:
mode:
authorJoris2022-05-03 09:17:10 +0200
committerJoris2022-05-03 09:17:10 +0200
commit435f9b59373643a8a131ecbe324b81a21653e5f8 (patch)
tree7a36918c142e67815c4c8f25694354703f49020a /public/index.html
parentc6015b0c2741334ec298f72140c08965020ac493 (diff)
Improve design
- Ease readability - Bring projects on the index page - Add contact
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html465
1 files changed, 323 insertions, 142 deletions
diff --git a/public/index.html b/public/index.html
index 21adc8b..587d23f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,150 +1,331 @@
<!doctype html>
-<html lang="fr">
+<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="author" content="Joris Guyonvarch">
-<meta name="description" content="See my resume and projects.">
+<meta name="description" content="See my experience, educational background and projects.">
<link rel="stylesheet" href="/main.css">
-<link rel="icon" href="data:,">
<title>Joris Guyonvarch</title>
-<header>
- <a href="/" class="current">Resume</a>
- <a href="/projects.html">Projects</a>
-</header>
-
-<ol class="sections">
- <li>
- <h1>Experience</h1>
-
- <ol class="sub-sections">
- <li>
- <h2>Dividat since 2019</h2>
-
- <p>
- Prevent falls with technology-based training therapy which promotes
- autonomous mobility and functional independence in old age, after an
- accident or illness:
- </p>
-
- <ul class="bullets">
- <li>
- frontend application with games and assessments,
- <ul class="technos">
- <li>Elm
- <li>Sass
- </ul>
-
- <li>
- web server API,
- <ul class="technos">
- <li>Scala
- <li>Http4s
- <li>PostgreSQL
- <li>Ansible
- </ul>
-
- <li>
- auto-upgradable Operating System with a controller, a kiosk browser and drivers,
- <ul class="technos">
- <li>Nix
- <li>Ocaml
- <li>Python
- </ul>
-
- <li>
- WebSocket relay.
- <ul class="technos">
- <li>Rust
- </ul>
- </ul>
- </li>
-
- <li>
- <h2>Zengularity for 5 years</h2>
-
- <p>
- 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
- </ul>
- </li>
-
-
- <li>
- <h2>IRISA Rennes for 5 months</h2>
-
- <p>
- Scalable query-based faceted search for guided and expressive
- search on the semantic web.
- </p>
-
- <ul class="technos">
- <li>Semantic Web
- <li>Scala
- <li>Java
- <li>LaTeX
- <li>GWT
- <li>Jena
- </ul>
- </li>
-
- <li>
- <h2>Mission Critical IT for 3 months</h2>
-
- <p>
- Guided querying and edition of semantic web information.
- </p>
-
- <ul class="technos">
- <li>Semantic Web
- <li>Mercury
- </ul>
- </li>
- </ol>
- <li>
-
- <li>
- <h1>Educational background</h1>
-
- <ol class="sub-sections">
- <li>
- <h2>Master of Science Computer Science at INSA Rennes</h2>
-
- <ul class="bullets">
- <li>Language
- <li>System
- <li>Network
- </ul>
- </li>
-
- <li>
- <h2>Master of Research Computer Science at University of Rennes I</h2>
-
- <ul class="bullets">
- <li>Machine learning
- <li>Modelisation
- <li>Data indexation
- </ul>
- </li>
- </ol>
- <li>
-</ol>
+<header>Joris Guyonvarch</header>
+
+<main>
+ <h1>Experience</h1>
+
+ <section>
+ <h2>Dividat</h2>
+
+ <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>
+
+ <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
+ </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>
+ <h2>Zengularity</h2>
+
+ <p class="subtitle">5 years</p>
+
+ <p>
+ Develop 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
+ </ul>
+ </section>
+
+ <section>
+ <h2>IRISA Rennes</h2>
+
+ <p class="subtitle">5 months</p>
+
+ <p>
+ Scale up guided query-based faceted search on the Semantic Web on any
+ SPARQL endpoints, including DBpedia.
+ </p>
+
+ <ul class="technos">
+ <li>Semantic Web
+ <li>Scala
+ <li>Java
+ <li>LaTeX
+ <li>GWT
+ <li>Jena
+ </ul>
+ </section>
+
+ <section>
+ <h2>Mission Critical IT</h2>
+
+ <p class="subtitle">3 months</p>
+
+ <p>
+ Guide querying and edition of Semantic Web data with query-based faceted
+ search.
+ </p>
+
+ <ul class="technos">
+ <li>Semantic Web
+ <li>Mercury
+ </ul>
+ </section>
+
+ <h1>Educational background</h1>
+
+ <section>
+ <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>
+
+ <section>
+ <h2>Budget</h2>
+
+ <p class="subtitle">
+ Manage a budget with a group of people.
+ </p>
+
+ <img src="projects/budget.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>Rust
+ <li>SQLite
+ <li>Tera
+ <li>JavaScript
+ <li>CSS
+ </ul>
+ <a href="https://gitlab.com/guyonvarch/budget" target="_blank">code</a>
+ </div>
+ </section>
+
+ <section>
+ <h2>Todo</h2>
+
+ <p class="subtitle">Organize todos.</p>
+
+ <img src="projects/todo.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>Python
+ <li>Qt
+ <li>SQLite
+ </ul>
+ <a href="https://gitlab.com/guyonvarch/todo" target="_blank">code</a>
+ </div>
+ </section>
+
+ <section>
+ <h2>Calendar</h2>
+
+ <p class="subtitle">Organize events.</p>
+
+ <img src="projects/calendar.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>Rust
+ <li>Gtk 4
+ <li>SQLite
+ </ul>
+ <a href="https://gitlab.com/guyonvarch/calendar" target="_blank">code</a>
+ </div>
+ </section>
+
+ <section>
+ <h2>Flashcards</h2>
+
+ </div>
+
+ <p class="subtitle">Learn with space repetition.</p>
+
+ <img src="projects/flashcards.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>Rust
+ <li>SQLite
+ </ul>
+ <a href="https://gitlab.com/guyonvarch/flashcards" target="_blank">code</a>
+ </div>
+ </section>
+
+ <section>
+ <h2>Cooking</h2>
+
+ <p class="subtitle">Show recipes with adjustable ingredient portions.</p>
+
+ <img src="projects/cooking.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>HTML
+ <li>CSS
+ <li>JavaScript
+ </ul>
+ <div>
+ <a href="https://cooking.guyonvarch.me" target="_blank">website</a>,
+ <a href="https://gitlab.com/guyonvarch/cooking" target="_blank">code</a>
+ </div>
+ </div>
+ </section>
+
+ <section>
+ <h2>Reading</h2>
+
+ <p class="subtitle">Guide 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>,
+ <a href="https://gitlab.com/guyonvarch/reading" target="_blank">code</a>
+ </div>
+ </div>
+ </section>
+
+ <section>
+ <h2>Map</h2>
+
+ <p class="subtitle">Put customized markers on a map.</p>
+
+ <img src="projects/map.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>Ocaml
+ <li>BuckleScript
+ <li>Leaflet
+ </ul>
+ <div>
+ <a href="https://guyonvarch.gitlab.io/map" target="_blank">app</a>,
+ <a href="https://gitlab.com/guyonvarch/map" target="_blank">code</a>
+ </div>
+ </div>
+ </section>
+
+ <section>
+ <h2>cAtchVoid</h2>
+
+ <p class="subtitle">Catch the points of your color, avoid the others.</p>
+
+ <img src="projects/catchvoid.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>Elm
+ </ul>
+ <div>
+ <a href="http://guyonvarch.gitlab.io/catchvoid" target="_blank">game</a>,
+ <a href="https://gitlab.com/guyonvarch/catchvoid" target="_blank">code</a>
+ </div>
+ </div>
+ </section>
+
+ <section>
+ <h2>Tabata</h2>
+
+ <p class="subtitle">Configure and run a tabata timer.</p>
+
+ <img src="projects/tabata.png">
+
+ <div class="project-footer">
+ <ul class="technos">
+ <li>TypeScript
+ <li>CSS
+ </ul>
+ <div>
+ <a href="http://tabata.guyonvarch.me" target="_blank">app</a>,
+ <a href="https://gitlab.com/guyonvarch/tabata" target="_blank">code</a>
+ </div>
+ </div>
+ </section>
+
+ <h1>Contact</h1>
+
+ <section class="contact">
+ <a href="https://github.com/guyonvarch">
+ <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0 1 38.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg>
+ guyonvarch
+ </a>
+
+ <a href="https://gitlab.com/guyonvarch">
+ <svg width="20" height="20" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="m31.462 12.779-.045-.115-4.35-11.35a1.137 1.137 0 0 0-.447-.541 1.163 1.163 0 0 0-1.343.071c-.187.15-.322.356-.386.587l-2.94 9.001h-11.9l-2.941-9A1.138 1.138 0 0 0 6.065.592a1.153 1.153 0 0 0-1.13.72L.579 12.68l-.045.113a8.09 8.09 0 0 0 2.68 9.34l.016.012.038.03 6.635 4.967 3.28 2.484 1.994 1.51a1.35 1.35 0 0 0 1.627 0l1.994-1.51 3.282-2.484 6.673-4.997.018-.013a8.088 8.088 0 0 0 2.69-9.352z" fill="#E24329"/><path d="m31.462 12.779-.045-.115a14.748 14.748 0 0 0-5.856 2.634l-9.553 7.24A11225.6 11225.6 0 0 0 22.1 27.14l6.673-4.997.019-.013a8.09 8.09 0 0 0 2.67-9.352z" fill="#FC6D26"/><path d="m9.908 27.14 3.275 2.485 1.994 1.51a1.35 1.35 0 0 0 1.627 0l1.994-1.51 3.282-2.484s-2.835-2.14-6.092-4.603l-6.08 4.603z" fill="#FCA326"/><path d="M6.435 15.305A14.712 14.712 0 0 0 .58 12.672l-.045.113a8.09 8.09 0 0 0 2.68 9.347l.016.012.038.03 6.635 4.967 6.105-4.603-9.573-7.233z" fill="#FC6D26"/></svg>
+ guyonvarch
+ </a>
+
+ <a href="mailto:contact@guyonvarch.me">
+ <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 110.8V792H136V270.8l-27.6-21.5 39.3-50.5 42.8 33.3h643.1l42.8-33.3 39.3 50.5-27.7 21.5zM833.6 232L512 482 190.4 232l-42.8-33.3-39.3 50.5 27.6 21.5 341.6 265.6a55.99 55.99 0 0 0 68.7 0L888 270.8l27.6-21.5-39.3-50.5-42.7 33.2z"></path></svg>
+ contact@guyonvarch.me
+ </a>
+ </section>
+</main>