Simplify project links

4 files changed, 39 insertions, 115 deletions

diff --git a/public/images/gitlab.svg b/public/images/gitlab.svg
deleted file mode 100644
index 9998e48..0000000
--- a/public/images/gitlab.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#515170" 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>
diff --git a/public/images/link.svg b/public/images/link.svg
deleted file mode 100644
index 919ef5b..0000000
--- a/public/images/link.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#515170" 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>
diff --git a/public/main.css b/public/main.css
index 347beca..62cae6e 100644
--- a/public/main.css
+++ b/public/main.css
@@ -141,6 +141,16 @@ h1 {
   padding-bottom: var(--size-mouse);
 }
 
+h1 a {
+  color: #1F6F9E;
+  text-decoration: none;
+  font-size: 75%;
+}
+
+h1 a:hover {
+  color: #29A8F3;
+}
+
 h2 {
   font-size: var(--size-dog);
   margin-top: var(--size-dog);
@@ -189,34 +199,3 @@ ul.technos > li {
   padding: 0 var(--size-mouse);
   font-size: 80%;
 }
-
-ul.links {
-  margin-bottom: var(--size-lion);
-}
-
-ul.links > li {
-  display: flex;
-  align-items: center;
-  margin-bottom: var(--size-cat);
-}
-
-ul.links a {
-  text-decoration: none;
-  color: var(--color-blue);
-  transition: color 0.3s ease-out 0.0s;
-  align-items: center;
-}
-
-ul.links a:focus {
-  outline: solid 0 #ffffff;
-}
-
-ul.links a:hover,
-ul.links a:focus {
-  text-decoration: underline;
-}
-
-ul.links svg {
-  margin-right: var(--size-dog);
-  height: var(--size-lion);
-}
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.