edryd.org

commit 9e6de558f2ba400f795ec6f489f1dedc4d1df3eb
parent 654df32cbc9a55c62e254aad2b821b7851b8008d
Author: Ed van Bruggen <ed@edryd.org>
Date:   Thu, 24 Jul 2025 20:51:26 -0700

Change link style to have purple underline

Diffstat:
M
layouts/_default/baseof.html
 | 
4
+---
M
static/css/theme.css
 | 
38
+++++++++++++++++++++++++++++++++-----

2 files changed, 34 insertions(+), 8 deletions(-)
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -51,10 +51,8 @@
               </a>
             </p>
           </div>
-          <div class="col-md-6">
-            <p class="links mb-md-0 text-center text-inc text-md-right">
+          <div class="col-md-6 text-inc text-md-right">
               {{ partial "links.html" }}
-            </p>
           </div>
         </div>
       </div>
diff --git a/static/css/theme.css b/static/css/theme.css
@@ -918,19 +918,47 @@ body {
 a {
   color: #555;
   text-decoration: none;
-  font-style: italic;
+}
+
+a:hover, a:focus {
+  color: #0d0d0d;
+  text-decoration: none;
 }
 
 p a {
-  color: #303030;
+  color: #18272F;
+  text-decoration: none;
   font-weight: 600;
+  position: relative;
 }
 
-a:hover, a:focus {
-  color: #0d0d0d;
-  text-decoration: underline;
+p a::before {
+  content: '';
+  background-color: hsla(300,100%,25.1%, .5);
+  position: absolute;
+  left: 0;
+  bottom: 3px;
+  width: 100%;
+  height: 3px;
+  z-index: -1;
+  transition: all .3s ease-in-out;
 }
 
+p a:hover::before {
+  bottom: 0;
+  height: 90%;
+}
+
+footer a {
+  color: #FFFFFF;
+}
+
+footer a:hover, a:focus {
+  color: hsl(300,100%,25.1%);
+  text-decoration: none;
+}
+
+
 h1,
 h2,
 h3,