Use list when there is a list

themes/afpy/templates/base.html

@@ -17,12 +17,14 @@
       <h1><a href="/">AFPy</a></h1>
 
       <nav>
-        <a href="/">Accueil</a>
-        <a href="/pages/qui-sommes-nous">Qui sommes-nous ?</a>
-        <a href="/category/news">Actualités</a>
-        <a href="/category/jobs">Offres d'emploi</a>
-        <a href="/pages/communaute">Communauté</a>
-        <a href="/pages/adhesions">Adhésion</a>
+        <ul>
+          <li><a href="/">Accueil</a></li>
+          <li><a href="/pages/qui-sommes-nous">Qui sommes-nous ?</a></li>
+          <li><a href="/category/news">Actualités</a></li>
+          <li><a href="/category/jobs">Offres d'emploi</a></li>
+          <li><a href="/pages/communaute">Communauté</a></li>
+          <li><a href="/pages/adhesions">Adhésion</a></li>
+        </ul>
       </nav>
     </header>
 
@@ -32,13 +34,15 @@
     </main>
 
     <footer>
-      <a href="/pages/contact">Contact</a>
-      <a href="/pages/charte">Charte</a>
-      <a href="/pages/mentions-legales">Mentions légales</a>
-      <a href="/pages/flux-rss">Flux RSS</a>
-      <a href="https://mamot.fr/@AFPy">Mastodon</a>
-      <a href="https://twitter.com/asso_python_fr">Twitter</a>
-      <a href="https://www.linkedin.com/company/afpy">LinkedIn</a>
+      <ul>
+        <li><a href="/pages/contact">Contact</a></li>
+        <li><a href="/pages/charte">Charte</a></li>
+        <li><a href="/pages/mentions-legales">Mentions légales</a></li>
+        <li><a href="/pages/flux-rss">Flux RSS</a></li>
+        <li><a href="https://mamot.fr/@AFPy">Mastodon</a></li>
+        <li><a href="https://twitter.com/asso_python_fr">Twitter</a></li>
+        <li><a href="https://www.linkedin.com/company/afpy">LinkedIn</a></li>
+      </ul>
     </footer>
   </body>
 </html>