From 4283aed27f5681f54c1985133d0999d982b7d1cc Mon Sep 17 00:00:00 2001
From: hellodeloo <hello@hellodeloo.com>
Date: Fri, 8 Sep 2023 11:01:37 +0200
Subject: [PATCH] feat: update layout, header & footer

---
 lacommunaute/templates/forum_search/search.html      | 2 +-
 lacommunaute/templates/forum_upvote/upvote_list.html | 2 +-
 lacommunaute/templates/layouts/base.html             | 8 +++-----
 lacommunaute/templates/partials/header.html          | 4 ++--
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/lacommunaute/templates/forum_search/search.html b/lacommunaute/templates/forum_search/search.html
index f84620d1c..36e18d6d5 100644
--- a/lacommunaute/templates/forum_search/search.html
+++ b/lacommunaute/templates/forum_search/search.html
@@ -36,7 +36,7 @@ <h1>{% trans "Search forums" %}</h1>
                                 <h3 class="h4 mb-0">{{ page.paginator.count }} {% trans "result" %}{{ page.paginator.count|pluralizefr }}</h3>
                                 <div class="table-responsive-lg">
                                     <table class="table table-hover mt-3 mt-md-4">
-                                        <caption class="sr-only">Liste de résultats</caption>
+                                        <caption class="visually-hidden">Liste de résultats</caption>
                                         <tbody>
                                             {% for result in page.object_list %}
                                                 {% if result.topic %}
diff --git a/lacommunaute/templates/forum_upvote/upvote_list.html b/lacommunaute/templates/forum_upvote/upvote_list.html
index d73105245..f23926a8f 100644
--- a/lacommunaute/templates/forum_upvote/upvote_list.html
+++ b/lacommunaute/templates/forum_upvote/upvote_list.html
@@ -24,7 +24,7 @@ <h1>{% trans "My UpVotes" %}</h1>
                         <div class="c-box">
                             <div class="table-responsive-lg">
                                 <table class="table table-hover mt-3 mt-md-4">
-                                    <caption class="sr-only">Liste de résultats</caption>
+                                    <caption class="visually-hidden">Liste de résultats</caption>
                                     <tbody>
                                         {% for upvote in upvotes %}
                                             <tr>
diff --git a/lacommunaute/templates/layouts/base.html b/lacommunaute/templates/layouts/base.html
index db3fe985d..7685ddee0 100644
--- a/lacommunaute/templates/layouts/base.html
+++ b/lacommunaute/templates/layouts/base.html
@@ -11,9 +11,7 @@
             <meta name="created" content="{% now "jS M Y h:i" %}">
             <meta name="description" content="{% block meta_description %}{% endblock meta_description %}">
             <meta name="keywords" content="{% block meta_keywords %}{% endblock meta_keywords %}">
-            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-            <meta http-equiv="x-ua-compatible" content="ie=edge">
-            <meta name="theme-color" content="#ffffff">
+            <meta name="viewport" content="width=device-width, initial-scale=1">
 
             <!-- https://metatags.io Open Graph -->
             <meta property="og:locale" content="fr_FR">
@@ -59,7 +57,7 @@
             </div>
         </noscript>
 
-        <nav role="navigation" aria-label="Accès rapide" tabindex="1" class="sr-only">
+        <nav role="navigation" aria-label="Accès rapide" tabindex="1" class="visually-hidden">
             <ul>
                 <li><a href="#nav-primary">Aller au menu principal</a></li>
                 <li><a href="#main">Aller au contenu principal</a></li>
@@ -98,7 +96,7 @@
 
         {% block modals %}{% endblock %}
 
-        <div class="sr-only sr-only-focusable">
+        <div class="visually-hidden visually-hidden-focusable">
             <a href="#header">Retour au début de la page</a>
         </div>
 
diff --git a/lacommunaute/templates/partials/header.html b/lacommunaute/templates/partials/header.html
index a04ed6c68..e57bd9a8c 100644
--- a/lacommunaute/templates/partials/header.html
+++ b/lacommunaute/templates/partials/header.html
@@ -7,7 +7,7 @@
     <section class="s-header">
         <div class="s-header__container container">
             <div class="s-header__row row">
-                <div class="s-header__col s-header__col--logo-ministere col col-md-auto d-flex align-items-center pr-0">
+                <div class="s-header__col s-header__col--logo-ministere col col-md-auto d-flex align-items-center pe-0">
                     <a href="{% url 'pages:home' %}" class="s-header__logo-ministere"><img src="{% static_theme_images 'logo-republique-francaise.svg' %}" height="90" alt="Rébublique Française"></a>
                 </div>
                 <div class="s-header__col s-header__col--logo-service col-auto d-flex align-items-center px-0">
@@ -18,7 +18,7 @@
                         {% include 'partials/header_nav_primary_items.html' %}
                     </nav>
                 </div>
-                <div class="s-header__col s-header__col--burger col d-flex align-items-center justify-content-end d-xl-none" data-toggle="burger">
+                <div class="s-header__col s-header__col--burger col d-flex align-items-center justify-content-end d-xl-none" data-bs-toggle="burger">
                     <i class="ri-menu-line" id="open" role="button" tabindex="0" aria-label="Ouverture du menu de navigation principale pour mobile"></i>
                     <i class="ri-close-line" id="close" role="button" tabindex="0" aria-label="Fermeture du menu de navigation principale pour mobile"></i>
                 </div>