diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2025-03-24 23:22:09 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2025-03-24 23:22:09 -0400 |
| commit | 576fd3912c6a38ffc156c666874431a78faf9476 (patch) | |
| tree | 104cd2165e98e6d2cda7bbe245a7cc9dc8eae5b3 /templates/base.html | |
| parent | 7d9343546c68fc48f18de153374cd326fb0de682 (diff) | |
| download | carpentertutoring-576fd3912c6a38ffc156c666874431a78faf9476.tar.xz carpentertutoring-576fd3912c6a38ffc156c666874431a78faf9476.zip | |
feat: collapsible nav menu
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> |