From 88b0a779e3b04239a7530b4bf25258d0e94bbb59 Mon Sep 17 00:00:00 2001
From: Drew <badea.andrei1908@gmail.com>
Date: Wed, 2 Nov 2022 13:50:29 +0100
Subject: [PATCH] Redirecting to Twitter and stylizing

---
 dashboard_static/js/code.js      |  6 +++---
 dashboard_static/style/style.css | 10 ++++++++++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/dashboard_static/js/code.js b/dashboard_static/js/code.js
index 2629b36..953ada1 100644
--- a/dashboard_static/js/code.js
+++ b/dashboard_static/js/code.js
@@ -50,11 +50,11 @@ function tweetCell(tweet) {
     var cell = document.createElement("div");
     cell.innerHTML =
     `<div class="tweet">
-        <img src="${tweet.user.profile_image_url}" alt="" class="tweet-profilepicture">
+        <a href ="https://www.twitter.com/${tweet.user.screen_name}"><img src="${tweet.user.profile_image_url}" alt="" class="tweet-profilepicture"></a>
         <div class="tweet-content"> 
             <div class="tweet-name">
-                <a class="tweet-nickname" href = ${tweet.user.url} target = "_blank">${tweet.user.name}</a>
-                <a class="tweet-username" href = ${tweet.user.url} target = "_blank">@${tweet.user.screen_name}</a>
+                <a class="tweet-nickname" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">${tweet.user.name}</a>
+                <a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a>
             </div>
             <span class="tweet-text">${tweet.text}</span>
             <div class="tweet-interactions">
diff --git a/dashboard_static/style/style.css b/dashboard_static/style/style.css
index 258ca21..8053e3a 100644
--- a/dashboard_static/style/style.css
+++ b/dashboard_static/style/style.css
@@ -122,10 +122,20 @@ body {
 }
 
 .tweet-nickname {
+	color: white;
+	text-decoration: none;
+	font-weight: bold;
+}
+
+.tweet-nickname:active {
+	color: white;
+	text-decoration: underline;
 	font-weight: bold;
 }
 
 .tweet-username {
+	color: white;
+	text-decoration: none;
 	opacity: 0.8;
 }