Skip to content

Commit 6167f38

Browse files
QuadAcesQuadAces
committed
altered resources page
1 parent 0ed13af commit 6167f38

File tree

5 files changed

+123
-107
lines changed

5 files changed

+123
-107
lines changed

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

Lines changed: 113 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,113 @@
1+
// import DiscordLogo from "@/public/assets/discord_logo.svg"
2+
import Image from 'next/image';
3+
4+
const boxStyling =
5+
'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
6+
const socialsBoxStyling =
7+
'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
8+
9+
const Contacts = () => {
10+
return (
11+
<div className="md:mt-10 mt-5">
12+
<div className="grid grid-cols-3 1 gap-x-9 gap-y-5 mb-10">
13+
<a href="https://bit.ly/CSESocDiscord" target="_blank" className={socialsBoxStyling}>
14+
<Image
15+
src="assets/discord_logo.svg"
16+
alt="discord logo"
17+
width={25}
18+
height={25}
19+
className="mr-1"
20+
/>
21+
<p className="text-xl font-bold m-2">DISCORD</p>
22+
</a>
23+
<a
24+
href="https://www.facebook.com/csesoc/"
25+
target="_blank"
26+
className={socialsBoxStyling}
27+
>
28+
<Image
29+
src="assets/fb_logo.svg"
30+
alt="facebook logo"
31+
width={25}
32+
height={25}
33+
className="mr-1"
34+
/>
35+
<p className="text-xl font-bold m-2">FACEBOOK</p>
36+
</a>
37+
<a
38+
href="https://www.facebook.com/groups/csesoc"
39+
target="_blank"
40+
className={socialsBoxStyling}
41+
>
42+
<Image
43+
src="assets/group_icon.svg"
44+
alt="facebook group"
45+
width={25}
46+
height={25}
47+
className="mr-1"
48+
/>
49+
<p className="text-xl font-bold m-2">FACEBOOK GROUP</p>
50+
</a>
51+
</div>
52+
53+
<div className="flex 1 justify-around xl:mx-40">
54+
<a href="https://twitter.com/csesoc?lang=en" target="_blank">
55+
<Image
56+
src="assets/x_twitter_icon.svg"
57+
alt="X/Twitter"
58+
width={35}
59+
height={35}
60+
className="mr-1 fill-white hover:scale-105 transition-all"
61+
/>
62+
</a>
63+
<a href="https://www.youtube.com/@CSESocUNSW" target="_blank">
64+
<Image
65+
src="assets/youtube_logo.svg"
66+
alt="Youtube"
67+
width={35}
68+
height={35}
69+
className="mr-1 fill-white hover:scale-105 transition-all"
70+
/>
71+
</a>
72+
<a href="https://www.instagram.com/csesoc_unsw/?hl=en" target="_blank">
73+
<Image
74+
src="assets/instagram_logo.svg"
75+
alt="Instagram"
76+
width={35}
77+
height={35}
78+
className="mr-1 fill-white hover:scale-105 transition-all"
79+
/>
80+
</a>
81+
<a href="https://www.tiktok.com/@csesoc?lang=en" target="_blank">
82+
<Image
83+
src="assets/tiktok_logo.svg"
84+
alt="TikTok"
85+
width={35}
86+
height={35}
87+
className="mr-1 fill-white hover:scale-105 transition-all"
88+
/>
89+
</a>
90+
<a href="#" target="_blank">
91+
<Image
92+
src="assets/wechat_logo.svg"
93+
alt="weChat"
94+
width={40}
95+
height={40}
96+
className="mr-1 fill-white hover:scale-105 transition-all"
97+
/>
98+
</a>
99+
<a href="https://www.linkedin.com/company/csesoc?originalSubdomain=au" target="_blank">
100+
<Image
101+
src="assets/linkedin_logo.svg"
102+
alt="LinkedIn"
103+
width={35}
104+
height={35}
105+
className="mr-1 fill-white hover:scale-105 transition-all"
106+
/>
107+
</a>
108+
</div>
109+
</div>
110+
);
111+
};
112+
113+
export default Contacts;

‎frontend/src/components/ResourcesAndContacts/index.tsx renamed to ‎frontend/src/components/Resources/index.tsx

Lines changed: 2 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ const boxStyling =
66
const socialsBoxStyling =
77
'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
88

