Skip to content

Commit c6f6420

Browse files
committed
Moved over about-us info from csesoc media
1 parent 16ad1ca commit c6f6420

24 files changed

+605
-24
lines changed
23.9 KB
Loading
32 KB
Loading
15.5 KB
Loading
15.1 KB
Loading
12.3 KB
Loading
13.9 KB
Loading
15.4 KB
Loading
16.2 KB
Loading
22 KB
Loading
22.1 KB
Loading
20.5 KB
Loading
28.1 KB
Loading
28.9 KB
Loading
27.2 KB
Loading
255 KB
Loading

frontend/src/components/About/index.tsx

+49-19
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import Image from 'next/image';
2+
import Link from 'next/link';
23

34
const About = () => {
45
return (
@@ -15,12 +16,10 @@ const About = () => {
1516
<Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} />
1617
</div>
1718
<h2 className="mt-10 text-3xl font-extrabold">CSESoc</h2>
18-
<p className="text-[#727B8C] font-medium">unsw-computer-science-soc</p>
19+
<p className="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
1920
<button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button>
2021
<p>
21-
We are one of the biggest and most active societies at UNSW, catering to over 3500 CSE
22-
students spanning across degrees in Computer Science, Software Engineering,
23-
Bioinformatics and Computer Engineering.
22+
CSESoc is the principal representative body for UNSW computing students.
2423
</p>
2524
<div className="my-4 flex gap-5">
2625
<Image src="/assets/people_icon.svg" alt="People" width={20} height={20} />
@@ -40,50 +39,81 @@ const About = () => {
4039
</div>
4140
{/* RIGHT SIDE */}
4241
<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-full">
42+
<div className="rounded border border-[#595F6D] p-5 h-auto">
4443
<p className="text-xs">
4544
csesoc/README<span className="text-[#7A8192]">.md</span>
4645
</p>
47-
<p className="mt-5">Lorem Ipsum</p>
46+
<p className="mt-5">
47+
CSESoc is one of the biggest and most active societies at UNSW, catering to over 3500 CSE
48+
students spanning across degrees in Computer Science, Software Engineering,
49+
Bioinformatics and Computer Engineering.
50+
<br /><br />
51+
We are here to fulfil the social, personal and
52+
professional needs of CSE students, and promote computing through a variety of forms.
53+
</p>
4854
</div>
4955
<div className="mt-10">
5056
Pinned
57+
{/* TODO: refactor all of this */}
5158
<div className="sm:flex my-5">
5259
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5 w-full sm:mb-0 mb-5">
5360
<div className="flex text-[#3A76F8]">
54-
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
55-
csesoc.unsw.edu.au/<span className="font-semibold">events</span>
61+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} className="mr-2" />
62+
<Link href="/about/execs-directors-subcommittees">
63+
<span className="font-semibold hover:underline">execs-directors-subcoms</span>
64+
</Link>
5665
</div>
57-
<div className="my-5">CSESoc&apos;s recent events</div>
66+
<div className="my-5">CSESoc&apos;s execs, directors, subcommittees</div>
5867
<div className="rounded-full bg-[#CC5421] w-3 h-3" />
5968
</div>
6069
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg w-full">
6170
<div className="flex text-[#3A76F8]">
62-
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
63-
csesoc.unsw.edu.au/<span className="font-semibold">socials</span>
71+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} className="mr-2" />
72+
<Link href="/about/constitution">
73+
<span className="font-semibold hover:underline">constitution</span>
74+
</Link>
6475
</div>
65-
<div className="my-5">Follow us on all socials</div>
76+
<div className="my-5">Current and past constitutions</div>
6677
<div className="rounded-full bg-[#566ACE] w-3 h-3" />
6778
</div>
6879
</div>
69-
<div className="sm:flex">
80+
<div className="sm:flex my-5">
7081
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg mr-5 w-full sm:mb-0 mb-5">
7182
<div className="flex text-[#3A76F8]">
72-
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
73-
csesoc.unsw.edu.au/<span className="font-semibold">join-us</span>
83+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} className="mr-2" />
84+
<Link href="/about/our-history">
85+
<span className="font-semibold hover:underline">our-history</span>
86+
</Link>
7487
</div>
75-
<div className="my-5">Get involved!</div>
88+
<div className="my-5">Dive into CSESoc&apos;s history</div>
7689
<div className="rounded-full bg-[#E7E923] w-3 h-3" />
7790
</div>
7891
<div className="p-5 border border-[#595F6D] flex-1 rounded-lg w-full">
7992
<div className="flex text-[#3A76F8]">
80-
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} />
81-
csesoc.unsw.edu.au/<span className="font-semibold">contact</span>
93+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} className="mr-2" />
94+
<Link href="/about/faqs">
95+
<span className="font-semibold hover:underline">faqs</span>
96+
</Link>
8297
</div>
83-
<div className="my-5">Contact us via email</div>
98+
<div className="my-5">Frequently asked questions</div>
8499
<div className="rounded-full bg-[#CC5421] w-3 h-3" />
85100
</div>
86101
</div>
102+
<div className="my-5">
103+
<div
104+
className="p-5 border border-[#595F6D] rounded-lg"
105+
style={{ width: 'calc(50% - 0.5rem)' }}
106+
>
107+
<div className="flex text-[#3A76F8]">
108+
<Image src="/assets/book_icon.svg" alt="Book" width={20} height={20} className="mr-2" />
109+
<Link href="/about/election-guide">
110+
<span className="font-semibold hover:underline">election-guide</span>
111+
</Link>
112+
</div>
113+
<div className="my-5"> Our election nomination guide</div>
114+
<div className="rounded-full bg-[#E7E923] w-3 h-3" />
115+
</div>
116+
</div>
87117
</div>
88118
</div>
89119
</div>

