update readme and about page descriptions

README.md

@@ -1,12 +1,15 @@
-> **📣 Calling All Students**
->
-> If you are interested in learning how to build real world software or have a project of your own you want to build, check out <a href="https://oasisneu.com">Oasis</a>! Northeastern's student software project hub.
-
 # Khoury Office Hours
 
 Khoury Office Hours provides a platform for classes at [Khoury College](https://www.khoury.northeastern.edu/) to facilitate office hours and utilize data insights to decrease wait times. Students are able to ask questions and join automatically scheduled queues, and TA's are able to easily manage queues by helping students and limiting question load in stressful situations.
 
-Khoury Office Hours was developed by [Sandbox](https://www.sandboxnu.com/), Northeastern's student-led software consultancy.
+Khoury Office Hours was developed by [Sandbox](https://www.sandboxnu.com/), Northeastern's student-led software consultancy. The project brought to Sandbox via Will Stenzel and Alex Grob in the Fall of 2019. Funny enough, it started as a Sandbox project in Spring 2020 as a React-Native mobile app. But as the pandemic developed, the team realized we needed a more robust solution to mediate office hours for the entire school. After initially rolling out to 4 classes in the Fall of 2020, the tool has now become a staple at Khoury, supporting about 20 classes semester over semester. The tool is even being used by classes at the University of British Columbia at the Okanagan campus.
+
+As a lot of the original developers have graduated, and feature development slowed down, the school needs to rely on a consistent maintenance team to nurture the applicaiton. So we are archiving this repo, and active development will continue under the software department of Khoury College at [this fork](https://github.com/khouryapps/office-hours).
+
+If you choose to build upon the platform, please ensure it will remain open-source. 
+
+A special thank you to all developers who were on the team over the past 3 years, and leadership for their extended time coordinating with Khoury to make the app.
+
 
 ![Queue Demo](https://i.imgur.com/LxxLW3O.jpg)
 
@@ -46,10 +49,6 @@ Hack away! Take a look [here](https://github.com/sandboxnu/office-hours/issues?q
 
 Create a new pull request using <a href="https://github.com/sandboxnu/office-hours/compare/" target="_blank">`https://github.com/sandboxnu/office-hours/compare/`</a>
 
-## Support
-
-Found a bug? Report it [here](https://forms.monday.com/forms/06be3745a411353ad295249d43835d38) and we'll get back to you soon!
-
 ## License
 
 [GPL](https://github.com/sandboxnu/office-hours/blob/master/LICENSE)

packages/app/components/About/AboutPage.tsx

@@ -36,52 +36,29 @@ export default function AboutPage(): ReactElement {
         <Title>About Us</Title>
         <Description>
           <p>
-            Khoury Office Hours is developed and maintained by a group of
+            Khoury Office Hours was a project originally built by a group of
             student developers and designers from
             <a href="https://www.sandboxnu.com/"> Sandbox</a>, the student-led
-            software consultancy at Northeastern. Our mission is to enhance the
+            software consultancy at Northeastern. The mission is to enhance the
             student experience by making office hours more efficient and
             transparent.
           </p>
           <p>
             We began developing Khoury Office Hours in May 2020, and first
-            launched the app in Fall 2020 to 4 courses. We now support around 20
-            courses with over 2,500 registered users. Check us out{" "}
+            launched the app in Fall 2020 to 4 courses. Over the years, the tool
+            has become a staple at the university, supporting 20+ classes each
+            semester. Check us out{" "}
             <a href="https://news.northeastern.edu/2021/02/02/this-app-helps-students-get-more-face-time-with-professors/">
               {" "}
               in the news{" "}
             </a>
             to learn more.
           </p>
           <p>
-            Our team is always open to feedback. If you&apos;re interested in
-            contributing or have questions, feel free to take a look at our have
-            questions, feel free to take a look at our
-            <a href="https://github.com/sandboxnu/office-hours"> GitHub</a> or
-            email us at
-            <a href="mailto:[email protected]">
-              {" "}
-              [email protected]
-            </a>
-          </p>
-          <p>
-            <strong>Contact: </strong>
-            <a href="mailto:[email protected]">
-              {" "}
-              [email protected]
-            </a>
-          </p>
-          <p>
-            <strong>GitHub: </strong>
-            <a href="https://github.com/sandboxnu/office-hours">
-              https://github.com/sandboxnu/office-hours
-            </a>
-          </p>
-          <p>
-            <strong>Informational Site: </strong>
-            <a href="https://info.khouryofficehours.com/">
-              https://info.khouryofficehours.com/
-            </a>
+            As the product matured, and a lot of the original developers
+            graduated, the school began to take over the app in the Fall of
+            2022, with a complete handoff in Summer 2023. The app is now under
+            the supervision of the Khoury College of Computer Sciences.
           </p>
         </Description>
       </Col>
@@ -92,19 +69,6 @@ export default function AboutPage(): ReactElement {
         style={{ flexGrow: 1, paddingTop: "20px" }}
       >
         <Col span={20} style={{ maxWidth: "100%" }}>
-          <ProfilesTitle>Current Members</ProfilesTitle>
-          <ProfilesSection>
-            {PROFILES_CURRENT.map((prof, idx) => (
-              <ProfileCard
-                key={idx}
-                name={prof.name}
-                role={prof.role}
-                imgSrc={prof.image}
-                linkedin={prof.linkedin}
-                personalSite={prof.personalSite}
-              />
-            ))}
-          </ProfilesSection>
           <ProfilesTitle>Past Members</ProfilesTitle>
           <ProfilesSection>
             {PROFILES_PAST.map((prof, idx) => (
@@ -128,7 +92,7 @@ export default function AboutPage(): ReactElement {
 // https://buildbrothers.com/gdrive-generator/
 // which is described in this article: https://blog.usejournal.com/host-static-images-for-your-apps-or-website-on-google-drive-hotlink-to-gdrive-images-358d6fcf8ef7
 // The images are stored in the drive folder Sandbox Members/Office Hours/About Page Images
-const PROFILES_CURRENT = [
+const PROFILES_PAST = [
   {
     name: "Danish Farooq",
     role: "Project Lead",
@@ -170,19 +134,27 @@ const PROFILES_CURRENT = [
   {
     name: "Tingwei Shi",
     role: "Developer",
-    image: "https://drive.google.com/uc?id=1GrUpNThyLoazwM3RkCNHr2dB2HxDOUTY",
+    image: "https://drive.google.com/file/d/1DfO4JM_Arrifm5miqRBxGZek_-rwJjna",
     linkedin: "https://www.linkedin.com/in/tingwei-shi",
   },
+  {
+    name: "Angela Zheng",
+    role: "Designer",
+    image: "https://www.linkedin.com/in/angela-zheng-/",
+  },
+  {
+    name: "Sumit De",
+    role: "Developer",
+    image: "https://drive.google.com/file/d/1ec3ELGi3iuawF_-rT3Hn9ooaj8yP02HS",
+    linkedin: "https://www.linkedin.com/in/sumit-de-a6a09217b/",
+  },
   {
     name: "Megan Chong",
     role: "Designer",
     image: "https://drive.google.com/uc?id=1sJ4aEFG_C8WXEkbNa7EcMBKo6B2VfldE",
     linkedin: "https://www.linkedin.com/in/megan-chong-/",
     personalSite: "https://www.megan-chong.com",
   },
-];
-
-const PROFILES_PAST = [
   {
     name: "Aislin Black",
     role: "Developer",

packages/app/pages/about.tsx

@@ -1,20 +1,14 @@
 import Head from "next/head";
-import { useRouter } from "next/router";
 import React, { ReactElement } from "react";
 import AboutPage from "../components/About/AboutPage";
 import { StandardPageContainer } from "../components/common/PageContainer";
-import NavBar from "../components/Nav/NavBar";
 
 export default function About(): ReactElement {
-  const router = useRouter();
-  const courseId = router.query["cid"];
-
   return (
     <StandardPageContainer>
       <Head>
         <title>About | Khoury Office Hours</title>
       </Head>
-      <NavBar courseId={Number(courseId)} />
       <AboutPage />
     </StandardPageContainer>
   );