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

Commit931d483

Browse files
author
Josh Ramos
committed
added bg graphic
1 parent8466dde commit931d483

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
constResourcesAndContacts=()=>{
55
return(
6-
<sectionclassName="py-8 px-15 min-h-screen">
7-
<divclassName="text-center my-10">
8-
<pclassName="text-[#3977F8] font-game text-xl">03</p>
9-
<h1className="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-
<divclassName="py-8 px-24">
13-
<divclassName="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-
<h2className="mt-5 text-3xl font-extrabold">Circles</h2>
22-
23-
<pclassName="mt-7 text-lg mb-5">A UNSW degree planner where you can explore and validate your degree structure.</p>
24-
</a>
6+
<sectionclassName="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-
<h2className="mt-1 text-3xl font-extrabold">Structs.sh</h2>
34-
35-
<pclassName="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-
<h2className="mt-1 text-3xl font-extrabold">Jobs Board</h2>
48-
49-
<pclassName="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-
<h2className="mt-1 text-3xl font-extrabold">Notangles</h2>
62-
63-
<pclassName="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-
<h2className="mt-1 text-3xl font-extrabold">Uni-lectives</h2>
76-
77-
<pclassName="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+
<divclassName="relative">
9+
<Imagesrc="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-
<h2className="mt-1 text-3xl font-extrabold">CompClub</h2>
90-
91-
<pclassName="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-
<h2className="mt-1 text-3xl font-extrabold">CSESoc Media</h2>
104-
105-
<pclassName="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-
<h2className="mt-1 text-3xl font-extrabold">First Year Guide</h2>
118-
119-
<pclassName="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-
<h2className="mt-1 text-3xl font-extrabold">Enrolment Guide</h2>
11+
<divclassName="text-center my-10">
12+
<pclassName="text-[#3977F8] font-game text-xl">03</p>
13+
<h1className="font-bold text-5xl">RESOURCES&CONTACTS</h1>
14+
</div>
13015

131-
<pclassName="mt-7 text-lg mb-5">
132-
Learn how to get a headstart on uni
133-
</p>
134-
</a>
16+
<divclassName="py-8 px-24 bg-no-repeat bg-center">
17+
<divclassName="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+
<h2className="mt-5 text-3xl font-extrabold">Circles</h2>
26+
27+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">Structs.sh</h2>
38+
39+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">Jobs Board</h2>
52+
53+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">Notangles</h2>
66+
67+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">Uni-lectives</h2>
80+
81+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">CompClub</h2>
94+
95+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">CSESoc Media</h2>
108+
109+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">First Year Guide</h2>
122+
123+
<pclassName="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+
<h2className="mt-1 text-3xl font-extrabold">Enrolment Guide</h2>
134+
135+
<pclassName="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)
[8]ページ先頭
©2009-2025 Movatter.jp