diff --git a/src/data/members.ts b/src/data/members.ts index b3e959e..c2901c8 100644 --- a/src/data/members.ts +++ b/src/data/members.ts @@ -17,7 +17,7 @@ export const MEMBER_PRICES = { export const faq = [ { question: "How much is membership?", - answer: "$25 dollars for the whole year or $15 dollars per semester", + answer: "$30 dollars for the whole year or $20 dollars per semester", }, { question: "What makes Code[Coogs] special?", diff --git a/src/officers/Officers.tsx b/src/officers/Officers.tsx index 44a015f..4d71a63 100644 --- a/src/officers/Officers.tsx +++ b/src/officers/Officers.tsx @@ -57,12 +57,22 @@ const OfficerCard = (props: OfficerCardProps) => {
{instagram && ( - + )} {linkedin && ( - + )} @@ -75,7 +85,8 @@ const OfficerCard = (props: OfficerCardProps) => { const OfficersPage = () => { const numOfficers = officers.length; const [semester, setSemester] = useState(numOfficers - 1); - const [officerCardOpacity, setOfficerCardOpacity] = useState("opacity-100"); + const [officerCardOpacity, setOfficerCardOpacity] = + useState("opacity-100"); const changeSemester = (newSemester: number) => { setOfficerCardOpacity("opacity-0"); @@ -103,8 +114,12 @@ const OfficersPage = () => { const isVP = (p: string) => /\bvp\b|vice\s*president/i.test(p); const presidents = currentList.filter((o) => isPresident(o.position)); - const vps = currentList.filter((o) => !isPresident(o.position) && isVP(o.position)); - const others = currentList.filter((o) => !isPresident(o.position) && !isVP(o.position)); + const vps = currentList.filter( + (o) => !isPresident(o.position) && isVP(o.position), + ); + const others = currentList.filter( + (o) => !isPresident(o.position) && !isVP(o.position), + ); return (
@@ -118,25 +133,44 @@ const OfficersPage = () => {
- + {semester - 1 >= 0 && officers[semester - 1].semester} {officers[semester].semester} - - {semester + 1 < numOfficers && officers[semester + 1].semester} + + {semester + 1 < numOfficers && + officers[semester + 1].semester}
- Officers + + Officers +
{/* President section */} {presidents.length > 0 && (
-

President

-
+

+ President +

+
{presidents.map((officer) => ( @@ -160,8 +194,12 @@ const OfficersPage = () => { {/* Vice Presidents section (larger title; responsive layout for 3 VPs) */} {vps.length > 0 && (
-

Vice Presidents

-
+

+ Vice Presidents +

+
{/* If exactly 3 VPs: show single-row on md+, stacked with top centered on small screens */} {vps.length === 3 ? ( <> @@ -213,7 +251,9 @@ const OfficersPage = () => {
) : ( -
+
{vps.map((officer) => ( { {/* Regular officers section */} {others.length > 0 && (
-

Officers

-
+

+ Officers +

+
{others.map((officer) => (