Librezo/website
Librezo/website
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: Librezo:a2c3c3eab07c2cc4e08454f2cb021ff827125e73
Branches Tags
Librezo:main
Librezo:attilax-changementaccueil
..
compare: Librezo:df0cde7f95104a47f727e5973bbbcf7df912f03e
Branches Tags
Librezo:main
Librezo:attilax-changementaccueil

No commits in common. "a2c3c3eab07c2cc4e08454f2cb021ff827125e73" and "df0cde7f95104a47f727e5973bbbcf7df912f03e" have entirely different histories.
a2c3c3eab0 ... df0cde7f95

2 changed files with 1 additions and 69 deletions
Show stats Expand all files Collapse all files

50
sass/css/header.scss
View file

@ -37,58 +37,8 @@ header {
text-decoration: none; text-decoration: none;
} }
@media (prefers-color-scheme: light) {
.header-menu-phone {
background-color: white;
}
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#header-menu a { #header-menu a {
color: white; color: white;
} }
.header-menu-phone {
background-color: black;
}
}
@media (min-width: 768px) {
.phone-only {
display: none;
}
}
@media (max-width: 767px) {
.header-menu-phone {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
gap: 1em;
padding: 2em;
}
.phone-hidden {
display: none;
}
}
.hamburger-menu {
font-size: 1.5em;
margin: 0.25em;
font-family: LunaSans;
border: none;
background-color: transparent;
cursor: pointer;
opacity: 65%;
}
.hamburger-menu:hover, .hamburger-menu:focus {
opacity: 100%;
}
.hamburger-menu > summary {
list-style: none;
} }

20
templates/base.html
View file

@ -28,31 +28,13 @@
<h1 class="sr-only">Librezo</h1> <h1 class="sr-only">Librezo</h1>
</a> </a>
<nav id="header-menu"> <nav id="header-menu">
<ul class="phone-hidden"> <ul>
<li><a href="/fonctionnement">Fonctionnement</a></li> <li><a href="/fonctionnement">Fonctionnement</a></li>
<li><a href="/tarifs">Services et tarifs</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="/qui-sommes-nous">Qui sommes-nous</a></li>
<li><a href="/charte">Charte</a></li> <li><a href="/charte">Charte</a></li>
<li><a href="/contact">Contact</a></li> <li><a href="/contact">Contact</a></li>
</ul> </ul>
<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> </nav>
</header> </header>
{% block body %}{% endblock body %} {% block body %}{% endblock body %}