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) => (