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

Random changes

Browse Source
This commit is contained in:
jacktjong
2022-11-01 15:58:55 +01:00
parent 4bb7b02a96
commit 006e91e1a7
6 changed files with 111 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
dashboard_static/index.html Normal file
View File

@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Twitter sports dashboard</title>
<link rel="stylesheet" href="./style/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,400&display=swap" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet"> -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<link rel="icon" type="image/x-icon" href="./media/logo.png">
</head>
<body>
<div id="tweet" style="height: 200px;"></div>
<div class="container">
<div class="header">
<div class="logo">
<img src="./media/logo.png" alt="">
<span class="header-title">Cluccer</span>
</div>
<div class="sports">
<div class="sport baseball">
<span class="material-symbols-outlined">sports_baseball</span>
<span class="sport-name">Baseball</span>
</div>
<div class="sport basketball">
<span class="material-symbols-outlined">sports_basketball</span>
<span class="sport-name">Basketball</span>
</div>
<div class="sport volleyball">
<span class="material-symbols-outlined">sports_volleyball</span>
<span class="sport-name">Volleyball</span>
</div>
<div class="sport tennis">
<span class="material-symbols-outlined">sports_tennis</span>
<span class="sport-name">Tennis</span>
</div>
<div class="sport cricket">
<span class="material-symbols-outlined">sports_cricket</span>
<span class="sport-name">Cricket</span>
</div>
<div class="sport soccer">
<span class="material-symbols-outlined">sports_soccer</span>
<span class="sport-name">Soccer</span>
</div>
<div class="sport football">
<span class="material-symbols-outlined">sports_football</span>
<span class="sport-name">Football</span>
</div>
<div class="sport rugby">
<span class="material-symbols-outlined">sports_rugby</span>
<span class="sport-name">Rugby</span>
</div>
</div>
</div>
<div class="main">
<div class="maintable">
<div class="leftcol column">
<ol class="tweet-list stream-items"></ol>
</div>
<div class="centercol column">
<h1 class="colheader">FILTERED CLUCCS</h1>
</div>
<div class="searchbar column"></div>
<div class="popchart column">
<h1 class="colheader chartheader">SPORTS POPULARITY CHART</h1>
</div>
</div>
</div>
</div>
<script src="/lib/jquery-2.1.1.min.js"></script>
<script src="/lib/jquery.flot.min.js"></script>
<script src="/lib/core.js"></script>
<script src="/lib/charts.js"></script>
<script src="/lib/log.js"></script>
<script src="./lib/tweets.js"></script>
<script src="./js/code.js"></script>
<script src="./js/connection.js"></script>
<script>
block("#tweet").tweets({
memory: 20
});
events.connect("tweet", "#tweet");
// // create a rolling chart block
// block('#graph').rolling_chart({
// memory: 150,
// chart: {
// yaxis: {
// min: -100,
// max: 100
// },
// xaxis: {
// show: false
// }
// }
// });
// // connect sample event to graph
// events.connect('tweet', '#graph');
</script>
</body>
</html>