aboutsummaryrefslogtreecommitdiff
path: root/public/projects.html
diff options
context:
space:
mode:
authorJoris2020-10-31 15:24:26 +0100
committerJoris2020-10-31 15:24:26 +0100
commit1e167679f6827c7119d616633b21fffef269cd75 (patch)
tree9c846c03913366936a093976a329e7a774002283 /public/projects.html
parentc9c0a6e8651da823b41e4186a736f2dbb48919db (diff)
Use only HTML and CSS
Diffstat (limited to 'public/projects.html')
-rw-r--r--public/projects.html302
1 files changed, 302 insertions, 0 deletions
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 @@
+<!DOCTYPE html>
+<html>
+ <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’m a developer using functional programming. View my resume and projects.">
+ <title>Joris Guyonvarch</title>
+ <link rel="stylesheet" href="style.css" />
+ <link rel="icon" href="icon.png" />
+ </head>
+
+ <body>
+ <header class="g-Header">
+ <a href="index.html" 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">Shared Cost</h1>
+
+ <div>
+ <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/shared-cost">
+ <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/shared-cost
+ </a>
+ </div>
+
+ <p class="g-Paragraph">
+ Share costs with a group of people with a Rich Internet
+ Application (RIA).
+ </p>
+
+ <img class="g-Image" src="projects/shared-cost.png" />
+
+ <ul class="g-Skills">
+ <li class="g-Skills__Item">Haskell</li>
+ <li class="g-Skills__Item">Scotty</li>
+ <li class="g-Skills__Item">Clay</li>
+ <li class="g-Skills__Item">GHCJS</li>
+ <li class="g-Skills__Item">reflex-frp</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 class="g-Skills__Item">Python</li>
+ <li class="g-Skills__Item">Qt</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 class="g-Skills__Item">Scala</li>
+ <li class="g-Skills__Item">Scala.js</li>
+ <li class="g-Skills__Item">ScalaCSS</li>
+ <li class="g-Skills__Item">Scalatags</li>
+ <li class="g-Skills__Item">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 class="g-Skills__Item">Ocaml</li>
+ <li class="g-Skills__Item">BuckleScript</li>
+ <li class="g-Skills__Item">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 class="g-Skills__Item">Elm</li>
+ <li class="g-Skills__Item">Game development</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 class="g-Skills__Item">Elm</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 as a blog from markdown files.</p>
+
+ <img class="g-Image" src="projects/cooking.png" />
+
+ <ul class="g-Skills">
+ <li class="g-Skills__Item">Zola</li>
+ <li class="g-Skills__Item">Ocaml</li>
+ <li class="g-Skills__Item">BuckleScript</li>
+ </ul>
+ </li>
+
+ <li class="g-Section">
+ <h1 class="g-Section__Title">ad-listener</h1>
+
+ <div>
+ <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/ad-listener">
+ <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/ad-listener
+ </a>
+ </div>
+
+ <p class="g-Paragraph">
+ Watch for new ads according to custom search criteria and send an
+ email notification each time a new ad is available.
+ </p>
+
+ <ul class="g-Skills">
+ <li class="g-Skills__Item">Haskell</li>
+ <li class="g-Skills__Item">TagSoup</li>
+ </ul>
+ </li>
+
+ <li class="g-Section">
+ <h1 class="g-Section__Title">nixos-config</h1>
+
+ <div>
+ <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/nixos-config">
+ <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/nixos-config
+ </a>
+ </div>
+
+ <p class="g-Paragraph">Configure declaratively my NixOS system.</p>
+
+ <ul class="g-Skills">
+ <li class="g-Skills__Item">Nix</li>
+ </ul>
+ </li>
+
+ <li class="g-Section">
+ <h1 class="g-Section__Title">dotfiles</h1>
+
+ <div>
+ <a class="g-IconLink__Link" href="https://gitlab.com/guyonvarch/dotfiles">
+ <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/dotfiles
+ </a>
+ </div>
+
+ <p class="g-Paragraph">
+ Configure my tools.
+ </p>
+ </li>
+ </ul>
+ </main>
+ </body>
+</html>