Cleanup

Author: jbelien

html/en/index.html

@@ -20,6 +20,7 @@
       <div id="loader-status">Loading...</div>
     </div>
 
+<<<<<<< Updated upstream
     <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
       <div class="container-fluid">
         <a class="navbar-brand" href="https://equalstreetnames.org/"
@@ -193,4 +194,132 @@ <h5 class="modal-title">
 
     <script type="module" src="../../../website/src/script/index.ts"></script>
   </body>
+=======
+        <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
+            <div class="container-fluid">
+                <a class="navbar-brand" href="https://equalstreetnames.org/"
+                    >EqualStreetNames.Nantes</a
+                >
+                <button
+                    class="navbar-toggler"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent"
+                    aria-controls="navbarSupportedContent"
+                    aria-expanded="false"
+                    aria-label="Toggle navigation"
+                >
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+                <div
+                    class="collapse navbar-collapse"
+                    id="navbarSupportedContent"
+                >
+                    <ul class="navbar-nav ms-auto">
+                        <li class="nav-item">
+                            <a
+                                class="nav-link"
+                                target="_blank"
+                                href="https://github.com/EqualStreetNames/equalstreetnames/"
+                            >
+                                <i class="fab fa-github"></i>
+                                GitHub
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <div class="form-check form-switch">
+                                <input
+                                    class="form-check-input"
+                                    type="checkbox"
+                                    id="themeSwitch"
+                                />
+                                <label
+                                    class="form-check-label"
+                                    for="themeSwitch"
+                                    ><i class="fas fa-adjust"></i
+                                ></label>
+                            </div>
+                        </li>
+                        <!-- <li class="nav-item dropdown">
+                            <a
+                                class="nav-link dropdown-toggle"
+                                data-bs-toggle="dropdown"
+                                href="#"
+                                role="button"
+                                aria-haspopup="true"
+                                aria-expanded="false"
+                                >English</a
+                            >
+                            <div class="dropdown-menu dropdown-menu-right">
+                                <a class="dropdown-item" href="../fr/index.html">Français</a>
+                            </div>
+                        </li> -->
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+        <main class="flex-fill">
+            <div id="map"></div>
+            <div id="chart-overlay" class="d-none d-sm-block">
+                <div id="gender-chart">
+                    <table
+                        id="gender-chart-legend"
+                        class="table table-borderless table-sm"
+                    >
+                        <tbody>
+                            <tr class="gender-chart-label" data-gender="m">
+                                <td class="text-center">
+                                    <i class="fas fa-lg fa-mars"></i>
+                                </td>
+                                <td>Male (cis)</td>
+                                <td class="text-end gender-chart-count"></td>
+                                <td class="text-end gender-chart-pct"></td>
+                            </tr>
+                            <tr class="gender-chart-label" data-gender="f">
+                                <td class="text-center">
+                                    <i class="fas fa-lg fa-venus"></i>
+                                </td>
+                                <td>Female (cis)</td>
+                                <td class="text-end gender-chart-count"></td>
+                                <td class="text-end gender-chart-pct"></td>
+                            </tr>
+                            <tr class="gender-chart-label" data-gender="mx">
+                                <td class="text-center">
+                                    <i class="fas fa-lg fa-transgender-alt"></i>
+                                </td>
+                                <td>Male (trans)</td>
+                                <td class="text-end gender-chart-count"></td>
+                                <td class="text-end gender-chart-pct"></td>
+                            </tr>
+                            <tr class="gender-chart-label" data-gender="fx">
+                                <td class="text-center">
+                                    <i class="fas fa-lg fa-transgender-alt"></i>
+                                </td>
+                                <td>Female (trans)</td>
+                                <td class="text-end gender-chart-count"></td>
+                                <td class="text-end gender-chart-pct"></td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <canvas width="250" height="100"></canvas>
+                </div>
+                <div id="count-information" class="small">
+                    Out of <span id="count-total"></span> streetnames,
+                    <span id="count-person"></span> have been found to be named
+                    after a person.
+                </div>
+                <div class="small text-muted mt-2">
+                    Last update: <span id="last-update"></span>
+                </div>
+            </div>
+        </main>
+
+        <script
+            type="module"
+            src="../../../website/src/script/index.ts"
+        ></script>
+    </body>
+>>>>>>> Stashed changes
 </html>