Skip to content

Commit 931d483

Browse files
author
Josh Ramos
committed
added bg graphic
1 parent 8466dde commit 931d483

File tree

3 files changed

+160
-126
lines changed

3 files changed

+160
-126
lines changed

‎.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"discord.enabled": true
3+
}

‎components/ResourcesAndContacts/index.tsx

Lines changed: 131 additions & 126 deletions
Original file line numberDiff line numberDiff line change
@@ -3,135 +3,140 @@ import Image from "next/image"
33

44
const ResourcesAndContacts = () => {
55
return (
6-
<section className="py-8 px-15 min-h-screen">
7-
<div className="text-center my-10">
8-
<p className="text-[#3977F8] font-game text-xl">03</p>
9-
<h1 className="font-bold text-5xl">RESOURCES & CONTACTS</h1>
10-
</div>
11-
{/* <div className="py-8 px-24 bg-gradient-radial from-[#020337] via-[#3977F8] via-51% to-transparent to-55%"> */}
12-
<div className="py-8 px-24">
13-
<div className="grid grid-cols-4 flex 1 gap-x-9 gap-y-5">
14-
<a
15-
href="https://circles.csesoc.app/course-selector"
16-
target="_blank"
17-
className="
18-
col-span-4 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
19-
"
20-
>
21-
<h2 className="mt-5 text-3xl font-extrabold">Circles</h2>
22-
23-
<p className="mt-7 text-lg mb-5">A UNSW degree planner where you can explore and validate your degree structure.</p>
24-
</a>
6+
<section className="bg-no-repeat bg-center py-8 px-15 min-h-screen ">
257

26-
<a
27-
href="https://structs.sh/"
28-
target="_blank"
29-
className="
30-
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
31-
"
32-
>
33-
<h2 className="mt-1 text-3xl font-extrabold">Structs.sh</h2>
34-
35-
<p className="mt-7 text-lg mb-5">
36-
An educational data structures and algorithms platform.
37-
</p>
38-
</a>
39-
40-
<a
41-
href="https://jobsboard.csesoc.unsw.edu.au/"
42-
target="_blank"
43-
className="
44-
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
45-
"
46-
>
47-
<h2 className="mt-1 text-3xl font-extrabold">Jobs Board</h2>
48-
49-
<p className="mt-7 text-lg mb-5">
50-
A place where CSESoc students can look for relevant job opportunities.
51-
</p>
52-
</a>
53-
54-
<a
55-
href="https://notangles.csesoc.app/"
56-
target="_blank"
57-
className="
58-
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
59-
"
60-
>
61-
<h2 className="mt-1 text-3xl font-extrabold">Notangles</h2>
62-
63-
<p className="mt-7 text-lg mb-5">
64-
Trimester timetabling tool - no more timetable tangles!
65-
</p>
66-
</a>
67-
68-
<a
69-
href="https://unilectives.csesoc.app/"
70-
target="_blank"
71-
className="
72-
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
73-
"
74-
>
75-
<h2 className="mt-1 text-3xl font-extrabold">Uni-lectives</h2>
76-
77-
<p className="mt-7 text-lg mb-5">
78-
Read course electives to help you pick your electives or even write your own!
79-
</p>
80-
</a>
8+
<div className="relative">
9+
<Image src="assets/resources_bg.svg" alt="" className="-z-50 absolute" fill/>
8110

82-
<a
83-
href="https://compclub.org/"
84-
target="_blank"
85-
className="
86-
col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
87-
"
88-
>
89-
<h2 className="mt-1 text-3xl font-extrabold">CompClub</h2>
90-
91-
<p className="mt-7 text-lg mb-5">
92-
Promoting computing to high school students
93-
</p>
94-
</a>
95-
96-
<a
97-
href="https://media.csesoc.org.au/"
98-
target="_blank"
99-
className="
100-
col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
101-
"
102-
>
103-
<h2 className="mt-1 text-3xl font-extrabold">CSESoc Media</h2>
104-
105-
<p className="mt-7 text-lg mb-5">
106-
All things content
107-
</p>
108-
</a>
109-
110-
<a
111-
href="https://media.csesoc.org.au/fyg-2023/"
112-
target="_blank"
113-
className="
114-
col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
115-
"
116-
>
117-
<h2 className="mt-1 text-3xl font-extrabold">First Year Guide</h2>
118-
119-
<p className="mt-7 text-lg mb-5">
120-
The ultimate guide to conquering your first year at CSE
121-
</p>
122-
</a>
123-
124-
<a
125-
href="https://media.csesoc.org.au/cse-enrol/"
126-
target="_blank"
127-
className="block col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10"
128-
>
129-
<h2 className="mt-1 text-3xl font-extrabold">Enrolment Guide</h2>
11+
<div className="text-center my-10">
12+
<p className="text-[#3977F8] font-game text-xl">03</p>
13+
<h1 className="font-bold text-5xl">RESOURCES & CONTACTS</h1>
14+
</div>
13015

131-
<p className="mt-7 text-lg mb-5">
132-
Learn how to get a headstart on uni
133-
</p>
134-
</a>
16+
<div className="py-8 px-24 bg-no-repeat bg-center" >
17+
<div className="grid grid-cols-4 flex 1 gap-x-9 gap-y-5">
18+
<a
19+
href="https://circles.csesoc.app/course-selector"
20+
target="_blank"
21+
className="
22+
col-span-4 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
23+
"
24+
>
25+
<h2 className="mt-5 text-3xl font-extrabold">Circles</h2>
26+
27+
<p className="mt-7 text-lg mb-5">A UNSW degree planner where you can explore and validate your degree structure.</p>
28+
</a>
29+
30+
<a
31+
href="https://structs.sh/"
32+
target="_blank"
33+
className="
34+
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
35+
"
36+
>
37+
<h2 className="mt-1 text-3xl font-extrabold">Structs.sh</h2>
38+
39+
<p className="mt-7 text-lg mb-5">
40+
An educational data structures and algorithms platform.
41+
</p>
42+
</a>
43+
44+
<a
45+
href="https://jobsboard.csesoc.unsw.edu.au/"
46+
target="_blank"
47+
className="
48+
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
49+
"
50+
>
51+
<h2 className="mt-1 text-3xl font-extrabold">Jobs Board</h2>
52+
53+
<p className="mt-7 text-lg mb-5">
54+
A place where CSESoc students can look for relevant job opportunities.
55+
</p>
56+
</a>
57+
58+
<a
59+
href="https://notangles.csesoc.app/"
60+
target="_blank"
61+
className="
62+
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
63+
"
64+
>
65+
<h2 className="mt-1 text-3xl font-extrabold">Notangles</h2>
66+
67+
<p className="mt-7 text-lg mb-5">
68+
Trimester timetabling tool - no more timetable tangles!
69+
</p>
70+
</a>
71+
72+
<a
73+
href="https://unilectives.csesoc.app/"
74+
target="_blank"
75+
className="
76+
col-span-1 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
77+
"
78+
>
79+
<h2 className="mt-1 text-3xl font-extrabold">Uni-lectives</h2>
80+
81+
<p className="mt-7 text-lg mb-5">
82+
Read course electives to help you pick your electives or even write your own!
83+
</p>
84+
</a>
85+
86+
<a
87+
href="https://compclub.org/"
88+
target="_blank"
89+
className="
90+
col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
91+
"
92+
>
93+
<h2 className="mt-1 text-3xl font-extrabold">CompClub</h2>
94+
95+
<p className="mt-7 text-lg mb-5">
96+
Promoting computing to high school students
97+
</p>
98+
</a>
99+
100+
<a
101+
href="https://media.csesoc.org.au/"
102+
target="_blank"
103+
className="
104+
col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
105+
"
106+
>
107+
<h2 className="mt-1 text-3xl font-extrabold">CSESoc Media</h2>
108+
109+
<p className="mt-7 text-lg mb-5">
110+
All things content
111+
</p>
112+
</a>
113+
114+
<a
115+
href="https://media.csesoc.org.au/fyg-2023/"
116+
target="_blank"
117+
className="
118+
col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10
119+
"
120+
>
121+
<h2 className="mt-1 text-3xl font-extrabold">First Year Guide</h2>
122+
123+
<p className="mt-7 text-lg mb-5">
124+
The ultimate guide to conquering your first year at CSE
125+
</p>
126+
</a>
127+
128+
<a
129+
href="https://media.csesoc.org.au/cse-enrol/"
130+
target="_blank"
131+
className="block col-span-2 p-5 border border-[#595F6D] rounded-lg hover:bg-gray-100 hover:bg-opacity-10"
132+
>
133+
<h2 className="mt-1 text-3xl font-extrabold">Enrolment Guide</h2>
134+
135+
<p className="mt-7 text-lg mb-5">
136+
Learn how to get a headstart on uni
137+
</p>
138+
</a>
139+
</div>
135140
</div>
136141
</div>
137142

‎public/assets/resources_bg.svg

Lines changed: 26 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)