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