Skip to content

Commit 1512a2b

Browse files
derekxu04derekxu04
committed
change landing page about component
1 parent ed70ea4 commit 1512a2b

File tree

5 files changed

+43
-192
lines changed

5 files changed

+43
-192
lines changed

‎frontend/src/components/About/AboutHomepage.tsx‎

Lines changed: 35 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -9,31 +9,48 @@ export default function AboutHomePage() {
99
<div className="flex justify-center items-center">
1010
<div className="lg:grid grid-cols-6 flex-1 max-w-[90rem]">
1111
{/* LEFT SIDE */}
12+
{/* NOTE: there is slightly altered from about/index.tsx */}
1213
<div className="col-span-2 md:mx-5">
1314
<div className="flex items-center justify-center">
1415
<Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} />
1516
</div>
16-
<h2 className="text-3xl font-extrabold">CSESoc</h2>
17-
<button className="bg-[#444F6F] w-full my-5 py-2 rounded hover-animate">Follow</button>
17+
<h2 className="mt-4 text-3xl font-extrabold">CSESoc</h2>
18+
<p className="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
19+
<div className="my-4 flex gap-5">
20+
<Image src="/assets/people_icon.svg" alt="People" width={20} height={20} />
21+
<div>
22+
16k <span className="text-[#727B8C]">members</span> · 146{' '}
23+
<span className="text-[#727B8C]">internal members</span>
24+
</div>
25+
</div>
26+
<div className="my-4 flex gap-5">
27+
<Image src="/assets/location_icon.svg" alt="Location" width={20} height={20} />
28+
Sydney, Australia
29+
</div>
30+
<div className="flex gap-5">
31+
<Image src="/assets/mail_icon.svg" alt="Mail" width={20} height={20} />
32+
<a href="mailto:[email protected]" className="hover:underline">[email protected]</a>
33+
</div>
1834
</div>
1935
{/* RIGHT SIDE */}
2036
<div className="col-span-4 lg:mt-0 mt-10">
21-
<div className="rounded border border-[#595F6D] p-5 h-auto">
22-
<p className="text-xs">
23-
csesoc/README<span className="text-[#7A8192]">.md</span>
24-
</p>
25-
<p className="mt-5">
26-
CSESoc is one of the biggest and most active societies at UNSW, catering to over 3500 CSE
27-
students spanning across degrees in Computer Science, Software Engineering,
28-
Bioinformatics and Computer Engineering.
29-
<br/><br/>
30-
We are here to fulfil the social, personal and
31-
professional needs of CSE students, and promote computing through a variety of forms.
32-
<br/><br/>
33-
Learn more <a href="/about" className="text-[#3977F9]">about us!</a>
34-
</p>
35-
36-
</div>
37+
<p className="text-2xl">
38+
We are one of the largest and most active societies at UNSW, and {" "}
39+
<span className="font-bold text-[#3977F8]">the largest computing society in the southern hemisphere</span>.
40+
<br/><br/>
41+
CSESoc comprises {" "}
42+
<span className="font-bold text-[#3977F8]">over 16k members</span>
43+
{" "}spanning across various degrees including Computer Science,
44+
Software Engineering, Bioinformatics and Computer Engineering.
45+
<br/><br/>
46+
We are here to fulfil the social, personal and professional needs of CSE students,
47+
and promote computing through a variety of forms.
48+
</p>
49+
<a href="about">
50+
<button className="mt-16 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[60%] xl:h-12 h-10 hover-animate mx-auto block">
51+
Find out more
52+
</button>
53+
</a>
3754
</div>
3855
</div>
3956
</div>

‎frontend/src/components/Event/index.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ const Event = () => {
1111
listings, check out the CSESoc Discord or our Facebook page!
1212
</p>
1313
<a href="events">
14-
<button className="mt-10 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[60%] xl:h-12 h-10 hover-animate">
15-
See all events
16-
</button>
17-
</a>
14+
<button className="mt-10 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[60%] xl:h-12 h-10 hover-animate">
15+
See all events
16+
</button>
17+
</a>
1818
</div>
1919
<div className="bg-blue-500 w-4/5 h-96 ml-80">Placeholder</div>
2020
</div>

‎frontend/src/components/Github.tsx‎

Lines changed: 0 additions & 166 deletions
This file was deleted.

‎frontend/src/components/Sponsors/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const Sponsors = () => {
1919
<div className="flex justify-center items-center">
2020
<a href="sponsors">
2121
<button className="bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[20rem] xl:h-12 h-10 hover-animate">
22-
Learn More
22+
See all sponsors
2323
</button>
2424
</a>
2525
</div>

‎frontend/src/pages/about/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@ export default function AboutPage() {
2626
<div className="my-4 flex gap-5">
2727
<Image src="/assets/people_icon.svg" alt="People" width={20} height={20} />
2828
<div>
29-
432 <span className="text-[#727B8C]">members</span> · 342{' '}
30-
<span className="text-[#727B8C]">subcom</span>
29+
16k <span className="text-[#727B8C]">members</span> · 146{' '}
30+
<span className="text-[#727B8C]">internal members</span>
3131
</div>
3232
</div>
3333
<div className="my-4 flex gap-5">
@@ -49,7 +49,7 @@ export default function AboutPage() {
4949
<p>
5050
CSESoc is the official representative body of computing students at UNSW. We are one of the
5151
largest and most active societies at UNSW, and the largest computing society in the southern hemisphere.
52-
CSESoc comprises ~10k members spanning across degrees in Computer Science, Software Engineering,
52+
CSESoc comprises over 16k members spanning across various degrees including Computer Science, Software Engineering,
5353
Bioinformatics and Computer Engineering. We are here to fulfil the social, personal and professional
5454
needs of CSE students, and promote computing through a variety of forms.
5555
</p>

0 commit comments

Comments
 (0)