diff --git a/public/aniridie.html b/public/aniridie.html
index a85bac7b2d22fd869230580d093b38bf3a95a985..e839300a311ca1fff1b9bf2cea03df81ee7966bc 100644
--- a/public/aniridie.html
+++ b/public/aniridie.html
@@ -34,113 +34,43 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
diff --git a/public/apropos.html b/public/apropos.html
index 3afb38e6364782992c6d19af37ac181b29f4e7c3..59abb8c80b1e22214a50c5f23f5c291adfd390bf 100644
--- a/public/apropos.html
+++ b/public/apropos.html
@@ -10,113 +10,43 @@
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link active" href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
</ul>
- </div>
- -->
- </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link active" href="apropos.html">À propos</a>
+ </li>
+ </ul>
</div>
</div>
- </nav>
+ </nav>
<!-- Home -->
diff --git a/public/favisme.html b/public/favisme.html
index c5a723211cec804683adf8aa10ad3a6a889055b7..197183cae80e6bbde3da74c1b71f16380edc3918 100644
--- a/public/favisme.html
+++ b/public/favisme.html
@@ -40,113 +40,43 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
diff --git a/public/hunting.html b/public/hunting.html
index 9202bcba0cabd8057a746ee5bef20dbc8a4aae89..7b7d35920313331087caa5c2dd627e52aad24f57 100644
--- a/public/hunting.html
+++ b/public/hunting.html
@@ -36,113 +36,43 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
diff --git a/public/index.html b/public/index.html
index 3a847ac6f94856641590d31e4192b711959c250c..57b5f7fe3fe94ae4d50029d538c3ff43438049a9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,112 +10,42 @@
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link active" aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
<li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
+ <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
</a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
</div>
+ </div>
</nav>
diff --git a/public/lowesynd.html b/public/lowesynd.html
index 2d009e842bd3cacae01dc383178c4057574e6fb8..b7ea42fe408981adb2f7e8d147620f4cd17a5f2c 100644
--- a/public/lowesynd.html
+++ b/public/lowesynd.html
@@ -41,113 +41,43 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
<section class="presentation-exercice bg-dark d-flex w-100 flex-column justify-content-denter align-items-center">
diff --git a/public/mucovisc.html b/public/mucovisc.html
index 96648f5c4e8fafb23d991eb05913371777028966..8618d6023450edd3338be5e71ad44faea21f15f2 100644
--- a/public/mucovisc.html
+++ b/public/mucovisc.html
@@ -39,113 +39,43 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
diff --git a/public/myopath.html b/public/myopath.html
index b1fc00b843d741fd65d4a9f2280419f84a508cf6..6bd5704e619687b7ab5dd23e127985d8f5c8ad8b 100644
--- a/public/myopath.html
+++ b/public/myopath.html
@@ -40,114 +40,43 @@
</head>
<body>
-
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
diff --git a/public/phenylc.html b/public/phenylc.html
index fe608f50ec91dce06969d3548a53410bd4858aad..4200a2b9111d419154340f1334a2d486ac303dab 100644
--- a/public/phenylc.html
+++ b/public/phenylc.html
@@ -39,113 +39,43 @@
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
diff --git a/public/surmut.html b/public/surmut.html
index 9ec905f3b76b0cddbbafa97a71ad3673488d6752..413539f159dcfbceb244754863af057868e07969 100644
--- a/public/surmut.html
+++ b/public/surmut.html
@@ -39,113 +39,43 @@ document.getElementById('correction').innerHTML = score + " bonnes réponses sur
</head>
<body>
- <!-- Navbar -->
-
- <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
- <symbol id="check2" viewBox="0 0 16 16">
- <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
- </symbol>
- <symbol id="circle-half" viewBox="0 0 16 16">
- <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
- </symbol>
- <symbol id="moon-stars-fill" viewBox="0 0 16 16">
- <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
- <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
- </symbol>
- <symbol id="sun-fill" viewBox="0 0 16 16">
- <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
- </symbol>
- </svg>
-
- <nav class="navbar navbar-expand-md navbar-dark bg-dark">
- <div class="container-fluid">
-
- <div class="offcanvas-lg offcanvas-end flex-grow-1" tabindex="-1" id="bdNavbar" aria-labelledby="bdNavbarOffcanvasLabel" data-bs-scroll="true">
- <div class="offcanvas-header px-4 pb-0">
- <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">Bootstrap</h5>
- <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdNavbar"></button>
- </div>
-
- <div class="offcanvas-body p-4 pt-0 p-lg-0">
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav me-auto mb-2 mb-md-0">
- <li class="nav-item">
- <a class="nav-link " aria-current="page" href="index.html">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
- <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
- </svg>
- Accueil</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
- Exercices
- </a>
- <ul class="dropdown-menu">
- <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
- <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
- <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
- <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
- <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
- <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
- <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
- <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
- </ul>
- </li>
- <li class="nav-item">
- <a class="nav-link " href="apropos.html">À propos</a>
- </li>
- </ul>
-
- <ul class="navbar-nav flex-row flex-wrap ms-md-auto">
- <li class="nav-item col-6 col-lg-auto">
- <a class="nav-link py-2 px-0 px-lg-2" href="https://forge.apps.education.fr/bio/heredite" target="_blank" rel="noopener">
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gitlab" viewBox="0 0 16 16"><title>Le projet «hérédité» sur la Forge des communs numériques éducatifs</title> <path d="m15.734 6.1-.022-.058L13.534.358a.57.57 0 0 0-.563-.356.6.6 0 0 0-.328.122.6.6 0 0 0-.193.294l-1.47 4.499H5.025l-1.47-4.5A.572.572 0 0 0 2.47.358L.289 6.04l-.022.057A4.044 4.044 0 0 0 1.61 10.77l.007.006.02.014 3.318 2.485 1.64 1.242 1 .755a.67.67 0 0 0 .814 0l1-.755 1.64-1.242 3.338-2.5.009-.007a4.05 4.05 0 0 0 1.34-4.668Z"/></svg>
- <small class="d-lg-none ms-2">GitLab</small>
- </a>
- </li>
-
-
-
- <!--
- <div class="dropdown bd-mode-toggle">
- <button class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
- id="bd-theme"
- type="button"
- aria-expanded="false"
- data-bs-toggle="dropdown"
- aria-label="Toggle theme (auto)">
- <svg class="bi my-1 theme-icon-active" width="1em" height="1em"><use href="#circle-half"></use></svg>
- <span class="visually-hidden" id="bd-theme-text">Toggle theme</span>
- </button>
- <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="bd-theme-text">
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#sun-fill"></use></svg>
- Clair
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#moon-stars-fill"></use></svg>
- Sombre
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- <li>
- <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
- <svg class="bi me-2 opacity-50" width="1em" height="1em"><use href="#circle-half"></use></svg>
- Auto
- <svg class="bi ms-auto d-none" width="1em" height="1em"><use href="#check2"></use></svg>
- </button>
- </li>
- </ul>
- </div>
- -->
- </ul>
- </div>
- </div>
- </nav>
+ <!-- Navbar -->
+ <nav class="navbar navbar-expand-lg bg-body-tertiary">
+ <div class="container-fluid">
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="index.html">
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+ <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5"/>
+ </svg> Accueil
+ </a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+ Exercices
+ </a>
+ <ul class="dropdown-menu">
+ <li><a class="dropdown-item" href="phenylc.html">Phénylcétonurie</a></li>
+ <li><a class="dropdown-item" href="aniridie.html">Aniridie</a></li>
+ <li><a class="dropdown-item" href="favisme.html">Favisme</a></li>
+ <li><a class="dropdown-item" href="surmut.html">Surdi-mutité</a></li>
+ <li><a class="dropdown-item" href="myopath.html">Myopathie de Duchenne</a></li>
+ <li><a class="dropdown-item" href="mucovisc.html">Mucoviscidose</a></li>
+ <li><a class="dropdown-item" href="hunting.html">Chorée de Huntington</a></li>
+ <li><a class="dropdown-item" href="lowesynd.html">Syndrôme de Lowe</a></li>
+ </ul>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="apropos.html">À propos</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<!-- Home -->
<section class="presentation-exercice bg-dark d-flex w-100 flex-column justify-content-denter align-items-center">