Skip to content

Commit d3333e6

Browse files
QuadAcesQuadAces
committed
removed css file
1 parent d7d746a commit d3333e6

File tree

14 files changed

+164
-132
lines changed

14 files changed

+164
-132
lines changed

‎components/About/index.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ const About = () => {
55
<section className="py-8 xl:px-24 sm:px-10 px-5" id="about">
66
<div className="text-center my-10">
77
<p className="text-[#3977F8] font-game text-xl">01</p>
8-
<h1 className="font-bold text-6xl">ABOUT</h1>
8+
<h2 className="font-bold text-6xl">ABOUT</h2>
99
</div>
1010
<div className="flex justify-center items-center">
1111
<div className="lg:grid grid-cols-6 flex-1 max-w-[90rem]">
@@ -14,7 +14,7 @@ const About = () => {
1414
<div className="flex items-center justify-center">
1515
<Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} />
1616
</div>
17-
<h1 className="mt-10 text-3xl font-extrabold">CSESoc</h1>
17+
<h2 className="mt-10 text-3xl font-extrabold">CSESoc</h2>
1818
<p className="text-[#727B8C] font-medium">unsw-computer-science-soc</p>
1919
<button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button>
2020
<p>
@@ -40,7 +40,7 @@ const About = () => {
4040
</div>
4141
{/* RIGHT SIDE */}
4242
<div className="col-span-4 lg:mt-0 mt-10">
43-
<div className="rounded border border-[#595F6D] p-5 2xl:h-80 xl:h-64 lg:h-48 sm:h-36 h-32 h-full">
43+
<div className="rounded border border-[#595F6D] p-5 2xl:h-80 xl:h-64 lg:h-48 sm:h-36 h-full">
4444
<p className="text-xs">
4545
csesoc/README<span className="text-[#7A8192]">.md</span>
4646
</p>

‎components/Footer.tsx

Lines changed: 35 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,51 @@
1+
import Image from 'next/image';
12
import Link from 'next/link';
3+
import { socialLinks } from '../public/data/data';
24

35
const Footer = () => {
46
return (
57
<section>
6-
<div className="sm:flex justify-between">
7-
<div className="flex items-center">
8-
<img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
9-
<Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
10-
<img
11-
src="/flag/ollie_is_hiding.png"
12-
alt="Ollie"
13-
draggable="false"
14-
width={60}
15-
height={60}
16-
className="ml-10"
17-
/>
18-
</Link>
19-
<img
20-
src="/flag/ollie_is_hiding.png"
21-
alt="Ollie"
22-
draggable="false"
23-
width={60}
24-
height={60}
25-
className="ml-10 sm:block hidden"
26-
/>
8+
<div className="sm:flex justify-between pb-10">
9+
<div className="flex flex-col gap-10">
10+
<div className="flex items-center">
11+
<Link href="/" className="flex">
12+
<Image src="assets/csesoc_logo_white.svg" width={231} height={53} alt="CSESoc Logo" />
13+
<Image
14+
src="/flag/ollie_is_hiding.png"
15+
alt="Ollie"
16+
draggable="false"
17+
width={60}
18+
height={60}
19+
className="ml-10"
20+
/>
21+
</Link>
22+
</div>
23+
<div className="grid grid-cols-8 gap-4">
24+
{socialLinks.map((item, index) => {
25+
return (
26+
<a key={index} className="" href={item.href}>
27+
<Image
28+
className="h-4 fill-white min-w-full hover:scale-125 transition-all"
29+
src={item.src}
30+
alt={item.alt}
31+
height={0}
32+
width={0}
33+
/>
34+
</a>
35+
);
36+
})}
37+
</div>
2738
</div>
2839
<div className="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
2940
<p className="mb-6">B03 CSE Building K17, UNSW [email protected]</p>
3041
<p>© 2021 — CSESoc UNSW</p>
3142
</div>
3243
</div>
33-
<img
44+
<Image
3445
src="assets/sponsors_backdrop.svg"
3546
alt="Sponsors backdrop"
47+
height={0}
48+
width={0}
3649
className="absolute bottom-0 left-0 w-screen -z-10"
3750
/>
3851
</section>

‎components/Landing/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ const Landing = () => {
1313
<div>
1414
<div className="font-semibold">
1515
<p>{'<h1>'}</p>
16-
<h1 className="font-black 2xl:text-8xl lg:text-6xl text-4xl">Hello World!</h1>
16+
<h2 className="font-black 2xl:text-8xl lg:text-6xl text-4xl">Hello World!</h2>
1717
<p>{'</h1>'}</p>
1818
</div>
1919
<div className="font-semibold mt-10">

‎components/Navbar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const Navbar = () => {
2525
</Link>
2626
<div>
2727
<div className="md:flex xl:gap-36 lg:gap-20 md:gap-10 text-right font-bold hidden">
28-
<Link href="about us">
28+
<Link href="about">
2929
<p className="text-[0.6rem] text-[#C4C5C8]">01</p>
3030
<div>{'//'} about us</div>
3131
</Link>

‎components/ResourcesAndContacts/index.tsx

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const ResourcesAndContacts = () => {
1515

1616
<div className="text-center my-10">
1717
<p className="text-[#3977F8] font-game text-xl">03</p>
18-
<h1 className="font-bold text-6xl">RESOURCES & CONTACTS</h1>
18+
<h2 className="font-bold text-6xl">RESOURCES & CONTACTS</h2>
1919
</div>
2020

2121
<div className="py-8 bg-no-repeat bg-center">
@@ -122,23 +122,41 @@ const ResourcesAndContacts = () => {
122122
<div className="md:mt-10 mt-5">
123123
<div className="grid grid-cols-3 1 gap-x-9 gap-y-5 mb-10">
124124
<a href="https://bit.ly/CSESocDiscord" target="_blank" className={socialsBoxStyling}>
125-
<Image src="assets/discord_logo.svg" alt="" width={25} height={25} className="mr-1" />
125+
<Image
126+
src="assets/discord_logo.svg"
127+
alt="discord logo"
128+
width={25}
129+
height={25}
130+
className="mr-1"
131+
/>
126132
<p className="text-xl font-bold m-2">DISCORD</p>
127133
</a>
128134
<a
129135
href="https://www.facebook.com/csesoc/"
130136
target="_blank"
131137
className={socialsBoxStyling}
132138
>
133-
<Image src="assets/fb_logo.svg" alt="" width={25} height={25} className="mr-1" />
139+
<Image
140+
src="assets/fb_logo.svg"
141+
alt="facebook logo"
142+
width={25}
143+
height={25}
144+
className="mr-1"
145+
/>
134146
<p className="text-xl font-bold m-2">FACEBOOK</p>
135147
</a>
136148
<a
137149
href="https://www.facebook.com/groups/csesoc"
138150
target="_blank"
139151
className={socialsBoxStyling}
140152
>
141-
<Image src="assets/group_icon.svg" alt="" width={25} height={25} className="mr-1" />
153+
<Image
154+
src="assets/group_icon.svg"
155+
alt="facebook group"
156+
width={25}
157+
height={25}
158+
className="mr-1"
159+
/>
142160
<p className="text-xl font-bold m-2">FACEBOOK GROUP</p>
143161
</a>
144162
</div>

‎components/Sponsors/index.tsx

Lines changed: 2 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import Link from 'next/link';
22
import React from 'react';
3+
import Footer from '../Footer';
34

45
const Sponsors = () => {
56
const firstRowBoxesStyling =
@@ -49,33 +50,7 @@ const Sponsors = () => {
4950
</div>
5051
</div>
5152
</div>
52-
<div className="sm:flex justify-between">
53-
<div className="flex items-center">
54-
<img src="assets/csesoc_logo_white.svg" alt="CSESoc Logo" />
55-
<Link href="/flag/ollie_is_hiding.png" target="_blank" className="sm:hidden block">
56-
<img
57-
src="/flag/ollie_is_hiding.png"
58-
alt="Ollie"
59-
draggable="false"
60-
width={60}
61-
height={60}
62-
className="ml-10"
63-
/>
64-
</Link>
65-
<img
66-
src="/flag/ollie_is_hiding.png"
67-
alt="Ollie"
68-
draggable="false"
69-
width={60}
70-
height={60}
71-
className="ml-10 sm:block hidden"
72-
/>
73-
</div>
74-
<div className="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
75-
<p className="mb-6">B03 CSE Building K17, UNSW [email protected]</p>
76-
<p>© 2021 — CSESoc UNSW</p>
77-
</div>
78-
</div>
53+
<Footer />
7954
<img
8055
src="assets/sponsors_backdrop.svg"
8156
alt="Sponsors backdrop"

‎components/Sponsors/sponsorlinks.tsx

Lines changed: 15 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,16 @@ import { diamondLinks, goldLinks, silverLinks } from '../../public/data/data';
22
//import '/styles/sponsorLinks.module.css';
33
const logostyle = 'h-14';
44
const logodiv = 'block gap-y-8 h-14';
5-
const background =
6-
'radial-gradient(50% 50% at 50% 50%, rgba(235, 1, 255, 0.6) 0%, rgba(121, 73, 255, 0.6) 48.96%, rgba(57, 119, 248, 0.6) 100%)';
5+
const background = 'rgba(57, 119, 248, 0.6)';
76
// const outer = 'rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16';
87

98
function SponsorLinks() {
109
return (
1110
<div className="flex justify-center items-center my-20">
1211
<div className="w-100 flex flex-col gap-16">
1312
<div
14-
style={{ backgroundImage: `${background}` }}
15-
className="flex rounded-[1rem] pl-14 py-14 gap-16 items-center"
13+
style={{ backgroundColor: `${background}` }}
14+
className="flex flex-wrap rounded-[1rem] pl-14 py-14 gap-16 items-center"
1615
>
1716
<h2 className="text-4xl font-black">Diamond Sponsors</h2>
1817
{diamondLinks.map((item, index) => {
@@ -24,23 +23,21 @@ function SponsorLinks() {
2423
})}
2524
</div>
2625
<div
27-
style={{ backgroundImage: `${background}` }}
28-
className="flex rounded-[1rem] px-14 py-14"
26+
style={{ backgroundColor: `${background}` }}
27+
className="flex flex-wrap rounded-[1rem] px-14 py-14 gap-16 items-center"
2928
>
30-
<h2 className="text-4xl font-black pr-16">Gold Sponsors</h2>
31-
<div className="grid grid-cols-5 gap-16 items-center">
32-
{goldLinks.map((item, index) => {
33-
return (
34-
<a key={index} className="" href={item.href}>
35-
<img className="h-6" src={item.svg} alt={item.alt} />
36-
</a>
37-
);
38-
})}
39-
</div>
29+
<h2 className="text-4xl font-black">Gold Sponsors</h2>
30+
{goldLinks.map((item, index) => {
31+
return (
32+
<a key={index} className="" href={item.href}>
33+
<img className="h-6" src={item.svg} alt={item.alt} />
34+
</a>
35+
);
36+
})}
4037
</div>
4138
<div
42-
style={{ backgroundImage: `${background}` }}
43-
className="grid grid-cols-5 rounded-[1rem] pl-14 py-14 gap-16 items-center"
39+
style={{ backgroundColor: `${background}` }}
40+
className="flex flex-wrap rounded-[1rem] px-14 py-14 gap-16 items-center"
4441
>
4542
<h2 className="text-4xl font-black">Silver Sponsors</h2>
4643
{silverLinks.map((item, index) => {

‎components/Sponsors/subpage.tsx

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎components/styles.css

Lines changed: 0 additions & 40 deletions
This file was deleted.

‎pages/about.tsx

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import Navbar from '@/components/Navbar';
2+
import Footer from '@/components/Footer';
3+
import About from '@/components/About';
4+
5+
export default function AboutPage() {
6+
return (
7+
<section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
8+
<Navbar />
9+
<About />
10+
<Footer />
11+
</section>
12+
);
13+
}

‎pages/events.tsx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import Navbar from '@/components/Navbar';
2+
import Footer from '@/components/Footer';
3+
4+
export default function EventsPage() {
5+
return (
6+
<section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
7+
<Navbar />
8+
<div>Events</div>
9+
<Footer />
10+
</section>
11+
);
12+
}

‎pages/resources.tsx

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import Navbar from '@/components/Navbar';
2+
import Footer from '@/components/Footer';
3+
import ResourcesAndContacts from '@/components/ResourcesAndContacts';
4+
5+
export default function ResourcesPage() {
6+
return (
7+
<section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
8+
<Navbar />
9+
<ResourcesAndContacts />
10+
<Footer />
11+
</section>
12+
);
13+
}

‎pages/sponsors.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import SponsorsPage from '@/components/Sponsors/subpage';
1+
import SponsorLinks from '@/components/Sponsors/sponsorlinks';
22
import Navbar from '@/components/Navbar';
33
import Footer from '@/components/Footer';
44

5-
export default function Home() {
5+
export default function SponsorsPage() {
66
return (
77
<section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
88
<Navbar />
9-
<SponsorsPage />
9+
<SponsorLinks />
1010
<Footer />
1111
</section>
1212
);

0 commit comments

Comments
 (0)