frontend/src/components/Footer.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ const Footer = () => {
3838
</div>
3939
<div className="flex flex-col max-w-[14rem] sm:mt-0 mt-10 font-light">
4040
<p className="mb-6">B03 CSE Building K17, UNSW [email protected]</p>
41-
<p>© 2021 — CSESoc UNSW</p>
41+
<p>© 2024 — CSESoc UNSW</p>
4242
</div>
4343
</div>
4444
<Image

frontend/src/components/Navbar.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -25,19 +25,19 @@ 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">
28+
<Link href="/about">
2929
<p className="text-[0.6rem] text-[#C4C5C8]">01</p>
3030
<div>{'//'} about us</div>
3131
</Link>
32-
<Link href="events">
32+
<Link href="/events">
3333
<p className="text-[0.6rem] text-[#C4C5C8]">02</p>
3434
<div>{'//'} events</div>
3535
</Link>
36-
<Link href="resources">
36+
<Link href="/resources">
3737
<p className="text-[0.6rem] text-[#C4C5C8]">03</p>
3838
<div>{'//'} resources</div>
3939
</Link>
40-
<Link href="sponsors">
40+
<Link href="/sponsors">
4141
<p className="text-[0.6rem] text-[#C4C5C8]">04</p>
4242
<div>{'//'} sponsors</div>
4343
</Link>
+57
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
import Navbar from '@/components/Navbar';
2+
import Footer from '@/components/Footer';
3+
4+
export default function Constitution() {
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+
<section className="py-8 xl:px-24 sm:px-10 px-5" id="constitution">
9+
<div className="text-center my-10">
10+
<h1 className="font-bold text-6xl">CONSTITUTION</h1>
11+
</div>
12+
13+
<div>
14+
<p className="text-xl my-5">
15+
Since the end of 2013, the constitution has been hosted on Github. The constitution by which CSESoc runs can be found here:
16+
</p>
17+
<ul className="list-disc ml-6">
18+
<li className="text-xl">
19+
<a href="https://github.com/csesoc/constitution/blob/master/README.md" className="text-blue-500 underline">
20+
Current constitution
21+
</a>
22+
</li>
23+
</ul>
24+
25+
<p className="text-xl my-5">Previous iterations of the constitution can be found here:</p>
26+
<ul className="list-disc ml-6">
27+
<li className="text-xl">
28+
<a href="https://cgi.cse.unsw.edu.au/~csesoc/constitution-archive/constitution-2012.pdf" className="text-blue-500 underline">
29+
2012 Constitution
30+
</a>
31+
- Version 2.3, adopted 04/10/2011
32+
</li>
33+
<li className="text-xl">
34+
<a href="https://cgi.cse.unsw.edu.au/~csesoc/constitution-archive/constitution-2011.pdf" className="text-blue-500 underline">
35+
2011 Constitution
36+
</a>
37+
- Version 2.2, adopted 30/09/2010
38+
</li>
39+
<li className="text-xl">
40+
<a href="https://cgi.cse.unsw.edu.au/~csesoc/constitution-archive/constitution-2010.pdf" className="text-blue-500 underline">
41+
2010 Constitution
42+
</a>
43+
- Version 2.1, adopted 07/10/2009
44+
</li>
45+
<li className="text-xl">
46+
<a href="https://cgi.cse.unsw.edu.au/~csesoc/constitution-archive/constitution-2009.pdf" className="text-blue-500 underline">
47+
2009 Constitution
48+
</a>
49+
- Version 2.0, adopted 14/10/2008
50+
</li>
51+
</ul>
52+
</div>
53+
</section>
54+
<Footer />
55+
</section>
56+
);
57+
}
+119
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
import Navbar from "@/components/Navbar";
2+
import Footer from "@/components/Footer";
3+
4+
const ElectionGuide = () => {
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+
<section className="py-8 xl:px-24 sm:px-10 px-5" id="election-guide">
9+
<div className="text-center my-10">
10+
<h1 className="font-bold text-6xl">ELECTION NOMINATION GUIDE</h1>
11+
</div>
12+
13+
<div>
14+
<p className="text-lg my-5">
15+
Before considering any executive position for CSESoc, it
16+
is highly recommended that you read the constitution beforehand:
17+
<br />
18+
<a href="https://github.com/csesoc/constitution/blob/master/README.md" className="text-blue-500 hover:underline">https://github.com/csesoc/constitution/blob/master/README.md</a>
19+
</p>
20+
21+
<p className="text-lg my-5">
22+
The constitution clearly outlines the roles, responsibilities and
23+
expectations of executives. Should you be elected, a thorough
24+
understanding of this document will be required so best to read it now!
25+
</p>
26+
27+
<p className="text-lg my-5">
28+
In order to run for a position in the CSESoc Elections, you will need
29+
to either nominate yourself for a position or be nominated by someone else.
30+
</p>
31+
32+
<p className="text-lg my-5">
33+
Once nominations are open, you will be able to submit your nomination by
34+
emailing <a href="mailto:[email protected]" className="text-blue-500 hover:underline">[email protected]</a> with:
35+
<ul className="list-disc ml-6">
36+
<li>Your full name and zID, or the full name and zID of the person you are nominating</li>
37+
<li>The position you or the person you are nominating is going for</li>
38+
<li>A link to a website, page, or document where people can find out more about you (optional)</li>
39+
<li>
40+
CC either the person you are nominating, or a person who will second your nomination of yourself
41+
(if you are nominating yourself, the person who is seconding you has to reply to your email seconding
42+
your nomination. If you're nominating someone else, that person has to reply to the email confirming
43+
their nomination). Be sure to use a zID email!
44+
</li>
45+
</ul>
46+
</p>
47+
48+
<p className="text-lg my-5">
49+
If you're planning on running for multiple positions, then make sure you include your preference
50+
for positions.
51+
</p>
52+
53+
<p className="text-lg my-5">
54+
Please remember that to run for an executive position, you have to be a full member of CSESoc when
55+
you nominate yourself. This means that you should be doing a degree affiliated with the School of
56+
CSE (and if you're transferring, you have already accepted your transfer at the time of nomination).
57+
</p>
58+
59+
<p className="text-lg my-5">
60+
If you would like to create a website, you can find some helpful templates here: <a href="https://html5up.net/" className="text-blue-500 hover:underline">https://html5up.net/</a>.
61+
<br />
62+
Another simple option is Google sites: <a href="https://sites.google.com/" className="text-blue-500 hover:underline">https://sites.google.com/</a>
63+
</p>
64+
</div>
65+
66+
<div>
67+
<h2 className="text-2xl font-semibold my-10">
68+
Details you might consider including on your website or document
69+
</h2>
70+
71+
<div>
72+
<h3 className="text-xl font-semibold my-5">
73+
Overview of yourself
74+
</h3>
75+
<ul className="list-disc ml-6 text-lg">
76+
<li>Name</li>
77+
<li>Position you are running for</li>
78+
<li>Degree + stage</li>
79+
<li>Anything else that paints a good picture of who you are for members that haven’t met you!</li>
80+
</ul>
81+
</div>
82+
83+
<div>
84+
<h3 className="text-xl font-semibold my-5">
85+
Experience
86+
</h3>
87+
<p className="text-lg my-5">
88+
<span className="font-bold">Note</span>: it is strongly encouraged that
89+
applicants for the executive have previously held an executive or directorship
90+
position within CSESoc.
91+
</p>
92+
<ul className="list-disc ml-6 text-lg">
93+
<li>Previous involvement and achievements within CSESoc, the CSE community, as well as UNSW more broadly.</li>
94+
<li>Leadership experience</li>
95+
<li>
96+
Any other relevant volunteering or work situations where you feel
97+
you’ve exemplified or developed the skills required for the role
98+
</li>
99+
</ul>
100+
</div>
101+
102+
<div>
103+
<h3 className="text-xl font-semibold my-5">
104+
Policies / vision
105+
</h3>
106+
<ul className="list-disc ml-6 text-lg">
107+
<li>What you'd like to achieve next year as part of your role</li>
108+
<li>Aspects of the society you value most, what will you uphold?</li>
109+
<li>Aspects of the society you would like to improve</li>
110+
</ul>
111+
</div>
112+
</div>
113+
</section>
114+
<Footer />
115+
</section>
116+
);
117+
};
118+
119+
export default ElectionGuide;

0 commit comments

Comments
 (0)