aboutsummaryrefslogtreecommitdiff
path: root/src/components/Navbar.vue
diff options
context:
space:
mode:
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>