84 lines
3.3 KiB
HTML
84 lines
3.3 KiB
HTML
<!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">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<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-icons-outlined">sports_baseball</span>
|
|
<span class="sport-name">Baseball</span>
|
|
</div>
|
|
<div class="sport basketball">
|
|
<span class="material-icons-outlined">sports_basketball</span>
|
|
<span class="sport-name">Basketball</span>
|
|
</div>
|
|
<div class="sport volleyball">
|
|
<span class="material-icons-outlined">sports_volleyball</span>
|
|
<span class="sport-name">Volleyball</span>
|
|
</div>
|
|
<div class="sport tennis">
|
|
<span class="material-icons-outlined">sports_tennis</span>
|
|
<span class="sport-name">Tennis</span>
|
|
</div>
|
|
<div class="sport cricket">
|
|
<span class="material-icons-outlined">sports_cricket</span>
|
|
<span class="sport-name">Cricket</span>
|
|
</div>
|
|
<div class="sport soccer">
|
|
<span class="material-icons-outlined">sports_soccer</span>
|
|
<span class="sport-name">Soccer</span>
|
|
</div>
|
|
<div class="sport football">
|
|
<span class="material-icons-outlined">sports_football</span>
|
|
<span class="sport-name">Football</span>
|
|
</div>
|
|
<div class="sport rugby">
|
|
<span class="material-icons-outlined">sports_rugby</span>
|
|
<span class="sport-name">Rugby</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="main">
|
|
<div class="leftcol"></div>
|
|
<div class="centercol"></div>
|
|
<div class="rightcol"></div>
|
|
</div>
|
|
</div>
|
|
<script src="./js/code.js"></script>
|
|
<script src="./js/connection.js"></script>
|
|
</body>
|
|
<!-- <script>
|
|
// 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('sample', '#graph');
|
|
</script> -->
|
|
</html> |