Redoing for students (#143)

* Update expected knowledge for developer interviews * changed email on file and fixed header * changed member roles * changed taglien * ne tagline * added collapsible sections to the 'for students' page * fixed linting --------- Co-authored-by: Justin Yao Du <[email protected]>
TritonSE · Aug 16, 2023 · b70fe40 · b70fe40
1 parent aaa40a7
commit b70fe40
Show file tree

Hide file tree

Showing 7 changed files with 125 additions and 45 deletions.
diff --git a/components/AboutTabs.tsx b/components/AboutTabs.tsx
@@ -22,9 +22,7 @@ function Members() {
 }
 
 function Alumni() {
-  let yearsAndAlumni = groupBy(allAlumni, (alumnus) => alumnus.graduation).reverse();
-  // TODO: dirty hack to move TEST to the bottom for now
-  yearsAndAlumni = [...yearsAndAlumni.slice(1), yearsAndAlumni[0]];
+  const yearsAndAlumni = groupBy(allAlumni, (alumnus) => alumnus.graduation).reverse();
   return (
     <>
       {yearsAndAlumni.map(([graduation, alumni]) => (

diff --git a/components/CollapsibleSection.module.scss b/components/CollapsibleSection.module.scss
@@ -0,0 +1,27 @@
+.title {
+  display: flex;
+  align-items: center;
+  height: 60px;
+  cursor: pointer;
+}
+
+.title h2 {
+  display: inline;
+  padding: 0px;
+  margin: 0px;
+  margin-left: 10px;
+}
+
+.facingDown {
+  transform: rotate(90deg);
+}
+
+.collapsed {
+  height: 0px;
+  overflow: hidden;
+}
+
+.arrow {
+  font-size: 100;
+  transition: 300ms ease all;
+}
diff --git a/components/CollapsibleSection.tsx b/components/CollapsibleSection.tsx
@@ -0,0 +1,31 @@
+import classNames from "classnames";
+import React, { useState } from "react";
+import { BsArrowRightCircle } from "react-icons/bs";
+
+import styles from "./CollapsibleSection.module.scss";
+
+interface CollapsibleSectionProps {
+  title: string;
+  children: React.ReactNode;
+}
+
+export default function CollapsibleSection({ title, children }: CollapsibleSectionProps) {
+  const [isOpen, setIsOpen] = useState(false);
+
+  const toggle = () => {
+    setIsOpen(!isOpen);
+  };
+
+  return (
+    <>
+      <div className={styles.title} onClick={toggle} onKeyDown={toggle} role="presentation">
+        <BsArrowRightCircle
+          className={classNames(styles.arrow, isOpen ? styles.facingDown : null)}
+          size={40}
+        />
+        <h2>{title}</h2>
+      </div>
+      <div className={classNames(isOpen ? null : styles.collapsed)}>{children}</div>
+    </>
+  );
+}
diff --git a/data/people.ts b/data/people.ts
@@ -220,6 +220,7 @@ const constPeople = [
   {
     name: "Anoushka Dave",
     roles: ["Developer", "VP Operations", "President"],
+    graduation: 2023,
   },
   {
     name: "Reyna Abhyankar",
@@ -309,10 +310,12 @@ const constPeople = [
   {
     name: "Rachel Blumin",
     roles: ["Designer"],
+    graduation: 2023,
   },
   {
     name: "Rickie Chen",
     roles: ["Designer", "TEST Design Lead"],
+    graduation: 2023,
   },
   {
     name: "Thomas Li",
@@ -337,6 +340,7 @@ const constPeople = [
   {
     name: "Aksharan Saravanan",
     roles: ["Developer"],
+    graduation: 2023,
   },
   {
     name: "Alejandro Rodriguez Pascual",
@@ -427,7 +431,7 @@ const constPeople = [
   },
   {
     name: "Navid Boloorian",
-    roles: ["Developer", "Engineering Manager"],
+    roles: ["Developer", "Engineering Manager", "President"],
   },
   {
     name: "Nicholas Vanny",
@@ -442,6 +446,7 @@ const constPeople = [
   {
     name: "Nirmal Agnihotri",
     roles: ["Developer", "Engineering Manager"],
+    graduation: 2023,
   },
   {
     name: "Patrick Brown",
@@ -455,6 +460,7 @@ const constPeople = [
   {
     name: "Rohan Puthukudy",
     roles: ["Developer", "TEST Developer Lead"],
+    graduation: 2023,
   },
   {
     name: "Rohith Kasar",
@@ -474,6 +480,7 @@ const constPeople = [
   {
     name: "Shravan Konduru",
     roles: ["Developer", "VP Operations"],
+    graduation: 2023,
   },
   {
     name: "Stephen Tan",
@@ -516,6 +523,7 @@ const constPeople = [
   {
     name: "Alex Zhang",
     roles: ["Developer", "Engineering Manager"],
+    hidden: true,
   },
   {
     name: "Kevin Fu",
@@ -576,10 +584,12 @@ const constPeople = [
   {
     name: "Nishant Balaji",
     roles: ["Developer"],
+    hidden: true,
   },
   {
     name: "Aman Aggarwal",
     roles: ["Developer", "Engineering Manager"],
+    graduation: 2023,
   },
   {
     name: "Parth Patel",
@@ -588,6 +598,7 @@ const constPeople = [
   {
     name: "Assaf Cohen-Arazi",
     roles: ["Developer", "Engineering Manager"],
+    graduation: 2023,
   },
   {
     name: "Ryan Hung",
@@ -616,14 +627,17 @@ const constPeople = [
   {
     name: "Jonathan Lum",
     roles: ["Designer"],
+    graduation: 2023,
   },
   {
     name: "Juliet Zhuang",
     roles: ["Designer", "Marketing Lead"],
+    graduation: 2023,
   },
   {
     name: "Tracey Du",
     roles: ["Designer"],
+    hidden: true,
   },
   {
     name: "Mrinal Sharma",
@@ -636,42 +650,42 @@ const constPeople = [
   },
   {
     name: "Annie Wen",
-    roles: ["Product Manager"],
+    roles: ["Product Manager", "Designer"],
   },
   {
-    name: " Casey Toy",
+    name: "Casey Toy",
     roles: ["TEST Developer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Sage Amon",
     roles: ["TEST Developer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Abel Seyoum",
     roles: ["TEST Developer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Garrett Lam",
     roles: ["TEST Developer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Eric Shults",
     roles: ["TEST Developer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Alicia Danielle",
     roles: ["TEST Developer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Frances Sy",
     roles: ["TEST Designer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Aska Kunita Demirci",
@@ -680,7 +694,7 @@ const constPeople = [
   {
     name: "Annie Ye",
     roles: ["TEST Designer"],
-    graduation: "TEST",
+    graduation: 2022,
   },
   {
     name: "Nhu Luong",
@@ -742,6 +756,7 @@ const constPeople = [
   {
     name: "Fatima Dong",
     roles: ["TEST Developer"],
+    graduation: 2023,
   },
   {
     name: "Harsh Gurnani",
@@ -758,10 +773,12 @@ const constPeople = [
   {
     name: "Jared Rosas",
     roles: ["TEST Developer"],
+    graduation: 2023,
   },
   {
     name: "Jennifer Chen",
     roles: ["Developer"],
+    graduation: 2023,
   },
   {
     name: "Jennifer Tanurdjaja",
@@ -778,6 +795,7 @@ const constPeople = [
   {
     name: "Kacy Umana",
     roles: ["TEST Developer"],
+    graduation: 2023,
   },
   {
     name: "Kevin Do",
@@ -786,6 +804,7 @@ const constPeople = [
   {
     name: "Laura Liu",
     roles: ["TEST Designer"],
+    graduation: 2023,
   },
   {
     name: "Lillian Ho",
@@ -833,7 +852,7 @@ const constPeople = [
   },
   {
     name: "Vivian Liu",
-    roles: ["Developer"],
+    roles: ["Developer", "VP Operations"],
   },
   {
     name: "Yash Ravipati",
@@ -842,22 +861,26 @@ const constPeople = [
   {
     name: "Madison Plotkin",
     roles: ["TEST Designer"],
+    graduation: 2023,
   },
   {
     name: "Mandy Lai",
-    roles: ["Designer"],
+    roles: ["Designer", "Marketing Lead"],
   },
   {
     name: "Melanie Haro",
     roles: ["TEST Developer"],
+    graduation: 2023,
   },
   {
     name: "Omar Khalil",
     roles: ["TEST Designer"],
+    graduation: 2023,
   },
   {
     name: "Rosario Ortiz",
     roles: ["TEST Developer"],
+    graduation: 2023,
   },
   {
     name: "Shana Chen",
@@ -874,6 +897,7 @@ const constPeople = [
   {
     name: "Yoto Kim",
     roles: ["TEST Developer"],
+    graduation: 2023,
   },
 ] as const;
 type PersonName = typeof constPeople[number]["name"];

diff --git a/images/all-images.ts b/images/all-images.ts
@@ -1,7 +1,7 @@
 // Do not edit. Automatically generated by generate.ts
 const allImages = {
   "clients/alum_for_northwood": { width: 100, height: 100, maxSize: 128, extension: ".png" },
-  "clients/call_blackline": { width: 512, height: 67, maxSize: 640, extension: ".jpg" },
+  "clients/call_blackline": { width: 1460, height: 186, maxSize: 1920, extension: ".png" },
   "clients/center_for_community_health": { width: 940, height: 192, maxSize: 1080, extension: ".png" },
   "clients/dynamics_performance_team": { width: 1312, height: 1312, maxSize: 1920, extension: ".jpg" },
   "clients/feeding_san_diego": { width: 2550, height: 1220, maxSize: 1920, extension: ".png" },

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -41,7 +41,7 @@ export default function Home() {
           {markdown`
 # Triton Software Engineering
 
-Crafting digital solutions for the community around us.
+Crafting digital solutions for nonprofit organizations in our community.
           `}
         </div>
       </Hero>