work on blog link CSS

static/blog-blanc&noir.css

@@ -29,10 +29,28 @@
  
  * {-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;
+}
 
- a {
-     color: var(--color-text);
- }
  
  .date {
    margin-bottom: 0;

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;

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;

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 {

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;
  }

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 %}