Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>Sports Betting AI Dashboard</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> | |
| </head> | |
| <body> | |
| <div class="dashboard"> | |
| <header> | |
| <h1>Sports Betting AI Dashboard</h1> | |
| <nav> | |
| <a href="/" class="active"><i class="fas fa-home"></i> Home</a> | |
| <a href="/picks"><i class="fas fa-list"></i> Today's Picks</a> | |
| <a href="/performance"><i class="fas fa-chart-line"></i> Performance</a> | |
| <a href="/settings"><i class="fas fa-cog"></i> Settings</a> | |
| </nav> | |
| </header> | |
| <div class="stats-grid"> | |
| <div class="stat-card"> | |
| <div class="stat-label">Bankroll</div> | |
| <div class="stat-value">$1,250</div> | |
| <div class="stat-change positive">↑ +12.5% this week</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-label">Win Rate</div> | |
| <div class="stat-value">58.2%</div> | |
| <div class="stat-change positive">↑ +3.2% from last month</div> | |
| </div> | |
| </div> | |
| <div class="content-section"> | |
| <h2>Recent Picks</h2> | |
| <table class="picks-table"> | |
| <thead> | |
| <tr> | |
| <th>Game</th> | |
| <th>Pick</th> | |
| <th>Odds</th> | |
| <th>Edge</th> | |
| <th>Stake</th> | |
| <th>Result</th> | |
| </tr> | |
| </thead> | |
| <tbody id="picksTableBody"> | |
| <tr> | |
| <td>Lakers vs Warriors</td> | |
| <td>Lakers ML</td> | |
| <td>+120</td> | |
| <td>3.2%</td> | |
| <td>$25</td> | |
| <td class="win">W (+$30)</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <div class="content-section"> | |
| <h2>Performance Trends</h2> | |
| <canvas id="performanceChart"></canvas> | |
| </div> | |
| </div> | |
| <script> | |
| // Initialize chart | |
| const ctx = document.getElementById('performanceChart').getContext('2d'); | |
| const performanceChart = new Chart(ctx, { | |
| type: 'line', | |
| data: { | |
| labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'], | |
| datasets: [{ | |
| label: 'Bankroll', | |
| data: [1000, 1050, 1150, 1200, 1250, 1300], | |
| borderColor: 'rgba(75, 192, 192, 1)', | |
| backgroundColor: 'rgba(75, 192, 192, 0.2)', | |
| tension: 0.1 | |
| }] | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> | |