9-
const ResourcesAndContacts = () => {
9+
const Resources = () => {
1010
return (
1111
<section className="bg-no-repeat bg-center py-8 px-15 min-h-screen flex justify-center items-center">
1212
<div className="2xl:w-[90rem] xl:w-[75rem] w-[90%]">
@@ -118,109 +118,9 @@ const ResourcesAndContacts = () => {
118118
</div>
119119
</div>
120120
</div>
121-
122-
<div className="md:mt-10 mt-5">
123-
<div className="grid grid-cols-3 1 gap-x-9 gap-y-5 mb-10">
124-
<a href="https://bit.ly/CSESocDiscord" target="_blank" className={socialsBoxStyling}>
125-
<Image
126-
src="assets/discord_logo.svg"
127-
alt="discord logo"
128-
width={25}
129-
height={25}
130-
className="mr-1"
131-
/>
132-
<p className="text-xl font-bold m-2">DISCORD</p>
133-
</a>
134-
<a
135-
href="https://www.facebook.com/csesoc/"
136-
target="_blank"
137-
className={socialsBoxStyling}
138-
>
139-
<Image
140-
src="assets/fb_logo.svg"
141-
alt="facebook logo"
142-
width={25}
143-
height={25}
144-
className="mr-1"
145-
/>
146-
<p className="text-xl font-bold m-2">FACEBOOK</p>
147-
</a>
148-
<a
149-
href="https://www.facebook.com/groups/csesoc"
150-
target="_blank"
151-
className={socialsBoxStyling}
152-
>
153-
<Image
154-
src="assets/group_icon.svg"
155-
alt="facebook group"
156-
width={25}
157-
height={25}
158-
className="mr-1"
159-
/>
160-
<p className="text-xl font-bold m-2">FACEBOOK GROUP</p>
161-
</a>
162-
</div>
163-
164-
<div className="flex 1 justify-around xl:mx-40">
165-
<a href="https://twitter.com/csesoc?lang=en" target="_blank">
166-
<Image
167-
src="assets/x_twitter_icon.svg"
168-
alt="X/Twitter"
169-
width={35}
170-
height={35}
171-
className="mr-1 fill-white hover:scale-105 transition-all"
172-
/>
173-
</a>
174-
<a href="https://www.youtube.com/@CSESocUNSW" target="_blank">
175-
<Image
176-
src="assets/youtube_logo.svg"
177-
alt="Youtube"
178-
width={35}
179-
height={35}
180-
className="mr-1 fill-white hover:scale-105 transition-all"
181-
/>
182-
</a>
183-
<a href="https://www.instagram.com/csesoc_unsw/?hl=en" target="_blank">
184-
<Image
185-
src="assets/instagram_logo.svg"
186-
alt="Instagram"
187-
width={35}
188-
height={35}
189-
className="mr-1 fill-white hover:scale-105 transition-all"
190-
/>
191-
</a>
192-
<a href="https://www.tiktok.com/@csesoc?lang=en" target="_blank">
193-
<Image
194-
src="assets/tiktok_logo.svg"
195-
alt="TikTok"
196-
width={35}
197-
height={35}
198-
className="mr-1 fill-white hover:scale-105 transition-all"
199-
/>
200-
</a>
201-
<a href="#" target="_blank">
202-
<Image
203-
src="assets/wechat_logo.svg"
204-
alt="weChat"
205-
width={40}
206-
height={40}
207-
className="mr-1 fill-white hover:scale-105 transition-all"
208-
/>
209-
</a>
210-
<a href="https://www.linkedin.com/company/csesoc?originalSubdomain=au" target="_blank">
211-
<Image
212-
src="assets/linkedin_logo.svg"
213-
alt="LinkedIn"
214-
width={35}
215-
height={35}
216-
className="mr-1 fill-white hover:scale-105 transition-all"
217-
/>
218-
</a>
219-
</div>
220-
</div>
221121
</div>
222122
</section>
223123
);
224124
};
225125

226-
export default ResourcesAndContacts;
126+
export default Resources;

‎frontend/src/pages/contact-us.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import Contacts from '@/components/Contacts';
12
import Footer from '@/components/Footer';
23
import Hamburger from '@/components/Hamburger';
34
import Navbar from '@/components/Navbar';
@@ -51,14 +52,15 @@ export default function ContactUs() {
5152
<iframe className='w-full h-[80vh]' src='https://forms.gle/7kk3RRBJbXo3Sip86'></iframe>
5253
</li>
5354
</ul>
54-
5555
</section>
5656
<section className='py-5'>
5757
<p className='text-xl'>
5858
And be sure to follow us on social media to be notified of upcoming events and
5959
opportunities!
6060
</p>
61+
<Contacts/>
6162
</section>
63+
6264
<Footer />
6365
</section>
6466
);

‎frontend/src/pages/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@ import Landing from '@/components/Landing';
22
import Sponsors from '@/components/Sponsors/index';
33
import About from '@/components/About';
44
import Event from '@/components/Event';
5-
import ResourcesAndContacts from '@/components/ResourcesAndContacts';
5+
import Resources from '@/components/Resources';
66

77
export default function Home() {
88
return (
99
<section>
1010
<Landing />
1111
<About />
1212
<Event />
13-
<ResourcesAndContacts />
13+
<Resources />
1414
<Sponsors />
1515
</section>
1616
);

‎frontend/src/pages/resources.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import Navbar from '@/components/Navbar';
22
import Footer from '@/components/Footer';
3-
import ResourcesAndContacts from '@/components/ResourcesAndContacts';
3+
import Resources from '@/components/Resources';
4+
import Contacts from '@/components/Contacts';
45

56
export default function ResourcesPage() {
67
return (
78
<section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
89
<Navbar />
9-
<ResourcesAndContacts />
10+
<Resources/>
1011
<Footer />
1112
</section>
1213
);

0 commit comments

Comments
 (0)