feat: new

1 files changed, 45 insertions, 0 deletions

diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
new file mode 100644
index 0000000..9a4cab6
--- /dev/null
+++ b/components/navigation/Bar.vue
@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <nav>
+      <span id="brand">
+        <a href="/">::</a>
+      </span>
+
+      <ul id="menu">
+        <li><a id="menu-item-1" href="/">/home</a></li>
+        <li>
+          <a id="menu-item-2" href="/members">/members</a>
+        </li>
+        <!-- <li><a id="menu-item-3" href="/projects">/projects</a></li> -->
+        <!-- <li><a id="menu-item-4" href="/about">/about me</a></li> -->
+        <!-- <li><a id="menu-item-5" href="https://blog.fuwn.me">/blog</a></li> -->
+      </ul>
+
+      <div id="toggle">
+        <div class="span">
+          menu
+        </div>
+      </div>
+    </nav>
+
+    <div id="resize">
+      <div class="close-btn">
+        close
+      </div>
+
+      <ul id="menu">
+        <li><a href="/">home<span>.</span></a></li>
+        <li><a href="/members">members<span>.</span></a></li>
+        <li><a href="/projects">projects<span>.</span></a></li>
+        <li><a href="/about">about me<span>.</span></a></li>
+        <li><a href="/blog">blog<span>.</span></a></li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Header'
+}
+</script>