diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-28 12:18:50 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-28 17:24:05 +0100 |
| commit | a741f9b5c32f51b334d7173685eb04d8b2a678e5 (patch) | |
| tree | b95cc8b933189f696778e36bda987aab8eeb5ce8 /template.html | |
| parent | 9e4787d484e068139592387a4cf725cbcb0a6afd (diff) | |
| download | quatuorbellefeuille.com-a741f9b5c32f51b334d7173685eb04d8b2a678e5.tar.xz | |
Remove "togglable" menus
We will add a dedicated menu for mobile, that will be display: none on
large screens.
That will cause some duplication in the HTML, but it will make it
easier to iterate on large and narrow layouts independently.
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 82 |
1 files changed, 35 insertions, 47 deletions
diff --git a/template.html b/template.html index 0e2fe48..865a1e2 100644 --- a/template.html +++ b/template.html @@ -21,57 +21,45 @@ </a> </header> - <header class="menu togglable"> - <input type="checkbox" class="toggle" id="menu"> - <img class="button open" src="images/menu.svg"> - <img class="button close" src="images/close.svg"> - <label for="menu">Menu</label> - <div class="content"> - <nav> - <ol> - <li class="dropdown"><a href="quatuor.html">le quatuor</a> - <ul> - <li><a href="sophie.html">Sophie</a></li> - <li><a href="david.html">David</a></li> - <li><a href="hervé.html">Hervé</a></li> - <li><a href="enguerrand.html">Enguerrand</a></li> - </ul> - </li> - <li><a href="actualités.html">actualités</a></li> - <li><a href="programmes.html">programmes</a></li> - <li><a href="galerie.html">galerie</a></li> - </ol> - </nav> - </div> + <header class="menu"> + <nav> + <ol> + <li class="dropdown"><a href="quatuor.html">le quatuor</a> + <ul> + <li><a href="sophie.html">Sophie</a></li> + <li><a href="david.html">David</a></li> + <li><a href="hervé.html">Hervé</a></li> + <li><a href="enguerrand.html">Enguerrand</a></li> + </ul> + </li> + <li><a href="actualités.html">actualités</a></li> + <li><a href="programmes.html">programmes</a></li> + <li><a href="galerie.html">galerie</a></li> + </ol> + </nav> </header> {MAIN} - <footer class="social togglable"> - <input type="checkbox" class="toggle" id="social"> - <img class="button open" src="images/share.svg"> - <img class="button close" src="images/close.svg"> - <label for="social">Nous contacter</label> - <div class="content"> - <a class="lang" href=""> - EN - </a> - <a href="https://www.facebook.com/quatuorbellefeuille/" - target="_blank" rel="noreferrer noopener"> - <img src="images/facebook-logo.svg"> - </a> - <a href="https://www.instagram.com/quatuor.bellefeuille/" - target="_blank" rel="noreferrer noopener"> - <img src="images/instagram-logo.svg"> - </a> - <a href="" - target="_blank" rel="noreferrer noopener"> - <img src="images/youtube-logo.svg"> - </a> - <a class="contact" href="contact.html"> - contact - </a> - </div> + <footer class="social"> + <a class="lang" href=""> + EN + </a> + <a href="https://www.facebook.com/quatuorbellefeuille/" + target="_blank" rel="noreferrer noopener"> + <img src="images/facebook-logo.svg"> + </a> + <a href="https://www.instagram.com/quatuor.bellefeuille/" + target="_blank" rel="noreferrer noopener"> + <img src="images/instagram-logo.svg"> + </a> + <a href="" + target="_blank" rel="noreferrer noopener"> + <img src="images/youtube-logo.svg"> + </a> + <a class="contact" href="contact.html"> + contact + </a> </footer> <footer class="legal"> |