Merge branch 'main' into feat/organized-content

components/Navbar.tsx

@@ -50,14 +50,44 @@ const menu: NavLink[] = [
   },
   {
     name: "Resources",
-    route: "/resources",
+    route: "/resources/services",
+    submenu: [
+      {
+        name: "Services",
+        route: "/resources/services",
+      },
+      {
+        name: "Tech Talks",
+        route: "/resources/tech-talks",
+      },
+      {
+        name: "CS Club Wiki",
+        route: "https://wiki.csclub.uwaterloo.ca/",
+      },
+    ],
   },
 ];
 
 function NavItem(props: NavLink) {
   const router = useRouter();
+  const externalLink =
+    props.route.includes("http://") || props.route.includes("https://");
   return (
     <>
+      {externalLink ? (
+        <a
+          href={props.route}
+          target="_blank"
+          rel="noopener noreferrer"
+          onClick={() => {
+            if (document.activeElement instanceof HTMLElement) {
+              document.activeElement.blur();
+            }
+          }}
+        >
+          {props.name}
+        </a>
+      ) : (
         <Link href={props.route}>
           <a
             title={props.name}
@@ -77,6 +107,7 @@ function NavItem(props: NavLink) {
             {props.name}
           </a>
         </Link>
+      )}
       {(props.submenu?.length ?? 0) > 0 ? (
         <ul className={styles.dropdown}>
           {props.submenu?.map((item) => {

pages/resources.mdx

@@ -1 +0,0 @@
-# Resources page

pages/resources/services.mdx

@@ -0,0 +1 @@
+# Services Page

pages/resources/tech-talks.mdx

@@ -0,0 +1 @@
+# Tech Talks Page