From a27dfd1c5394dc9b880738ae953a623a165d6f53 Mon Sep 17 00:00:00 2001
From: Philipp Winter <phw@nymity.ch>
Date: Sat, 1 Feb 2025 11:00:13 -0600
Subject: [PATCH 1/2] Harmonize CSS formatting.

---
 src/header.go | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/header.go b/src/header.go
index 652d84c..a5174cc 100644
--- a/src/header.go
+++ b/src/header.go
@@ -20,7 +20,7 @@ const headerTemplate = `
   <link rel="icon" href="assets/favicon-192.png" sizes="192x192">
   <style>
   body {
-    font-family: Roboto,Helvetica,sans-serif;
+    font-family: Roboto, Helvetica, sans-serif;
     background: #ddd;
     margin: 1em auto;
     max-width: 1000px;
@@ -40,20 +40,20 @@ const headerTemplate = `
     padding: 0.5em;
     list-style-type: none; /* Disable bullet points */
     border-radius: 10px;
-    border:1px solid #c0c0c0;
+    border: 1px solid #c0c0c0;
     background: #f5f5f5;
     box-shadow: 2px 2px 5px #bbb;
   }
   a:link {
-    color:#0b61a4;
-    text-decoration:none;
+    color: #0b61a4;
+    text-decoration: none;
   }
   a:visited {
-    color:#033e6b;
-    text-decoration:none;
+    color: #033e6b;
+    text-decoration: none;
   }
   a:hover {
-    text-decoration:underline;
+    text-decoration: underline;
   }
   .icons a:hover {
     text-decoration: none;
@@ -158,10 +158,10 @@ const headerTemplate = `
     color: #efefef;
   }
   #book-info > a:link {
-    color: #d94b7b
+    color: #d94b7b;
   }
   #book-info > a:visited {
-    color: #d94b7b
+    color: #d94b7b;
   }
   </style>
 </head>

From 1dc5db35bc184ed086d7459fb6045c91a5bae288 Mon Sep 17 00:00:00 2001
From: Philipp Winter <phw@nymity.ch>
Date: Sat, 1 Feb 2025 13:58:30 -0600
Subject: [PATCH 2/2] Add hover animation effect.

---
 src/header.go | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/header.go b/src/header.go
index a5174cc..fb58cb2 100644
--- a/src/header.go
+++ b/src/header.go
@@ -82,7 +82,16 @@ const headerTemplate = `
   }
   .icon {
     height: 1em;
-    margin-right: 0.5em;
+    width: 1em;
+    display: inline-block;
+    border-radius: 50%;
+    transition: background-color 0.3s ease;
+    padding: 0.5em;
+    overflow: visible;
+  }
+  .icon:hover {
+    background-color: #ffb772;
+    cursor: pointer;
   }
   .icons {
     float: right;