From db1611223468be5d62e426a30408054da3a58182 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Sun, 4 Oct 2015 16:56:33 +0200
Subject: [PATCH] general: add html elements for an animated navigation menu
 (#8505)

---
 static/style.css     | 6 +++++-
 templates/theme.html | 6 ++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index e8b8568..46fcee9 100644
--- a/static/style.css
+++ b/static/style.css
@@ -802,4 +802,8 @@ a[class^="icon-"], a[class*=" icon-"] {
         text-decoration: none;
         border: none;
         color: #FF7800;
-}
\ No newline at end of file
+}
+
+button#nav-button {
+        display: none;
+}
diff --git a/templates/theme.html b/templates/theme.html
index 9e4f334..30a0b68 100644
--- a/templates/theme.html
+++ b/templates/theme.html
@@ -44,6 +44,12 @@
     <div id="main-content-wrapper">
 
 <div id="nav" class="togglable">
+  <button id="nav-button" class="togglable">
+    <span class="sr-only">Ouvrir le menu</span>
+    <span class="icon-bar icon-bar-1"></span>
+    <span class="icon-bar icon-bar-2"></span>
+    <span class="icon-bar icon-bar-3"></span>
+  </button>
 {% block menu %}
   <ul>
     <li class="link-accueil"><a href="{{combo_url}}">Accueil</a></li>
-- 
2.6.0