From 27eb0b4cc9d266ffd98a30185044e61c3229f47f Mon Sep 17 00:00:00 2001
From: Adrien Vannson <adrien.vannson@ens-lyon.fr>
Date: Wed, 13 Oct 2021 20:31:46 +0200
Subject: [PATCH] Add about modal

---
 index.html | 31 +++++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 1e888c4..ba7ac10 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
-            <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#exampleModal" href="#">Choix d'une carte</a>
+            <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#map-selection-modal" href="#">Choix d'une carte</a>
           </li>
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
@@ -32,23 +32,24 @@
               <li><a class="dropdown-item" href="#">Par occupant</a></li>
             </ul>
           </li>
+          <li class="nav-item">
+            <a class="nav-link" aria-current="page" data-bs-toggle="modal" data-bs-target="#about-modal" href="#">À propos</a>
+          </li>
         </ul>
       </div>
     </div>
   </nav>
 
-  <!-- Modal -->
-  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <!-- Map selection modal -->
+  <div class="modal fade" id="map-selection-modal" tabindex="-1" aria-labelledby="map-selection-modal-label" aria-hidden="true">
     <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
-          <h5 class="modal-title" id="exampleModalLabel">Sélectionnez un lieu</h5>
+          <h5 class="modal-title" id="map-selection-modal-label">Sélectionnez un lieu</h5>
           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
-          <!-- Room selection form -->
           <form>
-
             <div class="mb-3">
               <label for="selector_batiment">Site : </label>
               <select name="site" id="selector_site" class="form-select">
@@ -86,6 +87,24 @@
     </div>
   </div>
 
+  <!-- About modal -->
+  <div class="modal fade" id="about-modal" tabindex="-1" aria-labelledby="about-modal-label" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="about-modal-label">À propos</h5>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          Fait avec ❤️ par <a href="mailto:adrien.vannson@ens-lyon.fr">Adrien Vannson</a> et <a href=mailto:samy.avrillon@ens-lyon.fr>Samy Avrillon</a>.
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn" data-bs-dismiss="modal">Fermer</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <div class="container">
 
     <object type="image/svg+xml" data="maps/M-MGN1-3.svg" id="plan" onload="initSvgSupport()">