olinpin/twitter-project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redirecting to Twitter and stylizing

Browse Source
This commit is contained in:
Drew
2022-11-02 13:50:29 +01:00
parent f145b22ce0
commit 88b0a779e3
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
dashboard_static/js/code.js
View File

@@ -50,11 +50,11 @@ function tweetCell(tweet) {
var cell = document.createElement("div"); var cell = document.createElement("div");
cell.innerHTML = cell.innerHTML =
`<div class="tweet"> `<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-content">
<div class="tweet-name"> <div class="tweet-name">
<a class="tweet-nickname" href = ${tweet.user.url} target = "_blank">${tweet.user.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 = ${tweet.user.url} target = "_blank">@${tweet.user.screen_name}</a> <a class="tweet-username" href = "https://www.twitter.com/${tweet.user.screen_name}" target = "_blank">@${tweet.user.screen_name}</a>
</div> </div>
<span class="tweet-text">${tweet.text}</span> <span class="tweet-text">${tweet.text}</span>
<div class="tweet-interactions"> <div class="tweet-interactions">

10
dashboard_static/style/style.css
View File

@@ -122,10 +122,20 @@ body {
} }
.tweet-nickname { .tweet-nickname {
color: white;
text-decoration: none;
font-weight: bold;
}
.tweet-nickname:active {
color: white;
text-decoration: underline;
font-weight: bold; font-weight: bold;
} }
.tweet-username { .tweet-username {
color: white;
text-decoration: none;
opacity: 0.8; opacity: 0.8;
} }