Git/Librezo
1
0
Fork 0
mirror of https://git.librezo.fr/Librezo/website.git synced 2025-09-05 20:32:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Phone menu: fix color theme, a11y, correctness

Browse Source
This commit is contained in:
Pascal Engélibert
2023-05-26 19:02:48 +02:00
parent 67921ddfaa
commit a2c3c3eab0
2 changed files with 32 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
templates/base.html
View File

@ -28,7 +28,7 @@
<h1 class="sr-only">Librezo</h1>
</a>
<nav id="header-menu">
<ul class="hidden-phone">
<ul class="phone-hidden">
<li><a href="/fonctionnement">Fonctionnement</a></li>
<li><a href="/tarifs">Services et tarifs</a></li>
<li><a href="/qui-sommes-nous">Qui sommes-nous</a></li>
@ -36,23 +36,23 @@
<li><a href="/contact">Contact</a></li>
</ul>
<li><details class="phone-only hamburger-menu" >
<summary>&#9776;</summary>
<ul id="menu" class=" menu-phone ">
<li>
<picture class="phone-only">
<source srcset="/img/librezo-little-white.png" media="(prefers-color-scheme: dark)"/>
<source srcset="/img/librezo-little-black.png" media="(prefers-color-scheme: light)"/>
<img decoding="async" src="/img/librezo-little-black.png" alt="Librezo" aria-hidden/>
</picture>
</li>
<li><a href="/fonctionnement">Fonctionnement</a></li>
<li><a href="/tarifs">Services et tarifs</a></li>
<li><a href="/qui-sommes-nous">Qui sommes-nous</a></li>
<li><a href="/charte">Charte</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</details></li>
<details class="phone-only hamburger-menu">
<summary aria-label="Menu" title="Menu">&#9776;</summary>
<ul class="header-menu-phone">
<li aria-hidden>
<picture>
<source srcset="/img/librezo-little-white.png" media="(prefers-color-scheme: dark)"/>
<source srcset="/img/librezo-little-black.png" media="(prefers-color-scheme: light)"/>
<img decoding="async" src="/img/librezo-little-black.png" alt="Librezo"/>
</picture>
</li>
<li><a href="/fonctionnement">Fonctionnement</a></li>
<li><a href="/tarifs">Services et tarifs</a></li>
<li><a href="/qui-sommes-nous">Qui sommes-nous</a></li>
<li><a href="/charte">Charte</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</details>
</nav>
</header>
{% block body %}{% endblock body %}