Add first version

Signed-off-by: Emmy D'Anello <ynerant@emy.lu>
This commit is contained in:
Emmy D'Anello 2023-04-20 13:17:55 +02:00
commit 9c30bd1b10
Signed by: ynerant
GPG Key ID: 3A75C55819C8CF85

81
index.html Normal file
View File

@ -0,0 +1,81 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Le pays est-il apaisé ?</title>
<meta name="description" content="Documentation de l'apaisement du pays en 100 jours comme promis par Emmanuel Macron">
<!-- TODO Replace with local assets -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</head>
<body>
<h1>Le pays est-il apaisé ? <span class="text-danger fw-bold">NON</span></h1>
<div class="progress" role="progressbar" aria-label="Progression de l'apaisement" aria-valuenow="3" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" style="width: 3%"></div>
</div>
Jour 3/100
<div class="alert alert-warning">
Cette page est en construction, et a vocation à documenter l'ensemble des étapes de l'apaisement.
</div>
<div class="accordion" id="accordionSteps">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse0" aria-expanded="false" aria-controls="collapse0">
Jour 0 : 17/04/2023
</button>
</h2>
<div id="collapse0" class="accordion-collapse collapse" data-bs-parent="#accordionSteps">
<div class="accordion-body">
Emmanuel Macron chante des chants pyrénéens avec des personnes d'extrême droite dans Paris.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
Jour 1 : 18/04/2023
</button>
</h2>
<div id="collapse1" class="accordion-collapse collapse" data-bs-parent="#accordionSteps">
<div class="accordion-body">
Bruno Le Maire dit que l'argent de l'État part au Maghreb.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
Jour 2 : 19/04/2023
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse" data-bs-parent="#accordionSteps">
<div class="accordion-body">
Emmanuel Macron hué comme jamais à Muttersholtz et à Sélestat, en Alsace. Emmanuel Fernandes baîlloné par le 49§3. La CGT coupe le courant. Communication désastreuse.<br>
Olivier Véran dévoile la nouvelle devise du pays : « Travail, <s>Famille, Patrie</s> Ordre, Progrès »
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
Jour 3 : 20/04/2023
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" data-bs-parent="#accordionSteps">
<div class="accordion-body">
Casseroles interdites au rassemblement à Ganges, dans l'Hérault.
</div>
</div>
</div>
</body>
</html>