diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-06-28 20:49:32 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-06-28 20:49:32 -0400 |
| commit | fd1d608df8544873f8f8325e0507db1c59723549 (patch) | |
| tree | de342b764dbc49abbb443dd4ad20dd7930ca3c0e /src/components/Navbar.jsx | |
| parent | 68834f7880348f247674643f753a69609b6c6afc (diff) | |
| download | personal-website-fd1d608df8544873f8f8325e0507db1c59723549.tar.gz personal-website-fd1d608df8544873f8f8325e0507db1c59723549.tar.bz2 personal-website-fd1d608df8544873f8f8325e0507db1c59723549.zip | |
Converted navbar to svelte
Diffstat (limited to 'src/components/Navbar.jsx')
| -rw-r--r-- | src/components/Navbar.jsx | 29 |
1 files changed, 0 insertions, 29 deletions
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx deleted file mode 100644 index f76a5f2..0000000 --- a/src/components/Navbar.jsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Component } from 'preact'; -import '../styles/Navbar.css'; - -class Navbar extends Component { - toggleNav = () => { - document.querySelector('.nav-toggle').classList.toggle('active'); - document.querySelector('.nav-list').classList.toggle('show'); - } - - render() { - return ( - <nav> - <button class="nav-toggle" aria-label="toggle navigation" onClick={this.toggleNav}> - <span class='hamburger'></span> - </button> - <ul class="nav-list"> - <li><a href="/" class="nav-link" onClick={this.toggleNav}>Home</a></li> - <li><a href="/projects" class="nav-link" onClick={this.toggleNav}>Projects</a></li> - <li><a href="/blog" class="nav-link" onClick={this.toggleNav}>Blog</a></li> - <li><a href="/guestbook" class="nav-link" onClick={this.toggleNav}>Guestbook</a></li> - <li><a href="https://archive.alee14.me" class="nav-link" onClick={this.toggleNav}>Archive</a></li> - <li><a href="/contacts" class="nav-link" onClick={this.toggleNav}>Contacts</a></li> - </ul> - </nav> - ); - } -} - -export default Navbar; |
