🔨 refactor(text): add text && links

components/AppHeader.vue

@@ -1,7 +1,7 @@
 <template>
     <header id="navbar" class="w-full hidden lg:flex flex-col">
       <nav class="w-full flex justify-between border-bot">
-        <github-corner url="https://github.com/alexdeploy/developer-portfolio-v2" />
+        <github-corner url="https://github.com/Snigdha-OS/" />
           <div class="flex">
             <NuxtLink id="nav-logo" to="/">
               {{ config.dev.logo_name }}
@@ -12,16 +12,20 @@
             </NuxtLink>
   
             <NuxtLink id="nav-link" to="/about-me" :class="{ active: isActive('/about-me') }">
-              _about-me
+              _about
             </NuxtLink>
   
             <NuxtLink id="nav-link" to="/projects" :class="{ active: isActive('/projects') }">
               _projects
             </NuxtLink>
+
+            <NuxtLink id="nav-link" to="https://forum.snigdhaos.org" :class="{ active: isActive('') }">
+              _forum
+            </NuxtLink>
           </div>
 
           <NuxtLink id="nav-link-contact" to="/contact-me" :class="{ active: isActive('/contact-me')}">
-            _contact-me
+            _contact
           </NuxtLink>
       
       </nav>
@@ -73,7 +77,7 @@ export default {
 
 #nav-logo {
   border-right: 1px solid #1E2D3D;
-  @apply text-menu-text font-fira_retina px-6 h-full flex items-center;
+  @apply text-menu-text font-fira_bold px-6 h-full flex items-center;
 }
 
 #nav-logo:hover {
@@ -94,7 +98,8 @@ export default {
 
 #navbar > nav {
   height: 45px;
-  font-size: 13px;
+  font-size: 15px;
+  /* @apply items-center */
 }
 
 </style>