95 lines
4.9 KiB
PHP
95 lines
4.9 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>StatTracker</title>
|
|
<meta name="description" content="Track your favorite NBA, NFL, MLB, NHL, and MLS players' stats and performances in real-time with our app.">
|
|
<meta name="keywords" content="sports stats, player tracking, live scores, NBA stats, NFL stats, MLB stats, NHL stats, MLS stats, favorite players, sports analytics">
|
|
<meta property="og:title" content="StatTracker">
|
|
<meta property="og:description" content="Track your favorite NBA, NFL, MLB, NHL, and MLS players' stats and performances in real-time with our app.">
|
|
<meta property="og:image" content="https://project-screens.s3.amazonaws.com/screenshots/34705/app-hero-20251005-234910.png">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="https://project-screens.s3.amazonaws.com/screenshots/34705/app-hero-20251005-234910.png">
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<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=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container my-5">
|
|
<header class="mb-5">
|
|
<nav class="navbar navbar-expand-lg navbar-dark">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="/">StatTracker</a>
|
|
<div id="auth-links" class="d-flex">
|
|
<!-- Auth links will be injected here by main.js -->
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="text-center mt-4">
|
|
<h1 class="display-4">StatTracker</h1>
|
|
<p class="lead text-secondary">Your personal sports stats dashboard.</p>
|
|
<div class="search-bar">
|
|
<input type="text" id="playerSearch" class="form-control form-control-lg text-center" placeholder="Search for a player...">
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="player-comparison" class="mt-5 mb-5">
|
|
<h2 class="section-title text-center">Head-to-Head Player Comparison</h2>
|
|
<div class="player-card p-4">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-5">
|
|
<label for="player1-search" class="form-label">Player 1</label>
|
|
<input type="text" id="player1-search" class="form-control player-compare-search" placeholder="Search for Player 1...">
|
|
<div id="player1-results" class="search-results-popover"></div>
|
|
</div>
|
|
<div class="col-md-2 text-center">VS</div>
|
|
<div class="col-md-5">
|
|
<label for="player2-search" class="form-label">Player 2</label>
|
|
<input type="text" id="player2-search" class="form-control player-compare-search" placeholder="Search for Player 2...">
|
|
<div id="player2-results" class="search-results-popover"></div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center mt-4">
|
|
<button id="compare-btn" class="btn btn-primary btn-lg" disabled>Compare Players</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="favorite-players">
|
|
<h2 class="section-title">My Favorite Players</h2>
|
|
<div class="row">
|
|
<!-- Favorite players will be loaded here -->
|
|
</div>
|
|
</section>
|
|
|
|
<section id="popular-players" class="mt-5">
|
|
<h2 class="section-title">Popular Players</h2>
|
|
<div class="row">
|
|
<!-- Popular players will be loaded here -->
|
|
</div>
|
|
</section>
|
|
|
|
<section id="search-results" class="mt-5" style="display: none;">
|
|
<h2 class="section-title">Search Results</h2>
|
|
<div class="row" id="search-results-container">
|
|
<!-- Search results will be loaded here -->
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer text-center">
|
|
<p>© <?php echo date("Y"); ?> StatTracker. All Rights Reserved.</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|