diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-01-13 21:50:29 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-01-17 22:16:28 +0100 |
| commit | 53e58302b516f02e9baeba9022a72ec24f3a7514 (patch) | |
| tree | 8071b3d08e0c5dfa573868ad435fa91d036afe82 /template.html | |
| parent | 0e59ae6d7d795d73081435b39cc359fb4a13d3bc (diff) | |
| download | quatuorbellefeuille.com-53e58302b516f02e9baeba9022a72ec24f3a7514.tar.xz | |
Add toggle buttons
Which will remain hidden until we define CSS rules for (max-width:
40em).
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 64 |
1 files changed, 37 insertions, 27 deletions
diff --git a/template.html b/template.html index b3e712c..18dffff 100644 --- a/template.html +++ b/template.html @@ -16,38 +16,48 @@ </a> </header> - <header class="menu"> - <nav> - <ol> - <li class="dropdown"><a href="quatuor.html">Le quatuor</a> - <ul> - <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li> - <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li> - <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li> - <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</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="gallerie.html">Gallerie</a></li> - </ol> - </nav> - <div class="lang"> - EN + <header class="menu togglable"> + <input type="checkbox" class="toggle"> + <img class="button open" src="menu.svg"> + <img class="button close" src="close.svg"> + <div> + <nav> + <ol> + <li class="dropdown"><a href="quatuor.html">Le quatuor</a> + <ul> + <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li> + <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li> + <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li> + <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</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="gallerie.html">Gallerie</a></li> + </ol> + </nav> + <div class="lang"> + EN + </div> </div> </header> {MAIN} - <footer class="social"> - <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> - <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> - <a href="feed.xml"> - <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> - </a> - <p class="contact"> - <a href="contact.html">Contact</a> - </p> + <footer class="social togglable"> + <input type="checkbox" class="toggle"> + <img class="button open" src="share.svg"> + <img class="button close" src="close.svg"> + <div> + <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> + <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <a href="feed.xml"> + <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> + </a> + <p class="contact"> + <a href="contact.html">Contact</a> + </p> + </div> </footer> <footer class="legal"> |