Skip to content

Commit b4b60de

Browse files
QuadAcesQuadAces
committed
added AboutHomepage and removed pinned. Replaced About with AboutHomepage in index.tsx
1 parent 7ea1a2e commit b4b60de

File tree

3 files changed

+85
-9
lines changed

3 files changed

+85
-9
lines changed

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

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
import Link from "next/link";
2+
import Image from "next/image";
3+
export default function AboutHomePage() {
4+
return (
5+
<section className="py-8 xl:px-24 sm:px-10 px-5" id="about">
6+
<div className="text-center my-10">
7+
<h2 className="font-bold text-6xl">ABOUT</h2>
8+
</div>
9+
<div className="flex justify-center items-center">
10+
<div className="lg:grid grid-cols-6 flex-1 max-w-[90rem]">
11+
{/* LEFT SIDE */}
12+
<div className="col-span-2 md:mx-5">
13+
<div className="flex items-center justify-center">
14+
<Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} />
15+
</div>
16+
<h2 className="mt-10 text-3xl font-extrabold">CSESoc</h2>
17+
<p className="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
18+
<button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button>
19+
<p>
20+
CSESoc is the principal representative body for UNSW computing students.
21+
</p>
22+
<div className="my-4 flex gap-5">
23+
<Image src="/assets/people_icon.svg" alt="People" width={20} height={20} />
24+
<div>
25+
432 <span className="text-[#727B8C]">members</span> · 342{' '}
26+
<span className="text-[#727B8C]">subcom</span>
27+
</div>
28+
</div>
29+
<div className="my-4 flex gap-5">
30+
<Image src="/assets/location_icon.svg" alt="Location" width={20} height={20} />
31+
Sydney, Australia
32+
</div>
33+
<div className="flex gap-5">
34+
<Image src="/assets/mail_icon.svg" alt="Mail" width={20} height={20} />
35+
info@csesoc.org.au
36+
</div>
37+
</div>
38+
{/* RIGHT SIDE */}
39+
<div className="col-span-4 lg:mt-0 mt-10">
40+
<div className="rounded border border-[#595F6D] p-5 h-auto">
41+
<p className="text-xs">
42+
csesoc/README<span className="text-[#7A8192]">.md</span>
43+
</p>
44+
<p className="mt-5">
45+
CSESoc is one of the biggest and most active societies at UNSW, catering to over 3500 CSE
46+
students spanning across degrees in Computer Science, Software Engineering,
47+
Bioinformatics and Computer Engineering.
48+
<br /><br />
49+
We are here to fulfil the social, personal and
50+
professional needs of CSE students, and promote computing through a variety of forms.
51+
</p>
52+
</div>
53+
54+
</div>
55+
</div>
56+
</div>
57+
</section>
58+
);
59+
}

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

Lines changed: 24 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,12 @@ const Resources = () => {
1212
<div className="2xl:w-[90rem] xl:w-[75rem] w-[90%]">
1313
<div className="relative">
1414
<Image src="assets/resources_bg.svg" alt="Background" className="-z-50 absolute" fill />
15-
1615
<div className="text-center my-10">
1716
<h2 className="font-bold text-6xl">RESOURCES</h2>
1817
</div>
1918

2019
<div className="py-8 bg-no-repeat bg-center">
2120
<div className="grid grid-cols-4 1 gap-x-9 gap-y-5">
22-
2321
{stage1.map((item: resourceCards) => {
2422
return (
2523
<a
@@ -29,7 +27,13 @@ const Resources = () => {
2927
className={`col-span-4 p-5 ${boxStyling} flex`}
3028
>
3129
<div className="flex justify-center align-middle items-center pl-2 pr-10">
32-
<Image src={item.svg} alt={item.alt} draggable="false" width={item.width} height={item.height}/>
30+
<Image
31+
src={item.svg}
32+
alt={item.alt}
33+
draggable="false"
34+
width={item.width}
35+
height={item.height}
36+
/>
3337
</div>
3438
<div>
3539
<h2 className="mt-5 text-3xl font-extrabold">{item.title}</h2>
@@ -47,8 +51,14 @@ const Resources = () => {
4751
target="_blank"
4852
className={`xl:col-span-1 col-span-4 p-5 ${boxStyling}`}
4953
>
50-
<div className='flex align-middle items-center pt-2 pb-4'>
51-
<Image src={item.svg} alt={item.alt} draggable="false" width={item.width} height={item.height}/>
54+
<div className="flex align-middle items-center pt-2 pb-4">
55+
<Image
56+
src={item.svg}
57+
alt={item.alt}
58+
draggable="false"
59+
width={item.width}
60+
height={item.height}
61+
/>
5262
</div>
5363
<div>
5464
<h2 className="mt-5 text-3xl font-extrabold">{item.title}</h2>
@@ -66,8 +76,15 @@ const Resources = () => {
6676
target="_blank"
6777
className={`md:col-span-2 col-span-4 p-5 ${boxStyling} flex`}
6878
>
69-
<div className='flex align-middle items-center pt-2 pb-4 pr-10'>
70-
<Image src={item.svg} alt={item.alt} draggable="false" width={item.width} height={item.height} className='rounded-md'/>
79+
<div className="flex align-middle items-center pt-2 pb-4 pr-10">
80+
<Image
81+
src={item.svg}
82+
alt={item.alt}
83+
draggable="false"
84+
width={item.width}
85+
height={item.height}
86+
className="rounded-md"
87+
/>
7188
</div>
7289
<div>
7390
<h2 className="mt-5 text-3xl font-extrabold">{item.title}</h2>

‎frontend/src/pages/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
import Landing from '@/components/Landing';
22
import Sponsors from '@/components/Sponsors/index';
3-
import About from '@/components/About';
43
import Event from '@/components/Event';
4+
import AboutHomePage from '@/components/About/AboutHomepage';
55

66
export default function Home() {
77
return (
88
<section>
99
<Landing />
10-
<About />
10+
<AboutHomePage />
1111
<Event />
1212
<Sponsors />
1313
</section>

0 commit comments

Comments
 (0)