Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitb4b60de

Browse files
committed
added AboutHomepage and removed pinned. Replaced About with AboutHomepage in index.tsx
1 parent7ea1a2e commitb4b60de

File tree

3 files changed

+85
-9
lines changed

3 files changed

+85
-9
lines changed
Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
importLinkfrom"next/link";
2+
importImagefrom"next/image";
3+
exportdefaultfunctionAboutHomePage(){
4+
return(
5+
<sectionclassName="py-8 xl:px-24 sm:px-10 px-5"id="about">
6+
<divclassName="text-center my-10">
7+
<h2className="font-bold text-6xl">ABOUT</h2>
8+
</div>
9+
<divclassName="flex justify-center items-center">
10+
<divclassName="lg:grid grid-cols-6 flex-1 max-w-[90rem]">
11+
{/* LEFT SIDE */}
12+
<divclassName="col-span-2 md:mx-5">
13+
<divclassName="flex items-center justify-center">
14+
<Imagesrc="/assets/csesoc_icon.svg"alt="CSESoc Icon"width={150}height={150}/>
15+
</div>
16+
<h2className="mt-10 text-3xl font-extrabold">CSESoc</h2>
17+
<pclassName="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
18+
<buttonclassName="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+
<divclassName="my-4 flex gap-5">
23+
<Imagesrc="/assets/people_icon.svg"alt="People"width={20}height={20}/>
24+
<div>
25+
432<spanclassName="text-[#727B8C]">members</span> · 342{' '}
26+
<spanclassName="text-[#727B8C]">subcom</span>
27+
</div>
28+
</div>
29+
<divclassName="my-4 flex gap-5">
30+
<Imagesrc="/assets/location_icon.svg"alt="Location"width={20}height={20}/>
31+
Sydney, Australia
32+
</div>
33+
<divclassName="flex gap-5">
34+
<Imagesrc="/assets/mail_icon.svg"alt="Mail"width={20}height={20}/>
35+
info@csesoc.org.au
36+
</div>
37+
</div>
38+
{/* RIGHT SIDE */}
39+
<divclassName="col-span-4 lg:mt-0 mt-10">
40+
<divclassName="rounded border border-[#595F6D] p-5 h-auto">
41+
<pclassName="text-xs">
42+
csesoc/README<spanclassName="text-[#7A8192]">.md</span>
43+
</p>
44+
<pclassName="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
<divclassName="2xl:w-[90rem] xl:w-[75rem] w-[90%]">
1313
<divclassName="relative">
1414
<Imagesrc="assets/resources_bg.svg"alt="Background"className="-z-50 absolute"fill/>
15-
1615
<divclassName="text-center my-10">
1716
<h2className="font-bold text-6xl">RESOURCES</h2>
1817
</div>
1918

2019
<divclassName="py-8 bg-no-repeat bg-center">
2120
<divclassName="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
<divclassName="flex justify-center align-middle items-center pl-2 pr-10">
32-
<Imagesrc={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
<h2className="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-
<divclassName='flex align-middle items-center pt-2 pb-4'>
51-
<Imagesrc={item.svg}alt={item.alt}draggable="false"width={item.width}height={item.height}/>
54+
<divclassName="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
<h2className="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-
<divclassName='flex align-middle items-center pt-2 pb-4 pr-10'>
70-
<Imagesrc={item.svg}alt={item.alt}draggable="false"width={item.width}height={item.height}className='rounded-md'/>
79+
<divclassName="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
<h2className="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
importLandingfrom'@/components/Landing';
22
importSponsorsfrom'@/components/Sponsors/index';
3-
importAboutfrom'@/components/About';
43
importEventfrom'@/components/Event';
4+
importAboutHomePagefrom'@/components/About/AboutHomepage';
55

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

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp