From 1adebc92400adff6210f9d94e206ed489bb26a59 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Tue, 30 May 2023 22:00:35 +0200
Subject: [PATCH] style: orange border for avatar when hover

---
 _includes/head.html | 5 ++++-
 assets/main.scss    | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/_includes/head.html b/_includes/head.html
index f9a8c3c..fe5aab3 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -153,9 +153,12 @@
             repostsAvatars.className = "avatar-block";
             reposts.forEach((repost) => {
               const image = document.createElement("img");
+              const link = document.createElement("a");
+              link.href = repost.author.url;
               image.src = repost.author.photo;
               image.alt = `Avatar for ${repost.author.name}`;
-              repostsAvatars.append(image);
+              link.append(image);
+              repostsAvatars.append(link);
             });
             repostsWrapper.append(repostsAvatars);
 
diff --git a/assets/main.scss b/assets/main.scss
index 6ebbde5..02c430b 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -459,6 +459,12 @@ table.image caption {
       border-left: 3px solid rgba(34, 34, 34, 0.15);
     }
 
+    .reply-photo:hover,
+    .avatar-block img:hover {
+      berder-width: 5px;
+      border-color: #bb4a03;
+    }
+
     .reply-photo,
     .avatar-block img {
       width: 3em;