From 1e3afe5ec74d61448d76fa8f358d3c8422d7579c Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Wed, 10 Apr 2024 22:46:04 +0200
Subject: [PATCH] fix: correction des liens

Fixes #9
Fixes #10
---
 _includes/layouts/parent.njk |  2 +-
 public/css/index.css         | 19 +++++++++++++------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/_includes/layouts/parent.njk b/_includes/layouts/parent.njk
index 99cad1c..bf5f780 100644
--- a/_includes/layouts/parent.njk
+++ b/_includes/layouts/parent.njk
@@ -30,7 +30,7 @@
 			
 				{{ content | safe }}
 
-			<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
+			<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" alt="Le contenu de ce site est sous licence Creative Common Attribution - Partage à l'identique" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
 
 		</div>
 		<!-- Current page: {{ page.url | htmlBaseUrl }} -->
diff --git a/public/css/index.css b/public/css/index.css
index fcc671e..3ddf096 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -4,9 +4,9 @@
   --color-gray-90: #002b36;
 
 	/* --text-color is assigned to --color-gray-_ above */
-	--text-color-link: #268bd2;
-	--text-color-link-active: #268bd2;
-	--text-color-link-visited: #268bd2;
+	--text-color-link: #1864ab;
+	--text-color-link-active: #1864ab;
+	--text-color-link-visited: #1864ab;
 
   --background-color: #fdf6e3;
   --background-menu: #001d6b;
@@ -53,13 +53,20 @@ html {
 
 a[href] {
 	color: var(--text-color-link);
+  text-decoration: dashed;
+  padding: 0.05rem;
+  border-radius: 0.1rem;
+  text-decoration: underline dashed 1px;
+  text-underline-offset: 0.1rem;
 }
 a[href]:visited {
-	color: var(--text-color-link-visited);
+	color: var(--text-color-link);
 }
 a[href]:hover,
 a[href]:active {
-	color: var(--text-color-link-active);
+	color: var(--text-color-link);
+  background-color: rgba(0,0,0,0.2);
+  text-decoration: none;
 }
 
 blockquote {
@@ -102,7 +109,7 @@ header h1 {
   text-align: center;
 }
 
-header h1 a {
+header h1 a[href] {
   font-size:5rem;
   text-shadow:-2px -2px 0 #000,
     0 -2px 0 #000,