mirror of
https://github.com/allan-cff/strava-free-year-in-sport.git
synced 2026-01-18 16:47:35 +01:00
147 lines
4.3 KiB
HTML
147 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Nombre de jours actifs</title>
|
|
<script src="days.js" defer></script>
|
|
<link rel="stylesheet" href="./css/style.css" type="text/css">
|
|
<link rel="stylesheet" href="./css/days.css" type="text/css">
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<img src="./images/strava-logo.svg" alt="Logo Strava">
|
|
<p>#YEARINSPORT</p>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="titre">
|
|
<h1>NOMBRE DE JOURS ACTIFS</h1>
|
|
</div>
|
|
|
|
<section class="calendrier">
|
|
<div class="annee">
|
|
<div class="mois" id="janvier">
|
|
<h2>JAN</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="fevrier">
|
|
<h2>FÉV</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="mars">
|
|
<h2>MAR</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="avril">
|
|
<h2>AVR</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="mai">
|
|
<h2>MAI</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="juin">
|
|
<h2>JUIN</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="juillet">
|
|
<h2>JUIL</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="aout">
|
|
<h2>AOÛ</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="septembre">
|
|
<h2>SEP</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="octobre">
|
|
<h2>OCT</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="novembre">
|
|
<h2>NOV</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
<div class="mois" id="decembre">
|
|
<h2>DÉC</h2>
|
|
<div class="jours">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nombre-total">
|
|
<p class="nombre-xl">0</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="streak">
|
|
<h2>STREAK</h2>
|
|
<p>0</p>
|
|
<div class="serie-phrase">
|
|
<p>Votre plus longue série est de</p>
|
|
<p>jours.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="top-sport">
|
|
<h2>MEILLEURS SPORTS 2022</h2>
|
|
<div class="cercles-sports">
|
|
<div id="top-4">
|
|
<div class="sport-4">
|
|
</div>
|
|
<p>0%<br>no data</p>
|
|
</div>
|
|
<div id="top-3">
|
|
<div class="sport-3">
|
|
</div>
|
|
<p>0%<br>no data</p>
|
|
</div>
|
|
<div id="top-2">
|
|
<div class="sport-2">
|
|
</div>
|
|
<p>0%<br>no data</p>
|
|
</div>
|
|
<div id="top-1">
|
|
<div class="sport-1">
|
|
</div>
|
|
<p>0%<br>no data</p>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="fleche fleche-gauche">
|
|
<a href="landing.html">
|
|
<img src="./images/fleche-gauche.svg" alt="Flèche vers la gauche">
|
|
</a>
|
|
</div>
|
|
<div class="pagination">
|
|
<p>2/9</p>
|
|
</div>
|
|
<div class="fleche fleche-droite">
|
|
<a href="hours.html">
|
|
<img src="./images/fleche-droite.svg" alt="Flèche vers la droite">
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html> |