From 6984d7b04f20741a9d9846a47ceb63c49565ea7f Mon Sep 17 00:00:00 2001
From: kitoy <kitoy@kitoy.me>
Date: Mon, 22 Dec 2025 14:26:59 +0100
Subject: [PATCH] work on blog link CSS

---
 static/blog-blanc&noir.css  | 24 +++++++++++++++++++++---
 static/blog-noir&blanc.css  | 23 ++++++++++++++++++++---
 static/blog-orange&noir.css | 24 ++++++++++++++++++++++--
 static/blog-orangina.css    | 21 +++++++++++++++++++--
 static/blog.css             | 20 +++++++++++++++++++-
 templates/blog.html         |  2 +-
 6 files changed, 102 insertions(+), 12 deletions(-)

diff --git a/static/blog-blanc&noir.css b/static/blog-blanc&noir.css
index aa22726..cb9d5ca 100644
--- a/static/blog-blanc&noir.css
+++ b/static/blog-blanc&noir.css
@@ -29,11 +29,29 @@
  
  * {-moz-box-sizing: border-box; box-sizing: border-box;}
 
+a {
+  box-shadow: inset 0 0 0 0 var(--color-text);
+  color: --color-text;
+  padding: 0 .25rem;
+  margin: 0 -.25rem;
+  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+}
 
- a {
-     color: var(--color-text);
- }
 
+a:hover {
+  color: var(--color-background);
+  box-shadow: inset 300px 0 0 0 var(--color-text);
+  text-decoration: none;
+}
+
+a {
+    color: var(--color-text);
+    text-decoration: underline 2px;
+    font-weight: 700;
+    line-height: 1.5;
+}
+
+ 
  .date {
    margin-bottom: 0;
  }
diff --git a/static/blog-noir&blanc.css b/static/blog-noir&blanc.css
index 543fdd3..ed7e592 100644
--- a/static/blog-noir&blanc.css
+++ b/static/blog-noir&blanc.css
@@ -29,10 +29,27 @@
  
  * {-moz-box-sizing: border-box; box-sizing: border-box;}
 
+a {
+  box-shadow: inset 0 0 0 0 var(--color-text);
+  color: --color-text;
+  padding: 0 .25rem;
+  margin: 0 -.25rem;
+  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+}
 
- a {
-     color: var(--color-text);
- }
+
+a:hover {
+  color: var(--color-background);
+  box-shadow: inset 300px 0 0 0 var(--color-text);
+  text-decoration: none;
+}
+
+a {
+    color: var(--color-text);
+    text-decoration: underline 2px;
+    font-weight: 700;
+     line-height: 1.5;
+}
 
  .date {
    margin-bottom: 0;
diff --git a/static/blog-orange&noir.css b/static/blog-orange&noir.css
index 2708d0d..296e6b4 100644
--- a/static/blog-orange&noir.css
+++ b/static/blog-orange&noir.css
@@ -4,6 +4,8 @@
  {
      --color-text: #ee794c;
      --color-background: #010101;
+     --font-emoji : "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+     --font-basic : system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif;
  }
  
  html{
@@ -28,8 +30,26 @@
 
 
  a {
-     color: var(--color-text);
- }
+  box-shadow: inset 0 0 0 0 var(--color-text);
+  color: --color-text;
+  padding: 0 .25rem;
+  margin: 0 -.25rem;
+  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+}
+
+
+a:hover {
+  color: var(--color-background);
+  box-shadow: inset 300px 0 0 0 var(--color-text);
+  text-decoration: none;
+}
+
+a {
+    color: var(--color-text);
+    text-decoration: underline 2px;
+    font-weight: 700;
+    line-height: 1.5;
+}
 
  .date {
    margin-bottom: 0;
diff --git a/static/blog-orangina.css b/static/blog-orangina.css
index 261d684..76f7fa8 100644
--- a/static/blog-orangina.css
+++ b/static/blog-orangina.css
@@ -19,7 +19,7 @@
  body {
     color: var(--color-text);
     background-color:  var(--color-background);
-    font-family: var(--font-basic)
+    font-family: var(--font-basic);
  }
 
 
@@ -30,9 +30,26 @@
  * {-moz-box-sizing: border-box; box-sizing: border-box;}
 
 
+a {
+  box-shadow: inset 0 0 0 0 var(--color-text);
+  color: --color-text;
+  padding: 0 .25rem;
+  margin: 0 -.25rem;
+  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+}
+
+
+a:hover {
+  color: var(--color-background);
+  box-shadow: inset 300px 0 0 0 var(--color-text);
+  text-decoration: none;
+}
+
  a {
      color: var(--color-text);
-     text-decoration: none;
+     text-decoration: underline 2px;
+     font-weight: 700;
+     line-height: 1.5;
  }
 
  .date {
diff --git a/static/blog.css b/static/blog.css
index 9b3d019..95e1161 100644
--- a/static/blog.css
+++ b/static/blog.css
@@ -31,11 +31,29 @@
  * {-moz-box-sizing: border-box; box-sizing: border-box;}
 
 
+a {
+  box-shadow: inset 0 0 0 0 var(--color-text);
+  color: --color-text;
+  padding: 0 .25rem;
+  margin: 0 -.25rem;
+  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+}
+
+
+a:hover {
+  color: var(--color-background);
+  box-shadow: inset 300px 0 0 0 var(--color-text);
+  text-decoration: none;
+}
+
  a {
      color: var(--color-text);
-    
+     text-decoration: underline 2px;
+     font-weight: 700;
+     line-height: 1.5;
  }
 
+ 
  .date {
    margin-bottom: 0;
  }
diff --git a/templates/blog.html b/templates/blog.html
index 2525465..5816fb2 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -15,7 +15,7 @@
  
 	  <h2 class="titre"> {{ post_info.title }} </h2>
 	  
-          <h5 class="titre">Publié le : {{ post_info.creation_date }} par <a href="{{ url_for('blog.view') }}/{{ post_info.author }}"> {{ post_info.author }} </h5>
+          <h5 class="titre">Publié le : {{ post_info.creation_date }} par <a href="{{ url_for('blog.view') }}/{{ post_info.author }}"> {{ post_info.author }} </h5></a>
 	  {% if post_info.last_updated %}
 	  <h5 class="titre">Mis à jour le : {{ post_info.last_updated }} </h5>
 	  {% endif %}