Skip to content

Commit 31d76a0

Browse files
derekxu04derekxu04
committed
center execs and directors
1 parent 0d52134 commit 31d76a0

File tree

1 file changed

+44
-41
lines changed

1 file changed

+44
-41
lines changed

‎frontend/src/pages/about/execs-directors-subcoms.tsx

Lines changed: 44 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -19,134 +19,137 @@ const ExecsDirectorsSubcommitteesPage = () => {
1919
<div className="flex justify-center items-center">
2020
<img src="/images/csesoc-team-2024.jpeg" alt="CSESoc Team 2024" width={700} height={700} />
2121
</div>
22+
</div>
2223

23-
<div className="grid grid-cols-2 gap-6 grid-rows-auto">
24-
<div className="my-5">
25-
<h2 className="text-xl font-bold mb-2">Execs</h2>
26-
<ul className="list-disc ml-6">
27-
<li>Elizabeth Zhu Chan - Co-President</li>
28-
<li>Lesley Lu - Co-President</li>
29-
<li>Ivan Chan - Secretary</li>
30-
<li>Justin Son - Treasurer</li>
31-
<li>Sophie Khov - Arc Delegate</li>
32-
<li>Catherine Kim - Grievance, Equity, Diversity and Inclusion Officer</li>
33-
<li>Amy Liu - Vice President (Internals)</li>
34-
<li>Nicole Jiang - Vice President (Externals)</li>
35-
<li>Matthew Lim - Vice President (Technicals)</li>
36-
</ul>
24+
<div className="my-5 text-center">
25+
<h2 className="text-xl font-bold mb-2">Execs</h2>
26+
<div className="flex justify-center">
27+
<ul className="mx-4">
28+
<li>Elizabeth Zhu Chan - Co-President</li>
29+
<li>Lesley Lu - Co-President</li>
30+
<li>Ivan Chan - Secretary</li>
31+
<li>Justin Son - Treasurer</li>
32+
<li>Sophie Khov - Arc Delegate</li>
33+
<li>Catherine Kim - Grievance, Equity, Diversity and Inclusion Officer</li>
34+
<li>Amy Liu - Vice President (Internals)</li>
35+
<li>Nicole Jiang - Vice President (Externals)</li>
36+
<li>Matthew Lim - Vice President (Technicals)</li>
37+
</ul>
3738
</div>
39+
</div>
3840

39-
<div className="my-5">
41+
<div className="grid grid-cols-2 gap-6">
42+
<div className="my-5 flex flex-col justify-center items-center text-center">
4043
<h2 className="text-xl font-bold mb-2">Careers</h2>
41-
<ul className="list-disc ml-6">
44+
<ul className="space-y-1">
4245
<li>Eric Kang</li>
4346
<li>Jasmine Xian</li>
4447
<li>Max Lee</li>
4548
</ul>
4649
</div>
4750

48-
<div className="my-5">
51+
<div className="my-5 flex flex-col justify-center items-center text-center">
4952
<h2 className="text-xl font-bold mb-2">Competitions</h2>
50-
<ul className="list-disc ml-6">
53+
<ul>
5154
<li>Aliff Azlan</li>
5255
<li>Haibing Wang</li>
5356
<li>Diego Untalan</li>
5457
</ul>
5558
</div>
5659

57-
<div className="my-5">
60+
<div className="my-5 flex flex-col justify-center items-center text-center">
5861
<h2 className="text-xl font-bold mb-2">Creative</h2>
59-
<ul className="list-disc ml-6">
62+
<ul>
6063
<li>Anna Wang</li>
6164
<li>Jordan Djamaan</li>
6265
<li>Shabinda Sarkaria</li>
6366
</ul>
6467
</div>
6568

66-
<div className="my-5">
69+
<div className="my-5 flex flex-col justify-center items-center text-center">
6770
<h2 className="text-xl font-bold mb-2">Education</h2>
68-
<ul className="list-disc ml-6">
71+
<ul>
6972
<li>Alina Jin</li>
7073
<li>JJ Roberts-White</li>
7174
<li>Liam Smith</li>
7275
</ul>
7376
</div>
7477

75-
<div className="my-5">
78+
<div className="my-5 flex flex-col justify-center items-center text-center">
7679
<h2 className="text-xl font-bold mb-2">Events</h2>
77-
<ul className="list-disc ml-6">
80+
<ul>
7881
<li>Emma Nguyen</li>
7982
<li>Jalaj Jain</li>
8083
<li>Jenny Lee</li>
8184
</ul>
8285
</div>
8386

84-
<div className="my-5">
87+
<div className="my-5 flex flex-col justify-center items-center text-center">
8588
<h2 className="text-xl font-bold mb-2">HR</h2>
86-
<ul className="list-disc ml-6">
89+
<ul>
8790
<li>Aryan Chauhan</li>
8891
<li>Edwin Tang</li>
8992
<li>Jasmine Guan</li>
9093
</ul>
9194
</div>
9295

93-
<div className="my-5">
96+
<div className="my-5 flex flex-col justify-center items-center text-center">
9497
<h2 className="text-xl font-bold mb-2">IT</h2>
95-
<ul className="list-disc ml-6">
98+
<ul>
9699
<li>Derek Xu</li>
97100
<li>Dominic Cheung</li>
98101
</ul>
99102
</div>
100103

101-
<div className="my-5">
104+
<div className="my-5 flex flex-col justify-center items-center text-center">
102105
<h2 className="text-xl font-bold mb-2">Marketing</h2>
103-
<ul className="list-disc ml-6">
106+
<ul>
104107
<li>Aaron Lee</li>
105108
<li>Lisa Lin</li>
106109
<li>Zitian Qin</li>
107110
</ul>
108111
</div>
109112

110-
<div className="my-5">
113+
<div className="my-5 flex flex-col justify-center items-center text-center">
111114
<h2 className="text-xl font-bold mb-2">Media</h2>
112-
<ul className="list-disc ml-6">
115+
<ul>
113116
<li>Dylan Hu</li>
114117
<li>Gloria Xi</li>
115118
<li>Leo Ng Maisnam</li>
116119
</ul>
117120
</div>
118121

119-
<div className="my-5">
122+
<div className="my-5 flex flex-col justify-center items-center text-center">
120123
<h2 className="text-xl font-bold mb-2">Online</h2>
121-
<ul className="list-disc ml-6">
124+
<ul>
122125
<li>Amy Tian</li>
123126
<li>Brandon Tan</li>
124127
</ul>
125128
</div>
126129

127-
<div className="my-5">
130+
<div className="my-5 flex flex-col justify-center items-center text-center">
128131
<h2 className="text-xl font-bold mb-2">Outreach</h2>
129-
<ul className="list-disc ml-6">
132+
<ul>
130133
<li>Joyce He</li>
131134
<li>Sapphire Wildie</li>
132135
</ul>
133136
</div>
134137

135-
<div className="my-5">
138+
<div className="my-5 flex flex-col justify-center items-center text-center">
136139
<h2 className="text-xl font-bold mb-2">Socials</h2>
137-
<ul className="list-disc ml-6">
140+
<ul>
138141
<li>Davis Lim</li>
139142
<li>Jennifer Yu</li>
140143
<li>Susie Xia</li>
141144
</ul>
142145
</div>
143-
</div>
144146

145-
<p className="text-xl bold my-5">
146-
Get to know them better <a href="https://media.csesoc.org.au/fyg24-meet-csesoc/" className="text-blue-500 hover:underline">here</a>!
147+
<p className="text-xl bold my-5">
148+
Get to know them better <a href="https://media.csesoc.org.au/fyg24-meet-csesoc/" className="text-blue-500 hover:underline">here</a>!
147149
</p>
148150
</div>
149151

152+
150153
<div className="border-t border-gray-300 my-5"></div>
151154

152155
{/* PORTFOLIOS */}

0 commit comments

Comments
 (0)