Simplify HTML tags

author: Joris 2021-01-10 10:59:02 +0100
committer: Joris 2021-01-10 10:59:02 +0100
commit: 6682ff4644ab422da760b90934ee42dc62df9bb6 (patch)
tree: c77113910cd83ec72866125c03b6bf61380825ff /public/projects.html
parent: 6a3eee77b0b15aca115d4ba4eb49035b94d63259 (diff)
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>
author	Joris	2021-01-10 10:59:02 +0100
committer	Joris	2021-01-10 10:59:02 +0100
commit	6682ff4644ab422da760b90934ee42dc62df9bb6 (patch)
tree	c77113910cd83ec72866125c03b6bf61380825ff /public/projects.html
parent	6a3eee77b0b15aca115d4ba4eb49035b94d63259 (diff)