(feat) Engineering blog

Author: Weile-Zheng

components/navBar.jsx

@@ -13,8 +13,9 @@ function NavLink({ to, children }) {
 function MobileNav({ open, setOpen }) {
   return (
     <div
-      className={`absolute  top-0 left-0 h-screen w-screen transform ${open ? "-translate-x-0" : "-translate-x-full"
-        } transition-transform duration-300 ease-in-out filter bg-grey`}
+      className={`absolute  top-0 left-0 h-screen w-screen transform ${
+        open ? "-translate-x-0" : "-translate-x-full"
+      } transition-transform duration-300 ease-in-out filter bg-grey`}
     >
       <div className="flex items-center justify-center filter drop-shadow-md bg-grey-dark h-20">
         {" "}
@@ -42,7 +43,6 @@ function MobileNav({ open, setOpen }) {
             }, 100)
           }
         >
-
           Our Team
         </Link>
         <Link
@@ -79,6 +79,17 @@ function MobileNav({ open, setOpen }) {
         >
           Contact
         </Link>
+        <Link
+          className="text-xl font-normal my-4"
+          href="https://mdst-club.notion.site/Engineering-MDST-1b1c107f9e958089ab84cc6c9898e9ed"
+          onClick={() =>
+            setTimeout(() => {
+              setOpen(!open);
+            }, 100)
+          }
+        >
+          Blog
+        </Link>
         <Link
           className="text-xl font-normal my-4"
           href="/join"
@@ -112,16 +123,19 @@ export default function Navbar() {
         >
           {/* hamburger button */}
           <span
-            className={`h-1 w-full bg-white rounded-lg transform transition duration-300 ease-in-out ${open ? "rotate-45 translate-y-3.5" : ""
-              }`}
+            className={`h-1 w-full bg-white rounded-lg transform transition duration-300 ease-in-out ${
+              open ? "rotate-45 translate-y-3.5" : ""
+            }`}
           />
           <span
-            className={`h-1 bg-white rounded-lg transition-all duration-300 ease-in-out ${open ? "w-0" : "w-full"
-              }`}
+            className={`h-1 bg-white rounded-lg transition-all duration-300 ease-in-out ${
+              open ? "w-0" : "w-full"
+            }`}
           />
           <span
-            className={`h-1 w-full bg-white rounded-lg transform transition duration-300 ease-in-out ${open ? "-rotate-45 -translate-y-3.5" : ""
-              }`}
+            className={`h-1 w-full bg-white rounded-lg transform transition duration-300 ease-in-out ${
+              open ? "-rotate-45 -translate-y-3.5" : ""
+            }`}
           />
         </div>
 
@@ -130,8 +144,10 @@ export default function Navbar() {
           <NavLink to="/team">Our Team</NavLink>
           <NavLink to="/sponsors">Our Sponsors</NavLink>
           <NavLink to="/calendar">Calendar</NavLink>
-
           <NavLink to="/contact">Contact</NavLink>
+          <NavLink to="https://mdst-club.notion.site/Engineering-MDST-1b1c107f9e958089ab84cc6c9898e9ed">
+            Blog
+          </NavLink>
           <NavLink to="/join">Join</NavLink>
         </div>
       </div>