Skip to content

Commit 8a72143

Browse files
winnteasWinnie TanWinnie Tan
authored
feat(frontend/about-us): style about-us page (#235)
* added padding, nav bar and footer to aboutus * added mobile padding Co-authored-by: Winnie Tan <[email protected]> Co-authored-by: Winnie Tan <[email protected]>
1 parent 2f59901 commit 8a72143

File tree

1 file changed

+69
-64
lines changed

1 file changed

+69
-64
lines changed

‎next/src/pages/AboutUs.tsx‎

Lines changed: 69 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,18 @@ import React, { useState } from "react";
22
import Footer from "../components/footer/Footer";
33
import Navbar from "../components/navbar/Navbar";
44
import { NavbarOpenHandler, NavbarType } from "../components/navbar/types";
5+
import styled from "styled-components";
6+
7+
const MainContainer = styled.div`
8+
padding: 9vw 5vw;
9+
font-family: 'Raleway';
10+
font-weight: 450;
11+
font-size: 15px;
12+
13+
@media (max-width: 768px) {
14+
padding: 12vw 10vw;
15+
text-align: center;
16+
`
517

618
export default function AboutUs() {
719
const [navbarOpen, setNavbarOpen] = useState(false);
@@ -11,71 +23,64 @@ export default function AboutUs() {
1123
return (
1224
<div>
1325
<Navbar open={navbarOpen} setNavbarOpen={handleToggle} variant={NavbarType.MINIPAGE} />
14-
<div
15-
style={{
16-
padding: '9vw 5vw',
17-
fontFamily: 'Raleway',
18-
fontWeight: 450,
19-
fontSize: '15px',
20-
}}
21-
>
22-
<h1>About</h1>
23-
<p>
24-
CSESoc is the official representative body of computing students at
25-
UNSW. We are one of the largest and most active societies at UNSW, and
26-
the largest computing society in the southern hemisphere. CSESoc
27-
comprises ~9,500 UNSW students spanning across degrees in Computer
28-
Science, Software Engineering, Bioinformatics and Computer Engineering.
29-
We are here to fulfil the social, personal and professional needs of CSE
30-
students, and promote computing through a variety of forms.
31-
</p>
32-
<p>
33-
We are a society for the students, by the students. Here’s an overview
34-
of what we do;
35-
</p>
36-
<ul>
37-
<li>
38-
Run weekly social and educational events, including trivia, movie,
39-
boardgames nights, LAN parties, workshops, coding competitions, tech
40-
talks, and our famous free weekly BBQ.
41-
</li>
42-
<li>
43-
Create original media content, including Podcasts, articles, YouTube
44-
videos, and live streams
45-
</li>
46-
<li>
47-
Run a highly successful First Year Camp and Peer Mentoring program,
48-
offering new CSE students (both undergraduate and postgraduate) a
49-
chance to meet and mingle with other newcomers
50-
</li>
51-
<li>
52-
Engage students with industry sponsors and representatives to develop
53-
their professional capacity and curiosity
54-
</li>
55-
<li>
56-
Develop our own open-source projects for students to get learn new
57-
skills and develop tools for our community
58-
</li>
59-
<li>
60-
Facilitate an online community of ~3k Discord users, ~5k Facebook
61-
followers, ~600 YouTube subs, and ~500 Instagram followers
62-
</li>
63-
</ul>
26+
<MainContainer>
27+
<h1>About</h1>
28+
<p>
29+
CSESoc is the official representative body of computing students at
30+
UNSW. We are one of the largest and most active societies at UNSW, and
31+
the largest computing society in the southern hemisphere. CSESoc
32+
comprises ~9,500 UNSW students spanning across degrees in Computer
33+
Science, Software Engineering, Bioinformatics and Computer Engineering.
34+
We are here to fulfil the social, personal and professional needs of CSE
35+
students, and promote computing through a variety of forms.
36+
</p>
37+
<p>
38+
We are a society for the students, by the students. Here’s an overview
39+
of what we do;
40+
</p>
41+
<ul>
42+
<li>
43+
Run weekly social and educational events, including trivia, movie,
44+
boardgames nights, LAN parties, workshops, coding competitions, tech
45+
talks, and our famous free weekly BBQ.
46+
</li>
47+
<li>
48+
Create original media content, including Podcasts, articles, YouTube
49+
videos, and live streams
50+
</li>
51+
<li>
52+
Run a highly successful First Year Camp and Peer Mentoring program,
53+
offering new CSE students (both undergraduate and postgraduate) a
54+
chance to meet and mingle with other newcomers
55+
</li>
56+
<li>
57+
Engage students with industry sponsors and representatives to develop
58+
their professional capacity and curiosity
59+
</li>
60+
<li>
61+
Develop our own open-source projects for students to get learn new
62+
skills and develop tools for our community
63+
</li>
64+
<li>
65+
Facilitate an online community of ~3k Discord users, ~5k Facebook
66+
followers, ~600 YouTube subs, and ~500 Instagram followers
67+
</li>
68+
</ul>
6469

65-
<h1>2022 Statistics</h1>
66-
<ul style={{ listStyleType: "none", paddingLeft: "0" }}>
67-
<li>🥳 100+ events (more on the way!) 🥳</li>
68-
<li>📸 40+ media articles, podcast, videos, streams 📸</li>
69-
<li>💸 32 sponsors 💸</li>
70-
<li>💬 400 000 discord messages 💬</li>
71-
<li>✨ 190 volunteers ✨</li>
72-
<li>📼 40 000 Youtube views 📼</li>
73-
<li>📼 600+ Youtube Subs 📼</li>
74-
<li>🚸 500+ high school students reached 🚸</li>
75-
<li>🧥374 hoodies 🧥</li>
76-
<li>😷 250 face masks 😷</li>
77-
</ul>
78-
</div>
70+
<h1>2022 Statistics</h1>
71+
<ul style={{ listStyleType: "none", paddingLeft: "0" }}>
72+
<li>🥳 100+ events (more on the way!) 🥳</li>
73+
<li>📸 40+ media articles, podcast, videos, streams 📸</li>
74+
<li>💸 32 sponsors 💸</li>
75+
<li>💬 400 000 discord messages 💬</li>
76+
<li>✨ 190 volunteers ✨</li>
77+
<li>📼 40 000 Youtube views 📼</li>
78+
<li>📼 600+ Youtube Subs 📼</li>
79+
<li>🚸 500+ high school students reached 🚸</li>
80+
<li>🧥374 hoodies 🧥</li>
81+
<li>😷 250 face masks 😷</li>
82+
</ul>
83+
</MainContainer>
7984
<Footer />
8085
</div>
8186
);

0 commit comments

Comments
 (0)