aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorJoris2021-04-24 22:32:14 +0200
committerJoris2021-04-24 22:32:14 +0200
commit57dc4106dace521e8d38b5f2a5bc5cd3156cef47 (patch)
tree06ab70657b98f0cdd02e2f2fa7b325d06d9bd8b8 /public
parent5fa65efe9d1479f17e1f55b5577772a52af938cf (diff)
Simplify project links
Diffstat (limited to 'public')
-rw-r--r--public/images/gitlab.svg3
-rw-r--r--public/images/link.svg5
-rw-r--r--public/main.css41
-rw-r--r--public/projects.html105
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.