Simplify project links

1 files changed, 29 insertions, 76 deletions

diff --git a/public/projects.html b/public/projects.html
index 96ce98d..fc8e578 100644
--- a/public/projects.html
+++ b/public/projects.html
@@ -16,14 +16,9 @@
 
 <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>
+    <h1>
+      Budget (<a href="https://gitlab.com/guyonvarch/budget" target="_blank">code</a>)
+    </h1>
 
     <p>
       Manage a budget, letting people to pay depending on their income.
@@ -41,14 +36,7 @@
   </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>
+    <h1>Todo (<a href="https://gitlab.com/guyonvarch/todo" target="_blank">code</a>)</h1>
 
     <p>
       Manage a context-based next-action list.
@@ -63,18 +51,11 @@
   </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>
+    <h1>
+      Cooking
+      (<a href="https://cooking.guyonvarch.me" target="_blank">website</a>,
+      <a href="https://gitlab.com/guyonvarch/cooking" target="_blank">code</a>)
+    </h1>
 
     <p>
       Show recipes with adjustable ingredient portions.
@@ -90,18 +71,11 @@
   </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>
+    <h1>
+      Reading
+      (<a href="https://guyonvarch.gitlab.io/reading" target="_blank">app</a>,
+      <a href="https://gitlab.com/guyonvarch/reading" target="_blank">code</a>)
+    </h1>
 
     <p>
       Guide students to find a book by refining the result set with faceted search.
@@ -119,18 +93,11 @@
   </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>
+    <h1>
+      Map
+      (<a href="https://guyonvarch.gitlab.io/map" target="_blank">app</a>,
+      <a href="https://gitlab.com/guyonvarch/map" target="_blank">code</a>)
+    </h1>
 
     <p>
       Add customized markers on a map.
@@ -146,18 +113,11 @@
   </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>
+    <h1>
+      cAtchVoid
+      (<a href="http://guyonvarch.gitlab.io/catchvoid" target="_blank">game</a>,
+      <a href="https://gitlab.com/guyonvarch/catchvoid" target="_blank">code</a>)
+    </h1>
 
     <p>
       Catch the points of your color, avoid the others. You can switch colors
@@ -172,18 +132,11 @@
   </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>
+    <h1>
+      Timer
+      (<a href="https://gitlab.com/guyonvarch/timer" target="_blank">app</a>,
+      <a href="http://guyonvarch.gitlab.io/timer" target="_blank">code</a>)
+    </h1>
 
     <p>
       Create and manage timers.