Projects link to actual projects, not project pages

UTDNebula · Mar 5, 2024 · 4082414 · 4082414
1 parent a64c5cd
commit 4082414
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 16 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -96,11 +96,24 @@ const Footer = (props: FooterProps) => {
           <StyledNextLink href="/projects">
             <h3 className="text-xl font-semibold mb-4">Projects</h3>
           </StyledNextLink>
-          <StyledNextLink href="/projects/planner">Planner</StyledNextLink>
-          <StyledNextLink href="/projects/jupiter">Jupiter</StyledNextLink>
-          <StyledNextLink href="/projects/trends">Trends</StyledNextLink>
-          <StyledNextLink href="/projects/skedge">Skedge</StyledNextLink>
-          <StyledNextLink href="/projects/api">API & Platform</StyledNextLink>
+          <StyledNextLink href="https://planner.utdnebula.com/" target="_blank">
+            Planner
+          </StyledNextLink>
+          <StyledNextLink href="https://jupiter.utdnebula.com/" target="_blank">
+            Jupiter
+          </StyledNextLink>
+          <StyledNextLink href="https://trends.utdnebula.com/" target="_blank">
+            Trends
+          </StyledNextLink>
+          <StyledNextLink
+            href="https://chromewebstore.google.com/detail/skedge/ghipfanpcodcmkjacmmfjdmccdiaahab"
+            target="_blank"
+          >
+            Skedge
+          </StyledNextLink>
+          <StyledNextLink href="https://github.com/UTDNebula/nebula-api" target="_blank">
+            API & Platform
+          </StyledNextLink>
         </div>
         <div className="flex flex-col items-start gap-3">
           <h3 className="text-xl font-semibold mb-4">Resources</h3>

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -53,31 +53,31 @@ const parentItems: Array<ParentItem> = [
     children: [
       {
         name: 'Planner',
-        link: '/projects/planner',
+        link: 'https://planner.utdnebula.com/',
         description: 'Help plan degree and course requirements',
         iconSrc: Pencil,
       },
       {
         name: 'Jupiter',
-        link: '/projects/jupiter',
+        link: 'https://jupiter.utdnebula.com/',
         description: 'Find and connect with student organizations',
         iconSrc: Users,
       },
       {
         name: 'Trends',
-        link: '/projects/trends',
+        link: 'https://trends.utdnebula.com/',
         description: 'Help plan coursework through grade and professor stats',
         iconSrc: TrendingUp,
       },
       {
         name: 'Skedge',
-        link: '/projects/skedge',
+        link: 'https://chromewebstore.google.com/detail/skedge/ghipfanpcodcmkjacmmfjdmccdiaahab',
         description: 'Integrate grade and professor stats into Schedule Planner',
         iconSrc: TrendingUp,
       },
       {
         name: 'API & Platform',
-        link: '/projects/api',
+        link: 'https://github.com/UTDNebula/nebula-api',
         description: 'Integrate X+ years of historical UTD data into your applications',
         iconSrc: Puzzle,
       },
@@ -246,7 +246,11 @@ const Navbar = () => {
                                   {child.iconSrc && (
                                     <Image src={child.iconSrc} alt="" className="" />
                                   )}
-                                  <Link href={child.link} className="lg:flex lg:flex-col gap-1">
+                                  <Link
+                                    href={child.link}
+                                    className="lg:flex lg:flex-col gap-1"
+                                    target={child.link.includes('http') ? '_blank' : ''}
+                                  >
                                     <span className="flex gap-2 w-full">
                                       <h2 className="font-bold lg:text-2xl">{child.name}</h2>
                                       <Image

diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
@@ -26,7 +26,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'Planner',
     description:
       'Planner is a student-focused tool for creating and tracking degree plans, offering a user-friendly interface to simplify course mapping and progress tracking.',
-    url: '/projects/planner',
+    url: 'https://planner.utdnebula.com/',
     image: Planner,
     alt: "A laptop displaying Planner's dashboard, showing a list of degree plan cards",
     color: '#523DFF',
@@ -36,7 +36,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'Sk.edge/Trends',
     description:
       'Sk.edge and Trends are tools designed to simplify the course selection and registration process by providing students with valuable data, all in one place.',
-    url: '/projects/trends',
+    url: 'https://trends.utdnebula.com/',
     image: Skedge,
     alt: "A mockup of Sk.edge's dashboard, displaying statistics for a professor",
     color: '#6366F1',
@@ -46,7 +46,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'API',
     description:
       'The Nebula API serves as the authoritative data source for UTD information such as courses, student organizations, and more.',
-    url: '/projects/api',
+    url: 'https://github.com/UTDNebula/nebula-api',
     // image: API,
     alt: '',
     color: '#FF6B4A',
@@ -56,7 +56,7 @@ const PROJECTS_INFO: Project[] = [
     shortName: 'Jupiter',
     description:
       'Jupiter is the best way to get involved on campus. It’s easy to discover new organizations or exciting events to make the most of the on-campus experience.',
-    url: '/projects/jupiter',
+    url: 'https://jupiter.utdnebula.com/',
     image: Jupiter,
     alt: "A laptop displaying Jupiter's dashboard, with a list of clubs and organizations.",
     color: '#926FDB',
@@ -166,7 +166,11 @@ function ProjectCard(props: {
         <h1 className="font-kallisto text-xl md:text-3xl">{project.title}</h1>
         <p className="md:text-lg text-base">{project.description}</p>
 
-        <Link className="text-base md:text-lg font-bold underline flex gap-2" href={project.url}>
+        <Link
+          className="text-base md:text-lg font-bold underline flex gap-2"
+          href={project.url}
+          target={project.url.includes('http') ? '_blank' : ''}
+        >
           More Information
           <Image src={FilledChevronUp} alt="" className="rotate-90" />
         </Link>