Membership and mission

Mission needs a rewrite. William is on that. Membership is AI generated and needs "How to Become a Member"
UTDNebula · Apr 27, 2024 · 54aa6f3 · 54aa6f3
1 parent 3119ec2
commit 54aa6f3
Show file tree

Hide file tree

Showing 5 changed files with 111 additions and 23 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -52,6 +52,9 @@ const Footer = (props: FooterProps) => {
           <Link className={linkClasses} href="/about/governance">
             Project Governance
           </Link>
+          <Link className={linkClasses} href="/membership">
+            Membership
+          </Link>
           <Link className={linkClasses} href="/contact">
             Contact Us
           </Link>
@@ -86,9 +89,6 @@ const Footer = (props: FooterProps) => {
         </div>
         <div className="flex flex-col items-start gap-3">
           <h3 className="text-xl font-semibold mb-4">Resources</h3>
-          <Link className={linkClasses} href="/resources/roles">
-            Roles
-          </Link>
           <Link className={linkClasses} href="/about/governance">
             Project Governance
           </Link>

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -88,7 +88,7 @@ const parentItems: Array<ParentItem> = [
 const childItems: Array<LinkItem> = [
   {
     name: 'Membership',
-    link: '/resources/roles',
+    link: '/membership',
   },
   {
     name: 'Contact Us',

diff --git a/src/pages/about/mission.tsx b/src/pages/about/mission.tsx
@@ -2,14 +2,74 @@ import Header from '@/components/Header';
 import Footer from '@/components/Footer';
 import Head from 'next/head';
 
+const values = [
+  {
+    name: 'Open Source',
+    description: 'We believe in the principles of Free and Open Source Software.',
+  },
+  {
+    name: 'Students as Primary Stakeholders',
+    description: 'Our focal point is on the student body.',
+  },
+  {
+    name: 'Industry Standards',
+    description: 'Assist in the professional development of our membership.',
+  },
+  {
+    name: 'Maintainability',
+    description: 'Offer a consistent, reliable, and excellent experience.',
+  },
+  {
+    name: 'Minimizing Overhead and Organizational Bloat',
+    description: 'Established explicitly as a small team with defined roles.',
+  },
+  {
+    name: 'Inclusive and Inviting Environment',
+    description: 'Emphasis on finding highly motivated individuals.',
+  },
+];
+
 const Mission = () => (
   <>
     <Head>
       <title>Mission - Nebula Labs</title>
-      <link rel="canonical" href="https://www.utdnebula.com/about/mission" key="canonical" />
-      <meta property="og:url" content="https://www.utdnebula.com/about/mission" />
+      <link rel="canonical" href="https://www.utdnebula.com/resources/roles" key="canonical" />
+      <meta property="og:url" content="https://www.utdnebula.com/resources/roles" />
     </Head>
     <Header text="Mission" />
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
+      <p className="text-3xl pb-4">
+        Whereas students often lack tools that assist in their academic and career success; whereas
+        students benefit from applying their knowledge outside of the classroom; and whereas there
+        should be a place to learn and have fun while building tools for the community, we establish
+        the Nebula Labs organization to build and maintain tools that help students, to foster an
+        interdisciplinary and welcoming community, and to teach the community what we learn.
+      </p>
+    </div>
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
+      <h2 className="text-5xl font-bold pb-4 text-center">Values</h2>
+      <div className="flex flex-wrap justify-center gap-16">
+        {values.map((value) => (
+          <div key={value.name}>
+            <h3 className="text-3xl font-bold text-center">{value.name}</h3>
+            <p className="text-2xl text-center">{value.description}</p>
+          </div>
+        ))}
+      </div>
+    </div>
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
+      <h3 className="text-3xl font-bold pb-4 text-center">
+        See{' '}
+        <a
+          className="text-royal underline decoration-transparent hover:decoration-inherit transition"
+          href="https://nebula-labs.atlassian.net/wiki/spaces/Officers/pages/8716405/Organization+Mission+Goals+and+Values+as+of+Founding"
+          target="_blank"
+        >
+          our Confluence
+        </a>{' '}
+        for more
+      </h3>
+    </div>
     <Footer royalBg={false} />
   </>
 );

diff --git a/src/pages/membership.tsx b/src/pages/membership.tsx
@@ -0,0 +1,45 @@
+import Header from '@/components/Header';
+import Footer from '@/components/Footer';
+import Head from 'next/head';
+
+const Membership = () => (
+  <>
+    <Head>
+      <title>Membership - Nebula Labs</title>
+      <link rel="canonical" href="https://www.utdnebula.com/resources/roles" key="canonical" />
+      <meta property="og:url" content="https://www.utdnebula.com/resources/roles" />
+    </Head>
+    <Header text="Membership" />
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
+      <h2 className="text-5xl font-bold pb-4 text-center">Why Become a Member?</h2>
+      <p className="text-3xl pb-4">
+        Becoming a member of Nebula Labs offers a unique opportunity to contribute to an
+        organization built on foundational values and missions aimed at enhancing the academic and
+        career success of students. At its core, Nebula Labs is driven by the imperative to develop
+        tools that empower the student body, addressing gaps in resources and fostering a vibrant
+        community of learners. By joining Nebula Labs, individuals engage in a collaborative
+        environment dedicated to the creation of software solutions tailored to enhance various
+        facets of student life, from academic endeavors to personal growth. Embracing an open-source
+        ethos, the organization ensures accessibility and transparency in its processes, inviting
+        all members to actively participate and contribute. Moreover, Nebula Labs prioritizes the
+        interests of students above all else, championing their needs even in the face of external
+        pressures. Through adherence to industry standards and a commitment to maintainability,
+        members gain invaluable experience in professional development while ensuring the longevity
+        and effectiveness of their contributions. Nebula Labs further distinguishes itself by
+        maintaining a lean organizational structure, minimizing bureaucracy to maximize focus on its
+        core missions. Above all, the organization cultivates an inclusive and supportive
+        environment, valuing motivation and dedication over innate skill, and actively combating
+        elitism to foster a culture where all members can thrive and contribute meaningfully.
+        Joining Nebula Labs is not merely about membership; it&apos;s about becoming part of a
+        community dedicated to making a tangible difference in the lives of students and beyond.
+      </p>
+    </div>
+    <div className="px-8 lg:px-16 xl:px-32 py-24 flex flex-wrap justify-center gap-8">
+      <h2 className="text-5xl font-bold pb-4 text-center">How to Become a Member</h2>
+      <p className="text-3xl pb-4">AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH</p>
+    </div>
+    <Footer royalBg={false} />
+  </>
+);
+
+export default Membership;
diff --git a/src/pages/resources/roles.tsx b/src/pages/resources/roles.tsx