diff options
-rw-r--r-- | public/images/gitlab.svg | 3 | ||||
-rw-r--r-- | public/images/link.svg | 5 | ||||
-rw-r--r-- | public/main.css | 41 | ||||
-rw-r--r-- | public/projects.html | 105 |
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. |