118 lines
3.9 KiB
HTML
118 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>F1 Stats — tatvil</title>
|
|
<link rel="stylesheet" href="css/f1.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<h1>🏎️ Estadísticas F1</h1>
|
|
<nav class="tabs">
|
|
<button class="tab-btn active" data-tab="dashboard">Dashboard</button>
|
|
<button class="tab-btn" data-tab="clasificacion">Clasificación</button>
|
|
<button class="tab-btn" data-tab="calendario">Calendario</button>
|
|
<button class="tab-btn" data-tab="pilotos">Pilotos</button>
|
|
<button class="tab-btn" data-tab="escuderias">Escuderías</button>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- DASHBOARD -->
|
|
<main id="tab-dashboard" class="tab-content active">
|
|
<section class="stat-card cuenta-atras">
|
|
<h3 id="nombre-proxima-carrera">Próxima carrera</h3>
|
|
<div id="countdown">--d --h --m --s</div>
|
|
</section>
|
|
<div class="dashboard">
|
|
<section class="stat-card">
|
|
<h3>🏆 Top 5 Pilotos — 2025</h3>
|
|
<table id="tabla-top-pilotos">
|
|
<thead><tr><th>Pos</th><th>Piloto</th><th>Equipo</th><th>Pts</th><th>Victorias</th></tr></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</section>
|
|
<section class="stat-card">
|
|
<h3>🏗️ Top 5 Constructores — 2025</h3>
|
|
<table id="tabla-top-constructores">
|
|
<thead><tr><th>Pos</th><th>Equipo</th><th>Pts</th><th>Victorias</th></tr></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</section>
|
|
</div>
|
|
<section class="stat-card">
|
|
<h3>🏁 Últimas carreras</h3>
|
|
<div id="ultimas-carreras" class="carreras-recientes"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- CLASIFICACIÓN -->
|
|
<main id="tab-clasificacion" class="tab-content">
|
|
<div class="dashboard">
|
|
<section class="stat-card">
|
|
<h3>🏆 Clasificación Pilotos 2025</h3>
|
|
<table id="tabla-clasificacion-pilotos">
|
|
<thead><tr><th>Pos</th><th>Piloto</th><th>Equipo</th><th>Pts</th><th>V</th><th>Podios</th><th>VR</th></tr></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</section>
|
|
<section class="stat-card">
|
|
<h3>🏗️ Clasificación Constructores 2025</h3>
|
|
<table id="tabla-clasificacion-constructores">
|
|
<thead><tr><th>Pos</th><th>Constructor</th><th>Puntos</th><th>Victorias</th><th>Podios</th></tr></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- CALENDARIO -->
|
|
<main id="tab-calendario" class="tab-content">
|
|
<section class="stat-card">
|
|
<h3>📅 Calendario 2025</h3>
|
|
<div id="lista-gp"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- PILOTOS -->
|
|
<main id="tab-pilotos" class="tab-content">
|
|
<section class="stat-card">
|
|
<h3>👨✈️ Pilotos 2025</h3>
|
|
<table id="pilotos-table">
|
|
<thead>
|
|
<tr><th>#</th><th>Cód</th><th>Nombre</th><th>Apellido</th><th>Escudería</th><th>Nac.</th></tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- ESCUDERÍAS -->
|
|
<main id="tab-escuderias" class="tab-content">
|
|
<section class="stat-card">
|
|
<h3>🏎️ Escuderías 2025</h3>
|
|
<table id="escuderias-table">
|
|
<thead>
|
|
<tr><th>#</th><th>Nombre</th><th>País</th><th>Motor</th></tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Modal resultados carrera -->
|
|
<div id="modal-carrera" class="modal hidden">
|
|
<div class="modal-content">
|
|
<button class="modal-close" onclick="cerrarModal()">✕</button>
|
|
<h3 id="modal-titulo"></h3>
|
|
<table id="modal-resultados">
|
|
<thead><tr><th>Pos</th><th>Piloto</th><th>Equipo</th><th>Pts</th><th>Estado</th></tr></thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/f1.js"></script>
|
|
</body>
|
|
</html> |