Skip to content

Commit cb9f1b5

Browse files
jamest0jamest0
committed
add home and about page
1 parent 2128633 commit cb9f1b5

File tree

14 files changed

+127
-40
lines changed

14 files changed

+127
-40
lines changed

‎README.md‎

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

‎components/About/index.tsx‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
import Image from "next/image"
2+
3+
const About = () => {
4+
return (
5+
<section className="py-8 px-24">
6+
<div className="text-center my-10">
7+
<p className="text-[#3977F8] font-game text-xl">01</p>
8+
<h1 className="font-bold text-6xl">ABOUT</h1>
9+
</div>
10+
<div className="grid grid-cols-6 flex-1">
11+
{/* LEFT SIDE */}
12+
<div className="col-span-2 xl:mx-16">
13+
<div className="flex items-center justify-center"><Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} /></div>
14+
<h1 className="mt-10 text-3xl font-extrabold">CSESoc</h1>
15+
<p className="text-[#727B8C] font-medium">unsw-computer-science-soc</p>
16+
<button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button>
17+
<p>
18+
We are one of the biggest and most active societies at UNSW, catering to over 3500 CSE students spanning across degrees
19+
in Computer Science, Software Engineering, Bioinformatics and Computer Engineering.
20+
</p>
21+
<div className="my-4 flex gap-5">
22+
<Image src="/assets/people_icon.svg" alt="People" width={20} height={20} />
23+
<div>
24+
432 <span className="text-[#727B8C]">members</span> · 342 <span className="text-[#727B8C]">subcom</span>
25+
</div>
26+
</div>
27+
<div className="my-4 flex gap-5">
28+
<Image src="/assets/location_icon.svg" alt="Location" width={20} height={20} />
29+
Sydney, Australia
30+
</div>
31+
<div className="flex gap-5">
32+
<Image src="/assets/mail_icon.svg" alt="Mail" width={20} height={20} />
33+
[email protected]
34+
</div>
35+
</div>
36+
{/* RIGHT SIDE */}
37+
<div className="col-span-4">
38+
<div className="rounded border border-[#595F6D] p-5 h-92 h-full">
39+
<p className="text-xs">csesoc/README<span className="text-[#7A8192]">.md</span></p>
40+
<p className="mt-5">Lorem Ipsum</p>
41+
</div>
42+
<div className="mt-10">
43+
Pinned
44+
<div className="flex my-5">
45+
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5">
46+
<div className="flex text-[#3A76F8]">
47+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
48+
csesoc.unsw.edu.au/<span className="font-semibold">events</span>
49+
</div>
50+
<div className="my-5">CSESoc's recent events</div>
51+
<div className="rounded-full bg-[#CC5421] w-3 h-3" />
52+
</div>
53+
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg">
54+
<div className="flex text-[#3A76F8]">
55+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
56+
csesoc.unsw.edu.au/<span className="font-semibold">socials</span>
57+
</div>
58+
<div className="my-5">Follow us on all socials</div>
59+
<div className="rounded-full bg-[#566ACE] w-3 h-3" />
60+
</div>
61+
</div>
62+
<div className="flex">
63+
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5">
64+
<div className="flex text-[#3A76F8]">
65+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
66+
csesoc.unsw.edu.au/<span className="font-semibold">join-us</span>
67+
</div>
68+
<div className="my-5">Get involved!</div>
69+
<div className="rounded-full bg-[#E7E923] w-3 h-3" />
70+
</div>
71+
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg">
72+
<div className="flex text-[#3A76F8]">
73+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
74+
csesoc.unsw.edu.au/<span className="font-semibold">contact</span>
75+
</div>
76+
<div className="my-5">Contact us via email</div>
77+
<div className="rounded-full bg-[#CC5421] w-3 h-3" />
78+
</div>
79+
</div>
80+
</div>
81+
</div>
82+
</div>
83+
</section>
84+
)
85+
}
86+
87+
export default About

‎components/Event/index.tsx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
const Event = () => {
2+
return <section></section>;
3+
};
4+
5+
export default Event;

components/Navbar.js renamed to components/Navbar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ const Navbar = () => {
44
return (
55
<nav className="flex justify-between items-center">
66
<div>
7-
<Image src="/csesoc_logo.svg" alt="CSESoc Logo" width={200} height={200} draggable={false} />
7+
<Image src="/assets/csesoc_logo.svg" alt="CSESoc Logo" width={200} height={200} draggable={false} />
88
<p className="mt-3 text-xs">C:\INTERNAL STRUCTURE\HOME</p>
99
</div>
1010
<div className="flex gap-36 text-right font-bold">

‎pages/_document.tsx‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,11 @@ import { Html, Head, Main, NextScript } from "next/document";
33
export default function Document() {
44
return (
55
<Html lang="en">
6-
<Head />
6+
<Head>
7+
<link rel="preconnect" href="https://fonts.googleapis.com" />
8+
<link rel="preconnect" href="https://fonts.gstatic.com" />
9+
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
10+
</Head>
711
<body>
812
<Main />
913
<NextScript />

‎pages/index.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,14 @@
11
import Image from "next/image";
22
import Landing from "@/components/Landing";
3+
import About from "@/components/About";
4+
import Event from "@/components/Event";
35

46
export default function Home() {
57
return (
68
<section>
79
<Landing />
10+
<About />
11+
<Event />
812
</section>
913
);
1014
}

‎public/assets/book_icon.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎public/assets/csesoc_icon.svg‎

Lines changed: 9 additions & 0 deletions
Loading

public/csesoc_logo.svg renamed to public/assets/csesoc_logo.svg

File renamed without changes.

‎public/assets/location_icon.svg‎

Lines changed: 3 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)