From de728e75bdb71ecc23aca44a77bd6ea7234d755f Mon Sep 17 00:00:00 2001
From: Benjamin Liden <benjamin.c.liden@gmail.com>
Date: Sun, 26 May 2019 06:01:48 -0400
Subject: [PATCH] added link to GH profile in username block + styling (#59)

---
 assets/index.css | 6 ++++--
 populate.js      | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/assets/index.css b/assets/index.css
index e550cb9..de35776 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -240,13 +240,15 @@ body{
     font-family: 'Questrial', sans-serif;
 }
 
-#about a {
+#about a,
+#username a {
     color:#fff !important;
     text-decoration:none;
     font-weight:bold;
 }
 
-#about a:hover {
+#about a:hover,
+#username a:hover {
     text-decoration:underline;
 }
 
diff --git a/populate.js b/populate.js
index 6512fa4..0a2958e 100644
--- a/populate.js
+++ b/populate.js
@@ -106,7 +106,7 @@ module.exports.updateHTML = (username, sort, order, includeFork) => {
                 icon.setAttribute("type", "image/png");
                 document.getElementsByTagName("head")[0].appendChild(icon);
                 document.getElementById("profile_img").style.background = `url('${user.avatar_url}') center center`
-                document.getElementById("username").innerHTML = `<span style="display:${user.name == null || !user.name ? 'none' : 'block'};">${user.name}</span>@${user.login}`;
+                document.getElementById("username").innerHTML = `<span style="display:${user.name == null || !user.name ? 'none' : 'block'};">${user.name}</span><a href="${user.html_url}">@${user.login}</a>`;
                 //document.getElementById("github_link").href = `https://github.com/${user.login}`;
                 document.getElementById("userbio").innerHTML = convertToEmoji(user.bio);
                 document.getElementById("userbio").style.display = user.bio == null || !user.bio ? 'none' : 'block';