summaryrefslogtreecommitdiff
path: root/template.html
diff options
context:
space:
mode:
Diffstat (limited to 'template.html')
-rw-r--r--template.html64
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">