aboutsummaryrefslogtreecommitdiff
path: root/src/components/Navbar.vue
diff options
context:
space:
mode:
authorAndrew Lee <alee14498@protonmail.com>2024-02-03 15:48:11 -0500
committerAndrew Lee <alee14498@protonmail.com>2024-02-03 15:58:10 -0500
commit4c84e203859be34da582f51371adc6eeb370b518 (patch)
tree2f0e43dfa49da41141277fb35881e9eff51c6adb /src/components/Navbar.vue
parent0077087a5179c2ffdec07ee38f3ffbbb01853dde (diff)
downloadpersonal-website-4c84e203859be34da582f51371adc6eeb370b518.tar.gz
personal-website-4c84e203859be34da582f51371adc6eeb370b518.tar.bz2
personal-website-4c84e203859be34da582f51371adc6eeb370b518.zip
Navbar now uses preact instead
Diffstat (limited to 'src/components/Navbar.vue')
-rw-r--r--src/components/Navbar.vue30
1 files changed, 0 insertions, 30 deletions
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
deleted file mode 100644
index 3ff5d5e..0000000
--- a/src/components/Navbar.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
- <nav>
- <button class="nav-toggle" aria-label="toggle navigation" @click="toggleNav">
- <span class='hamburger'></span>
- </button>
- <ul class="nav-list">
- <li><a href="/" class="nav-link" @click="toggleNav">Home</a></li>
- <li><a href="/projects" class="nav-link" @click="toggleNav">Projects</a></li>
- <li><a href="/blog" class="nav-link" @click="toggleNav">Blog</a></li>
- <li><a href="/guestbook" class="nav-link" @click="toggleNav">Guestbook</a></li>
- <li><a href="https://archive.alee14.me" class="nav-link" @click="toggleNav">Archive</a></li>
- <li><a href="/contacts" class="nav-link" @click="toggleNav">Contacts</a></li>
- </ul>
- </nav>
-</template>
-
-<script>
-export default {
- methods: {
- toggleNav() {
- document.querySelector('.nav-toggle').classList.toggle('active');
- document.querySelector('.nav-list').classList.toggle('show');
- }
- }
-}
-</script>
-
-<style scoped>
-@import "../styles/Navbar.css";
-</style>