52 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			52 lines
		
	
	
		
			1.5 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 href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 | |
|     <script src="./js/code.js"></script>
 | |
|     <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="sports">
 | |
|                 <div class="sport baseball"></div>
 | |
|                 <div class="sport basketball"></div>
 | |
|                 <div class="sport volleyball"></div>
 | |
|                 <div class="sport tennis"></div>
 | |
|                 <div class="sport cricket"></div>
 | |
|                 <div class="sport soccer"></div>
 | |
|                 <div class="sport football"></div>
 | |
|                 <div class="sport rugby"></div>
 | |
|             </div>
 | |
|         </div>
 | |
|         <div class="main">
 | |
|             <div class="leftcol"></div>
 | |
|             <div class="centercol"></div>
 | |
|             <div class="rightcol"></div>
 | |
|         </div> 
 | |
|     </div>
 | |
| </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> | 
