From 1e167679f6827c7119d616633b21fffef269cd75 Mon Sep 17 00:00:00 2001
From: Joris
Date: Sat, 31 Oct 2020 15:24:26 +0100
Subject: Use only HTML and CSS
---
public/icon.png | Bin 0 -> 701 bytes
public/index.html | 203 +++++++++++++++++++++++++++
public/projects.html | 302 ++++++++++++++++++++++++++++++++++++++++
public/projects/catchvoid.png | Bin 0 -> 60480 bytes
public/projects/cooking.png | Bin 0 -> 71273 bytes
public/projects/map.png | Bin 0 -> 1837961 bytes
public/projects/reading.png | Bin 0 -> 859810 bytes
public/projects/shared-cost.png | Bin 0 -> 104841 bytes
public/projects/timer.png | Bin 0 -> 27947 bytes
public/projects/todo.png | Bin 0 -> 57397 bytes
public/style.css | 170 ++++++++++++++++++++++
11 files changed, 675 insertions(+)
create mode 100644 public/icon.png
create mode 100644 public/index.html
create mode 100644 public/projects.html
create mode 100644 public/projects/catchvoid.png
create mode 100644 public/projects/cooking.png
create mode 100644 public/projects/map.png
create mode 100644 public/projects/reading.png
create mode 100644 public/projects/shared-cost.png
create mode 100644 public/projects/timer.png
create mode 100644 public/projects/todo.png
create mode 100644 public/style.css
(limited to 'public')
diff --git a/public/icon.png b/public/icon.png
new file mode 100644
index 0000000..115a297
Binary files /dev/null and b/public/icon.png differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..9aac4ed
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,203 @@
+
+
+
+
+
+
+
+ Joris Guyonvarch
+
+
+
+
+
+
+
+
+
+ Experience
+
+
+
+
+
+ Dividat since 2019
+
+
+
+ Prevent falls with technology-based training therapy which
+ promotes autonomous mobility and functional independence in old
+ age, after an accident or illness.
+
+
+
+ Elm
+ Scala
+ Nix
+ Python
+ Ocaml
+ Rust
+ PostgreSQL
+
+
+
+
+
+ Zengularity for 5 years
+
+
+
+ Web Oriented Architecture (WOA) for information systems :
+
+
+
+ Training platform for the unemployed in Seine-Saint-Denis.
+ File house insurance claims for Saretec.
+ Unit and automatic franking of Colissimo labels for La Poste.
+ Participant’s pages for the Mutuelle Nationale Territoriale (MNT).
+ Food sample analysis with results visualization for Adisseo.
+
+
+
+ Scala
+ Scala.js
+ Elm
+ Akka
+ Play!
+ MongoDB
+ PostgreSQL
+ ElasticSearch
+
+
+
+
+
+ IRISA Rennes for 5 months
+
+
+
+ Scalable query-based faceted search for guided and expressive
+ search on the semantic web.
+
+
+
+ Semantic Web
+ Scala
+ Java
+ LaTeX
+ GWT
+ Jena
+
+
+
+
+
+ Mission Critical IT for 3 months
+
+
+
+ Guided querying and edition of semantic web information.
+
+
+
+ Semantic Web
+ Mercury
+
+
+
+
+
+
+ Educational background
+
+
+
+
+
+ Skills
+
+
+
+
+ Technical lead
+
+
+
+ Create tasks and subtasks from functional needs.
+ Optimise task order for the development team.
+
+
+
+
+
+ Developer
+
+
+
+ Program with functional languages (Haskell, Scala, Elm).
+ Build web applications (HTTP protocol; HTML, CSS, Javascript and JSON languages).
+ Interact with data (SQL, MongoDB, SPARQL).
+ Work with versioning (Git).
+ Review code and test functionalities.
+ Write bash and Python scripts.
+
+
+
+
+
+ Researcher
+
+
+
+ Conduct a bibliographic research.
+ Build a prototype and experiment from it.
+ Analyse the results from an experimentation and check the hypotheses.
+ Present a research study through an article and a slideshow (LaTeX).
+
+
+
+
+
+
+ Hobbies
+
+
+
+
+
+ Tune my workstation (NixOS, i3, bépo keyboard layout).
+ Create video games (SDL, Elm).
+
+
+
+
+
+
+
diff --git a/public/projects.html b/public/projects.html
new file mode 100644
index 0000000..476b152
--- /dev/null
+++ b/public/projects.html
@@ -0,0 +1,302 @@
+
+
+
+
+
+
+
+ Joris Guyonvarch
+
+
+
+
+
+
+
+
+
+
+ Shared Cost
+
+
+
+
+ Share costs with a group of people with a Rich Internet
+ Application (RIA).
+
+
+
+
+
+ Haskell
+ Scotty
+ Clay
+ GHCJS
+ reflex-frp
+
+
+
+
+ Todo
+
+
+
+ Manage a context-based next-action list.
+
+
+
+
+
+
+
+ Reading
+
+
+
+
+
+
+ Guide students to find a book by refining the result set with faceted search.
+
+
+
+
+
+ Scala
+ Scala.js
+ ScalaCSS
+ Scalatags
+ Scala.Rx
+
+
+
+
+ Map
+
+
+
+
+
+ Add customized markers on a map.
+
+
+
+
+ Ocaml
+ BuckleScript
+ Leaflet
+
+
+
+
+ cAtchVoid
+
+
+
+
+
+
+ Catch the points of your color, avoid the others. You can switch
+ colors in order to reverse the game mechanic. Get the best score.
+
+
+
+
+ Elm
+ Game development
+
+
+
+
+ Timer
+
+
+
+
+
+
+ Create and manage timers with a Rich Internet Application (RIA).
+
+
+
+
+
+
+
+
+ Cooking
+
+
+
+
+
+ Show recipes as a blog from markdown files.
+
+
+
+
+ Zola
+ Ocaml
+ BuckleScript
+
+
+
+
+ ad-listener
+
+
+
+
+ Watch for new ads according to custom search criteria and send an
+ email notification each time a new ad is available.
+
+
+
+
+
+
+ nixos-config
+
+
+
+ Configure declaratively my NixOS system.
+
+
+
+
+
+ dotfiles
+
+
+
+
+ Configure my tools.
+
+
+
+
+
+
diff --git a/public/projects/catchvoid.png b/public/projects/catchvoid.png
new file mode 100644
index 0000000..bc05c6b
Binary files /dev/null and b/public/projects/catchvoid.png differ
diff --git a/public/projects/cooking.png b/public/projects/cooking.png
new file mode 100644
index 0000000..2d2bcc9
Binary files /dev/null and b/public/projects/cooking.png differ
diff --git a/public/projects/map.png b/public/projects/map.png
new file mode 100644
index 0000000..dcc83e4
Binary files /dev/null and b/public/projects/map.png differ
diff --git a/public/projects/reading.png b/public/projects/reading.png
new file mode 100644
index 0000000..4b58f0e
Binary files /dev/null and b/public/projects/reading.png differ
diff --git a/public/projects/shared-cost.png b/public/projects/shared-cost.png
new file mode 100644
index 0000000..e0101cb
Binary files /dev/null and b/public/projects/shared-cost.png differ
diff --git a/public/projects/timer.png b/public/projects/timer.png
new file mode 100644
index 0000000..dd37a2d
Binary files /dev/null and b/public/projects/timer.png differ
diff --git a/public/projects/todo.png b/public/projects/todo.png
new file mode 100644
index 0000000..763f1bb
Binary files /dev/null and b/public/projects/todo.png differ
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..999fb7c
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,170 @@
+@keyframes appear {
+ 0.0% {
+ transform: translateX(0.8rem);
+ opacity: 0;
+ }
+ 100.0% {
+ transform: translateX(0);
+ }
+}
+
+@media screen and (max-width: 500px) {
+ html {
+ font-size: 90%;
+ }
+}
+
+@media screen and (min-width: 500px) and (max-width: 900px) {
+ html {
+ font-size: 100%;
+ }
+}
+
+@media screen and (min-width: 900px) {
+ html {
+ font-size: 110%;
+ }
+}
+
+body {
+ overflow-x: hidden;
+ margin: 0;
+ line-height: 1.8rem;
+}
+
+.g-Main {
+ animation-name: appear;
+ animation-duration: 0.2s;
+ animation-timing-function: ease-in;
+ animation-iteration-count: 1;
+ width: 80%;
+ margin: 0 auto;
+}
+
+svg {
+ width: inherit;
+ height: inherit;
+}
+
+ul {
+ list-style-type: none;
+ padding-left: 0;
+}
+
+.g-Paragraph {
+ margin-bottom: 1rem;
+}
+
+.g-List {
+ padding-left: 0;
+ margin: 0.5rem 0 1rem 0.5rem;
+}
+
+.g-List__Item::before {
+ content: "•";
+ color: #bf7f3f;
+ display: inline-block;
+ margin-right: 0.5rem;
+}
+
+.g-List__Item {
+ padding: 0.2rem 0;
+}
+
+.g-Image {
+ border: solid 1px #646464;
+ border-radius: 0.5rem;
+ margin-bottom: 1rem;
+ width: 100%;
+ max-width: 900px;
+}
+
+.g-Header {
+ background-color: #bf7f3f;
+ font-size: 2.5rem;
+ display: flex;
+ font-variant: small-caps;
+}
+
+.g-Header__Link {
+ display: flex;
+ font-size: 0.6em;
+ justify-content: center;
+ align-items: center;
+ flex-grow: 1;
+ flex-basis: 0;
+ height: 3.5rem;
+ text-decoration: none;
+ padding: 0;
+ text-align: center;
+ color: #ffffff;
+}
+
+.g-Header__Link:hover,
+.g-Header__Link:focus,
+.g-Header__Link--Current {
+ border-bottom: #9a5f20 solid 0.6rem;
+}
+
+.g-IconLink__Link {
+ text-decoration: none;
+ color: #515170;
+ transition: color 0.3s ease-out 0.0s;
+ display: inline-flex;
+ align-items: center;
+}
+
+.g-IconLink__Link:focus {
+ outline: solid 0 #ffffff;
+}
+
+.g-IconLink__Link:hover,
+.g-IconLink__Link:focus {
+ text-decoration: underline;
+}
+
+.g-IconLink__Icon {
+ margin-right: 1rem;
+ height: 1.2rem;
+}
+
+.g-Resume__Title {
+ margin: 2.5rem 0 0.5rem;
+}
+
+.g-Resume__Title > em {
+ font-style: normal;
+ border-bottom: solid 0.2rem #bf7f3f;
+}
+
+.g-Section__Title {
+ color: #bf7f3f;
+ font-size: 1.8rem;
+ font-weight: lighter;
+ margin-bottom: 2rem;
+ margin-top: 3.5rem;
+ border-bottom: 0.1rem solid #bf7f3f;
+ padding-bottom: 0.5rem;
+ font-variant: small-caps;
+ letter-spacing: 0.1rem;
+}
+
+.g-Section__Entries {
+ padding-left: 0;
+}
+
+.g-Skills {
+ display: flex;
+ flex-wrap: wrap;
+ margin-bottom: 1rem;
+ padding-left: 0;
+}
+
+.g-Skills__Item {
+ font-size: 0.8rem;
+ margin-right: 1rem;
+ margin-bottom: 0.5rem;
+ background-color: #EEEEEE;
+ border-radius: 0.1rem;
+ padding: 0 0.5rem;
+}
--
cgit v1.2.3