diff options
Diffstat (limited to 'public/projects.html')
-rw-r--r-- | public/projects.html | 443 |
1 files changed, 200 insertions, 243 deletions
diff --git a/public/projects.html b/public/projects.html index ff9aeb4..baa2216 100644 --- a/public/projects.html +++ b/public/projects.html @@ -1,243 +1,200 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <meta name="author" content="Joris Guyonvarch"> - <meta name="description" content="I am a developer using functional programming. View my resume and projects."> - <title>Joris Guyonvarch</title> - <link rel="stylesheet" href="main.css" /> - <link rel="icon" href="icon.png" /> - </head> - - <body> - <header class="g-Header"> - <a href="/" class="g-Header__Link ">Resume</a> - <a href="projects.html" class="g-Header__Link g-Header__Link--Current">Projects</a> - </header> - - <main class="g-Main"> - <ul class="g-Projects__List"> - - <li class="g-Section"> - <h1 class="g-Section__Title">Budget</h1> - - <div> - <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/budget"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> - </span> - guyonvarch/budget - </a> - </div> - - <p class="g-Paragraph"> - Manage a budget, letting people to pay depending on their income. - </p> - - <img class="g-Image" src="projects/budget.png" /> - - <ul class="g-Skills"> - <li>Rust</li> - <li>Sqlite</li> - <li>Tera</li> - <li>JavaScript</li> - <li>CSS</li> - </ul> - </li> - - <li class="g-Section"> - <h1 class="g-Section__Title">Todo</h1> - - <div> - <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/todo"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> - </span> - guyonvarch/todo - </a> - </div> - - <p class="g-Paragraph">Manage a context-based next-action list.</p> - - <img class="g-Image" src="projects/todo.png" /> - - <ul class="g-Skills"> - <li>Python</li> - <li>Qt</li> - </ul> - </li> - - <li class="g-Section"> - <h1 class="g-Section__Title">Cooking</h1> - - <div> - <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/cooking"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> - </span> - guyonvarch/cooking - </a> - </div> - - <div> - <a class="g-IconLink__Link" href="https://cooking.guyonvarch.me"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg> - - </span> - https://cooking.guyonvarch.me - </a> - </div> - - <p class="g-Paragraph">Show recipes with adjustable ingredient portions.</p> - - <img class="g-Image" src="projects/cooking.png" /> - - <ul class="g-Skills"> - <li>HTML</li> - <li>CSS</li> - <li>JavaScript</li> - </ul> - </li> - - <li class="g-Section"> - <h1 class="g-Section__Title">Reading</h1> - - <div> - <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/reading"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> - </span> - guyonvarch/reading - </a> - </div> - - <div> - <a class="g-IconLink__Link" href="https://guyonvarch.gitlab.io/reading"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg> - - </span> - https://guyonvarch.gitlab.io/reading - </a> - </div> - - <p class="g-Paragraph"> - Guide students to find a book by refining the result set with faceted search. - </p> - - <img class="g-Image" src="projects/reading.png" /> - - <ul class="g-Skills"> - <li>Scala</li> - <li>Scala.js</li> - <li>ScalaCSS</li> - <li>Scalatags</li> - <li>Scala.Rx</li> - </ul> - </li> - - <li class="g-Section"> - <h1 class="g-Section__Title">Map</h1> - - <div> - <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/map"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> - </span> - guyonvarch/map - </a> - </div> - - <div> - <a class="g-IconLink__Link" href="https://guyonvarch.gitlab.io/map"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg> - - </span> - https://guyonvarch.gitlab.io/map - </a> - </div> - - <p class="g-Paragraph">Add customized markers on a map.</p> - - <img class="g-Image" src="projects/map.png" /> - - <ul class="g-Skills"> - <li>Ocaml</li> - <li>BuckleScript</li> - <li>Leaflet</li> - </ul> - </li> - - <li class="g-Section"> - <h1 class="g-Section__Title">cAtchVoid</h1> - - <div> - <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/catchvoid"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> - </span> - guyonvarch/catchvoid - </a> - </div> - - <div> - <a class="g-IconLink__Link" href="http://guyonvarch.gitlab.io/catchvoid"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg> - - </span> - http://guyonvarch.gitlab.io/catchvoid - </a> - </div> - - <p class="g-Paragraph"> - Catch the points of your color, avoid the others. You can switch - colors in order to reverse the game mechanic. Get the best score. - </p> - <img class="g-Image" src="projects/catchvoid.png" /> - - <ul class="g-Skills"> - <li>Elm</li> - </ul> - </li> - - <li class="g-Section"> - <h1 class="g-Section__Title">Timer</h1> - - <div> - <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/timer"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg> - </span> - guyonvarch/timer - </a> - </div> - - <div> - <a class="g-IconLink__Link" href="http://guyonvarch.gitlab.io/timer"> - <span class="g-IconLink__Icon"> - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg> - - </span> - http://guyonvarch.gitlab.io/timer - </a> - </div> - - <p class="g-Paragraph"> - Create and manage timers with a Rich Internet Application (RIA). - </p> - - <img class="g-Image" src="projects/timer.png" /> - - <ul class="g-Skills"> - <li>Elm</li> - </ul> - </li> - - </ul> - </main> - </body> -</html> +<!doctype html> +<html lang="fr"> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width"> +<meta name="author" content="Joris Guyonvarch"> +<meta name="description" content="I am a developer using functional programming. View my resume and projects."> +<link rel="stylesheet" href="/main.css"> +<link rel="icon" href="/icon.png"> +<script src="/main.js"></script> + +<title>Joris Guyonvarch – Projects</title> + +<header> + <a href="/">Resume</a> + <a href="/projects.html" class="current">Projects</a> +</header> + +<ol class="sections"> + <li> + <h1>Budget</h1> + + <ul class="links"> + <li> + <img class="icon" src="/images/gitlab.svg"> + <a href="https://gitlab.com/guyonvarch/budget">guyonvarch/budget</a> + </li> + </ul> + + <p> + Manage a budget, letting people to pay depending on their income. + </p> + + <img src="projects/budget.png"> + + <ul class="technos"> + <li>Rust + <li>Sqlite + <li>Tera + <li>JavaScript + <li>CSS + </ul> + </li> + + <li> + <h1>Todo</h1> + + <ul class="links"> + <li> + <img class="icon" src="/images/gitlab.svg"> + <a href="https://gitlab.com/guyonvarch/todo">guyonvarch/todo</a> + </li> + </ul> + + <p> + Manage a context-based next-action list. + </p> + + <img src="projects/todo.png"> + + <ul class="technos"> + <li>Python + <li>Qt + </ul> + </li> + + <li> + <h1>Cooking</h1> + + <ul class="links"> + <li> + <img class="icon" src="/images/gitlab.svg"> + <a href="https://gitlab.com/guyonvarch/cooking">guyonvarch/cooking</a> + </li> + <li> + <img class="icon" src="/images/link.svg"> + <a href="https://cooking.guyonvarch.me">https://cooking.guyonvarch.me</a> + </li> + </ul> + + <p> + Show recipes with adjustable ingredient portions. + </p> + + <img src="projects/cooking.png"> + + <ul class="technos"> + <li>HTML + <li>CSS + <li>JavaScript + </ul> + </li> + + <li> + <h1>Reading</h1> + + <ul class="links"> + <li> + <img class="icon" src="/images/gitlab.svg"> + <a href="https://gitlab.com/guyonvarch/reading">guyonvarch/reading</a> + </li> + <li> + <img class="icon" src="/images/link.svg"> + <a href="https://guyonvarch.gitlab.io/reading">https://guyonvarch.gitlab.io/reading</a> + </li> + </ul> + + <p> + Guide students to find a book by refining the result set with faceted search. + </p> + + <img src="projects/reading.png"> + + <ul class="technos"> + <li>Scala + <li>Scala.js + <li>ScalaCSS + <li>Scalatags + <li>Scala.Rx + </ul> + </li> + + <li> + <h1>Map</h1> + + <ul class="links"> + <li> + <img class="icon" src="/images/gitlab.svg"> + <a href="https://gitlab.com/guyonvarch/map">guyonvarch/map</a> + </li> + <li> + <img class="icon" src="/images/link.svg"> + <a href="https://guyonvarch.gitlab.io/map">https://guyonvarch.gitlab.io/map</a> + </li> + </ul> + + <p> + Add customized markers on a map. + </p> + + <img src="projects/map.png"> + + <ul class="technos"> + <li>Ocaml + <li>BuckleScript + <li>Leaflet + </ul> + </li> + + <li> + <h1>cAtchVoid</h1> + + <ul class="links"> + <li> + <img class="icon" src="/images/gitlab.svg"> + <a href="https://gitlab.com/guyonvarch/catchvoid">guyonvarch/catchvoid</a> + </li> + <li> + <img class="icon" src="/images/link.svg"> + <a href="http://guyonvarch.gitlab.io/catchvoid">http://guyonvarch.gitlab.io/catchvoid</a> + </li> + </ul> + + <p> + Catch the points of your color, avoid the others. You can switch colors + in order to reverse the game mechanic. Get the best score. + </p> + + <img src="projects/catchvoid.png"> + + <ul class="technos"> + <li>Elm + </ul> + </li> + + <li> + <h1>Timer</h1> + + <ul class="links"> + <li> + <img class="icon" src="/images/gitlab.svg"> + <a href="https://gitlab.com/guyonvarch/timer">guyonvarch/timer</a> + </li> + <li> + <img class="icon" src="/images/link.svg"> + <a href="http://guyonvarch.gitlab.io/timer">http://guyonvarch.gitlab.io/timer</a> + </li> + </ul> + + <p> + Create and manage timers. + </p> + + <img src="projects/timer.png"> + + <ul class="technos"> + <li>Elm + </ul> + </li> + +</ul> |