aboutsummaryrefslogtreecommitdiff
path: root/src/components/Navbar.jsx
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2024-06-28 20:49:32 -0400
committerAndrew Lee <alee14498@protonmail.com>2024-06-28 20:49:32 -0400
commitfd1d608df8544873f8f8325e0507db1c59723549 (patch)
treede342b764dbc49abbb443dd4ad20dd7930ca3c0e /src/components/Navbar.jsx
parent68834f7880348f247674643f753a69609b6c6afc (diff)
downloadpersonal-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.jsx29
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;