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

Merge branch 'main' into FiltersSearch

Browse Source
This commit is contained in:
Tim Wijma
2022-11-01 13:28:16 +01:00
parent 186b6e4b3e 49c70b08b8
commit 8d40f8e372
5 changed files with 84 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -1,3 +1,4 @@
sports1.txt sports1.txt
*/__pycache__/* */__pycache__/*
__pycache__/ __pycache__/
.vs

43
dashboard_static/index.html
View File

@@ -57,39 +57,16 @@
</div> </div>
</div> </div>
<div class="main"> <div class="main">
<div class="leftcol"> <div class="maintable">
<!-- <div class="tweet"> <div class="leftcol column">
<img src="https://pbs.twimg.com/profile_images/1158803404656959490/9MKSbW4O_400x400.jpg" alt="" class="tweet-profilepicture"> <h1 class="colheader">LATEST CLUCCS</h1>
<div class="tweet-content"> </div>
<div class="tweet-name"> <div class="centercol column">
<span class="tweet-nickname">Tim Wijma</span> <h1 class="colheader">FILTERED CLUCCS</h1>
<span class="tweet-username">@timwijma</span> </div>
</div> <div class="searchbar column"></div>
<span class="tweet-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus velit maiores non deserunt adipisci dicta quam nobis ad. Iste, unde?</span> <div class="popchart column">
<div class="tweet-interactions"> <h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
<div class="tweet-interaction tweet-likes">
<span class="material-symbols-outlined">favorite</span>
<span>20</span>
</div>
<div class="tweet-interaction tweet-retweets">
<span class="material-symbols-outlined">repeat</span>
<span>20</span>
</div>
<div class="tweet-interaction tweet-replies">
<span class="material-symbols-outlined">chat_bubble</span>
<span>20</span>
</div>
</div>
</div>
</div> -->
</div>
<div class="centercol"></div>
<div class="rightcol">
<div class="filters">
<div class="filters-search">
<input type="text" name="" id="search">
<span class="material-symbols-outlined">search</span>
</div>
</div> </div>
</div> </div>
</div> </div>

6
dashboard_static/js/code.js
View File

@@ -20,4 +20,10 @@ $(".sport").on("click", function() {
function getCSSVariable(name) { function getCSSVariable(name) {
return getComputedStyle(root).getPropertyValue(name) return getComputedStyle(root).getPropertyValue(name)
}
function tweetCell(tweet, parent) {
var cell = document.createElement("div")
cell.innerHTML =
"<div>"
} }

47
dashboard_static/style/style.css
View File

@@ -23,7 +23,7 @@ body {
.container { .container {
background-color: var(--main-bg); background-color: var(--main-bg);
color: white; color: white;
padding: 16px 32px; padding: 16px 48px;
} }
.header, .sports, .logo { .header, .sports, .logo {
@@ -118,4 +118,49 @@ body {
font-weight: 500; font-weight: 500;
font-size: 24px; font-size: 24px;
color: var(--main-medium-dark); color: var(--main-medium-dark);
}
/* Three main columns; CSS Grid */
.maintable {
/*background-color: #ffffff; */ /* The colors are there just so that I can see what I'm doing better */
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 48px;
/* margin:20px; */
}
.main {
margin-top: 48px;
}
.column {
border-radius: 16px;
}
.leftcol {
background-color: red;
grid-row: 1/ -1;
}
.centercol {
background-color: green;
grid-row: 1/ -1;
}
.searchbar {
background-color: blue;
height: 400px;
}
.popchart {
background-color: rgba(255, 0, 255, 0.344);
height: 400px;
}
.colheader {
font-size: 38px;
padding-left: 30px;
} }

20
resources/tweet_structure Normal file
View File

@@ -0,0 +1,20 @@
{
created_at,
text,
source,
user:{
name,
screen_name,
url
}
quote_count,
reply_count,
retweet_count,
favorite_count,
entities:{
hashtags,
urls,
user_mentions,
symbols
}
}