diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-22 19:56:50 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-22 20:53:41 -0500 |
| commit | 8fd6f1a2739b686092bbb5806666e63f283d6510 (patch) | |
| tree | e378cd080f8f6882e0282e9db6a6b0c48030049b /src/components/Navbar.astro | |
| parent | 7604592b7a68fee231b63ff5123837e3eb1beaf8 (diff) | |
| download | personal-website-8fd6f1a2739b686092bbb5806666e63f283d6510.tar.gz personal-website-8fd6f1a2739b686092bbb5806666e63f283d6510.tar.bz2 personal-website-8fd6f1a2739b686092bbb5806666e63f283d6510.zip | |
Add Vue.JS for Navbar; Transitions; Getting started on projects
Diffstat (limited to 'src/components/Navbar.astro')
| -rw-r--r-- | src/components/Navbar.astro | 23 |
1 files changed, 0 insertions, 23 deletions
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro deleted file mode 100644 index bd372e5..0000000 --- a/src/components/Navbar.astro +++ /dev/null @@ -1,23 +0,0 @@ ---- -import "../styles/Navbar.css" ---- -<nav> - <button class="nav-toggle" aria-label="toggle navigation"> - <span class='hamburger'></span> - </button> - <ul class="nav-list"> - <li><a href="/" class="nav-link">Home</a></li> - <li><a href="/projects" class="nav-link">Projects</a></li> - <li><a href="/downloads" class="nav-link">Downloads</a></li> - <li><a href="/blog" class="nav-link">Blog</a></li> - <li><a href="/guestbook" class="nav-link">Guestbook</a></li> - <li><a href="/contacts" class="nav-link">Contacts</a></li> - </ul> -</nav> - -<script> - document.querySelector('.nav-toggle').addEventListener('click', function() { - this.classList.toggle('active'); - document.querySelector('.nav-list').classList.toggle('show'); - }); -</script> |