diff options
Diffstat (limited to 'templates/base.html')
| -rw-r--r-- | templates/base.html | 31 |
1 files changed, 22 insertions, 9 deletions
diff --git a/templates/base.html b/templates/base.html index a3ae28f..2c6b9aa 100644 --- a/templates/base.html +++ b/templates/base.html @@ -40,15 +40,19 @@ <body> <nav> - <a href="/#contact">Contact</a> - <a href="/#reviews">Reviews</a> - <a href="/about">Team</a> - <a href="/policies">Policies</a> - <a href="/posts">Posts</a> - <a href="/#help">Helpful Links</a> - <a href="/brochure">Brochure</a> - <a href="/#offerings">Services</a> - <a href="/#"><img alt="logo" src="/assets/logo-simple.png" /></a> + <a id="menu-toggle">More</a> + + <div id="menu"> + <a href="/#"><img alt="logo" src="/assets/logo-simple.png" /></a> + <a href="/#offerings">Services</a> + <a href="/brochure">Brochure</a> + <a href="/posts">Posts</a> + <a href="/#help">Helpful Links</a> + <a href="/policies">Policies</a> + <a href="/about">Team</a> + <a href="/#reviews">Reviews</a> + <a href="/#contact">Contact</a> + </div> </nav> <main> @@ -81,6 +85,15 @@ </a> </p> </footer> + + <script> + const menuToggle = document.querySelector('#menu-toggle'); + const menu = document.querySelector('#menu'); + + menuToggle.onclick = () => { + menu.classList.toggle('menu-open'); + }; + </script> </body> </html> |