diff --git a/frontend/package-lock.json b/frontend/package-lock.json index fd73377..cebf6c7 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -16,7 +16,7 @@ "axios": "^1.7.2", "eslint-config-next": "13.4.19", "framer-motion": "^11.1.2", - "next": "13.4.19", + "next": "13.4.12", "postcss": "8.4.29", "react": "18.2.0", "react-dom": "18.2.0", @@ -242,9 +242,9 @@ } }, "node_modules/@next/env": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.19.tgz", - "integrity": "sha512-FsAT5x0jF2kkhNkKkukhsyYOrRqtSxrEhfliniIq0bwWbuXLgyt3Gv0Ml+b91XwjwArmuP7NxCiGd++GGKdNMQ==" + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.12.tgz", + "integrity": "sha512-RmHanbV21saP/6OEPBJ7yJMuys68cIf8OBBWd7+uj40LdpmswVAwe1uzeuFyUsd6SfeITWT3XnQfn6wULeKwDQ==" }, "node_modules/@next/eslint-plugin-next": { "version": "14.2.3", @@ -302,9 +302,9 @@ } }, "node_modules/@next/swc-darwin-arm64": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.19.tgz", - "integrity": "sha512-vv1qrjXeGbuF2mOkhkdxMDtv9np7W4mcBtaDnHU+yJG+bBwa6rYsYSCI/9Xm5+TuF5SbZbrWO6G1NfTh1TMjvQ==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.12.tgz", + "integrity": "sha512-deUrbCXTMZ6ZhbOoloqecnUeNpUOupi8SE2tx4jPfNS9uyUR9zK4iXBvH65opVcA/9F5I/p8vDXSYbUlbmBjZg==", "cpu": [ "arm64" ], @@ -317,9 +317,9 @@ } }, "node_modules/@next/swc-darwin-x64": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.19.tgz", - "integrity": "sha512-jyzO6wwYhx6F+7gD8ddZfuqO4TtpJdw3wyOduR4fxTUCm3aLw7YmHGYNjS0xRSYGAkLpBkH1E0RcelyId6lNsw==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.12.tgz", + "integrity": "sha512-WRvH7RxgRHlC1yb5oG0ZLx8F7uci9AivM5/HGGv9ZyG2Als8Ij64GC3d+mQ5sJhWjusyU6T6V1WKTUoTmOB0zQ==", "cpu": [ "x64" ], @@ -332,9 +332,9 @@ } }, "node_modules/@next/swc-linux-arm64-gnu": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.19.tgz", - "integrity": "sha512-vdlnIlaAEh6H+G6HrKZB9c2zJKnpPVKnA6LBwjwT2BTjxI7e0Hx30+FoWCgi50e+YO49p6oPOtesP9mXDRiiUg==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.12.tgz", + "integrity": "sha512-YEKracAWuxp54tKiAvvq73PUs9lok57cc8meYRibTWe/VdPB2vLgkTVWFcw31YDuRXdEhdX0fWS6Q+ESBhnEig==", "cpu": [ "arm64" ], @@ -347,9 +347,9 @@ } }, "node_modules/@next/swc-linux-arm64-musl": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.19.tgz", - "integrity": "sha512-aU0HkH2XPgxqrbNRBFb3si9Ahu/CpaR5RPmN2s9GiM9qJCiBBlZtRTiEca+DC+xRPyCThTtWYgxjWHgU7ZkyvA==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.12.tgz", + "integrity": "sha512-LhJR7/RAjdHJ2Isl2pgc/JaoxNk0KtBgkVpiDJPVExVWA1c6gzY57+3zWuxuyWzTG+fhLZo2Y80pLXgIJv7g3g==", "cpu": [ "arm64" ], @@ -362,9 +362,9 @@ } }, "node_modules/@next/swc-linux-x64-gnu": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.19.tgz", - "integrity": "sha512-htwOEagMa/CXNykFFeAHHvMJeqZfNQEoQvHfsA4wgg5QqGNqD5soeCer4oGlCol6NGUxknrQO6VEustcv+Md+g==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.12.tgz", + "integrity": "sha512-1DWLL/B9nBNiQRng+1aqs3OaZcxC16Nf+mOnpcrZZSdyKHek3WQh6j/fkbukObgNGwmCoVevLUa/p3UFTTqgqg==", "cpu": [ "x64" ], @@ -377,9 +377,9 @@ } }, "node_modules/@next/swc-linux-x64-musl": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.19.tgz", - "integrity": "sha512-4Gj4vvtbK1JH8ApWTT214b3GwUh9EKKQjY41hH/t+u55Knxi/0wesMzwQRhppK6Ddalhu0TEttbiJ+wRcoEj5Q==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.12.tgz", + "integrity": "sha512-kEAJmgYFhp0VL+eRWmUkVxLVunn7oL9Mdue/FS8yzRBVj7Z0AnIrHpTIeIUl1bbdQq1VaoOztnKicAjfkLTRCQ==", "cpu": [ "x64" ], @@ -392,9 +392,9 @@ } }, "node_modules/@next/swc-win32-arm64-msvc": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.19.tgz", - "integrity": "sha512-bUfDevQK4NsIAHXs3/JNgnvEY+LRyneDN788W2NYiRIIzmILjba7LaQTfihuFawZDhRtkYCv3JDC3B4TwnmRJw==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.12.tgz", + "integrity": "sha512-GMLuL/loR6yIIRTnPRY6UGbLL9MBdw2anxkOnANxvLvsml4F0HNIgvnU3Ej4BjbqMTNjD4hcPFdlEow4XHPdZA==", "cpu": [ "arm64" ], @@ -407,9 +407,9 @@ } }, "node_modules/@next/swc-win32-ia32-msvc": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.19.tgz", - "integrity": "sha512-Y5kikILFAr81LYIFaw6j/NrOtmiM4Sf3GtOc0pn50ez2GCkr+oejYuKGcwAwq3jiTKuzF6OF4iT2INPoxRycEA==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.12.tgz", + "integrity": "sha512-PhgNqN2Vnkm7XaMdRmmX0ZSwZXQAtamBVSa9A/V1dfKQCV1rjIZeiy/dbBnVYGdj63ANfsOR/30XpxP71W0eww==", "cpu": [ "ia32" ], @@ -422,9 +422,9 @@ } }, "node_modules/@next/swc-win32-x64-msvc": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.19.tgz", - "integrity": "sha512-YzA78jBDXMYiINdPdJJwGgPNT3YqBNNGhsthsDoWHL9p24tEJn9ViQf/ZqTbwSpX/RrkPupLfuuTH2sf73JBAw==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.12.tgz", + "integrity": "sha512-Z+56e/Ljt0bUs+T+jPjhFyxYBcdY2RIq9ELFU+qAMQMteHo7ymbV7CKmlcX59RI9C4YzN8PgMgLyAoi916b5HA==", "cpu": [ "x64" ], @@ -3490,11 +3490,11 @@ "dev": true }, "node_modules/next": { - "version": "13.4.19", - "resolved": "https://registry.npmjs.org/next/-/next-13.4.19.tgz", - "integrity": "sha512-HuPSzzAbJ1T4BD8e0bs6B9C1kWQ6gv8ykZoRWs5AQoiIuqbGHHdQO7Ljuvg05Q0Z24E2ABozHe6FxDvI6HfyAw==", + "version": "13.4.12", + "resolved": "https://registry.npmjs.org/next/-/next-13.4.12.tgz", + "integrity": "sha512-eHfnru9x6NRmTMcjQp6Nz0J4XH9OubmzOa7CkWL+AUrUxpibub3vWwttjduu9No16dug1kq04hiUUpo7J3m3Xw==", "dependencies": { - "@next/env": "13.4.19", + "@next/env": "13.4.12", "@swc/helpers": "0.5.1", "busboy": "1.6.0", "caniuse-lite": "^1.0.30001406", @@ -3510,18 +3510,19 @@ "node": ">=16.8.0" }, "optionalDependencies": { - "@next/swc-darwin-arm64": "13.4.19", - "@next/swc-darwin-x64": "13.4.19", - "@next/swc-linux-arm64-gnu": "13.4.19", - "@next/swc-linux-arm64-musl": "13.4.19", - "@next/swc-linux-x64-gnu": "13.4.19", - "@next/swc-linux-x64-musl": "13.4.19", - "@next/swc-win32-arm64-msvc": "13.4.19", - "@next/swc-win32-ia32-msvc": "13.4.19", - "@next/swc-win32-x64-msvc": "13.4.19" + "@next/swc-darwin-arm64": "13.4.12", + "@next/swc-darwin-x64": "13.4.12", + "@next/swc-linux-arm64-gnu": "13.4.12", + "@next/swc-linux-arm64-musl": "13.4.12", + "@next/swc-linux-x64-gnu": "13.4.12", + "@next/swc-linux-x64-musl": "13.4.12", + "@next/swc-win32-arm64-msvc": "13.4.12", + "@next/swc-win32-ia32-msvc": "13.4.12", + "@next/swc-win32-x64-msvc": "13.4.12" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", + "fibers": ">= 3.1.0", "react": "^18.2.0", "react-dom": "^18.2.0", "sass": "^1.3.0" @@ -3530,6 +3531,9 @@ "@opentelemetry/api": { "optional": true }, + "fibers": { + "optional": true + }, "sass": { "optional": true } diff --git a/frontend/package.json b/frontend/package.json index e1133f6..7aea3ff 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -21,7 +21,7 @@ "axios": "^1.7.2", "eslint-config-next": "13.4.19", "framer-motion": "^11.1.2", - "next": "13.4.19", + "next": "13.4.12", "postcss": "8.4.29", "react": "18.2.0", "react-dom": "18.2.0", diff --git a/frontend/public/images/csesoc-team-2007.png b/frontend/public/images/csesoc-team-2007.png new file mode 100644 index 0000000..a00a63c Binary files /dev/null and b/frontend/public/images/csesoc-team-2007.png differ diff --git a/frontend/public/images/csesoc-team-2008.png b/frontend/public/images/csesoc-team-2008.png new file mode 100644 index 0000000..5732d3a Binary files /dev/null and b/frontend/public/images/csesoc-team-2008.png differ diff --git a/frontend/public/images/csesoc-team-2009.png b/frontend/public/images/csesoc-team-2009.png new file mode 100644 index 0000000..adb99ca Binary files /dev/null and b/frontend/public/images/csesoc-team-2009.png differ diff --git a/frontend/public/images/csesoc-team-2010.png b/frontend/public/images/csesoc-team-2010.png new file mode 100644 index 0000000..121f817 Binary files /dev/null and b/frontend/public/images/csesoc-team-2010.png differ diff --git a/frontend/public/images/csesoc-team-2011.png b/frontend/public/images/csesoc-team-2011.png new file mode 100644 index 0000000..44a476c Binary files /dev/null and b/frontend/public/images/csesoc-team-2011.png differ diff --git a/frontend/public/images/csesoc-team-2012.png b/frontend/public/images/csesoc-team-2012.png new file mode 100644 index 0000000..6c9dc6a Binary files /dev/null and b/frontend/public/images/csesoc-team-2012.png differ diff --git a/frontend/public/images/csesoc-team-2013.png b/frontend/public/images/csesoc-team-2013.png new file mode 100644 index 0000000..c572414 Binary files /dev/null and b/frontend/public/images/csesoc-team-2013.png differ diff --git a/frontend/public/images/csesoc-team-2014.png b/frontend/public/images/csesoc-team-2014.png new file mode 100644 index 0000000..33d83a8 Binary files /dev/null and b/frontend/public/images/csesoc-team-2014.png differ diff --git a/frontend/public/images/csesoc-team-2015.png b/frontend/public/images/csesoc-team-2015.png new file mode 100644 index 0000000..4a6cbd3 Binary files /dev/null and b/frontend/public/images/csesoc-team-2015.png differ diff --git a/frontend/public/images/csesoc-team-2016.png b/frontend/public/images/csesoc-team-2016.png new file mode 100644 index 0000000..2bcd55b Binary files /dev/null and b/frontend/public/images/csesoc-team-2016.png differ diff --git a/frontend/public/images/csesoc-team-2017.png b/frontend/public/images/csesoc-team-2017.png new file mode 100644 index 0000000..6f3cf26 Binary files /dev/null and b/frontend/public/images/csesoc-team-2017.png differ diff --git a/frontend/public/images/csesoc-team-2018.png b/frontend/public/images/csesoc-team-2018.png new file mode 100644 index 0000000..f309fd0 Binary files /dev/null and b/frontend/public/images/csesoc-team-2018.png differ diff --git a/frontend/public/images/csesoc-team-2019.png b/frontend/public/images/csesoc-team-2019.png new file mode 100644 index 0000000..f19c164 Binary files /dev/null and b/frontend/public/images/csesoc-team-2019.png differ diff --git a/frontend/public/images/csesoc-team-2020.png b/frontend/public/images/csesoc-team-2020.png new file mode 100644 index 0000000..ff87307 Binary files /dev/null and b/frontend/public/images/csesoc-team-2020.png differ diff --git a/frontend/public/images/csesoc-team-2024.jpeg b/frontend/public/images/csesoc-team-2024.jpeg new file mode 100644 index 0000000..502f0fb Binary files /dev/null and b/frontend/public/images/csesoc-team-2024.jpeg differ diff --git a/frontend/src/components/About/index.tsx b/frontend/src/components/About/index.tsx index 04e0353..4071a9e 100644 --- a/frontend/src/components/About/index.tsx +++ b/frontend/src/components/About/index.tsx @@ -1,4 +1,5 @@ import Image from 'next/image'; +import Link from 'next/link'; const About = () => { return ( @@ -15,12 +16,10 @@ const About = () => { CSESoc Icon

CSESoc

-

unsw-computer-science-soc

+

unsw-computer-science-engineering-society

- We are one of the biggest and most active societies at UNSW, catering to over 3500 CSE - students spanning across degrees in Computer Science, Software Engineering, - Bioinformatics and Computer Engineering. + CSESoc is the principal representative body for UNSW computing students.

People @@ -40,50 +39,81 @@ const About = () => {
{/* RIGHT SIDE */}
-
+

csesoc/README.md

-

Lorem Ipsum

+

+ CSESoc is one of the biggest and most active societies at UNSW, catering to over 3500 CSE + students spanning across degrees in Computer Science, Software Engineering, + Bioinformatics and Computer Engineering. +

+ We are here to fulfil the social, personal and + professional needs of CSE students, and promote computing through a variety of forms. +

Pinned + {/* TODO: refactor all of this */}
- Book - csesoc.unsw.edu.au/events + Book + + execs-directors-subcoms +
-
CSESoc's recent events
+
CSESoc's execs, directors, subcommittees
- Book - csesoc.unsw.edu.au/socials + Book + + constitution +
-
Follow us on all socials
+
Current and past constitutions
-
+
- Book - csesoc.unsw.edu.au/join-us + Book + + our-history +
-
Get involved!
+
Dive into CSESoc's history
- Book - csesoc.unsw.edu.au/contact + Book + + faqs +
-
Contact us via email
+
Frequently asked questions
+
+
+
+ Book + + election-guide + +
+
Our election nomination guide
+
+
+
diff --git a/frontend/src/components/Contacts/index.tsx b/frontend/src/components/Contacts/index.tsx new file mode 100644 index 0000000..0f41a69 --- /dev/null +++ b/frontend/src/components/Contacts/index.tsx @@ -0,0 +1,103 @@ +import Image from 'next/image'; + +const boxStyling = + 'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; +const socialsBoxStyling = + 'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; + +const Contacts = () => { + return ( + + ); +}; + +export default Contacts; diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx index fe24cae..44c8d51 100644 --- a/frontend/src/components/Footer.tsx +++ b/frontend/src/components/Footer.tsx @@ -1,6 +1,6 @@ import Image from 'next/image'; import Link from 'next/link'; -import { socialLinks } from '../../public/data/data'; +import { socialLinks } from '@/../public/data/data'; const Footer = () => { return ( @@ -38,7 +38,7 @@ const Footer = () => {

B03 CSE Building K17, UNSW csesoc@csesoc.org.au

-

© 2021 — CSESoc UNSW

+

© 2024 — CSESoc UNSW

Sponsors +
  • + Contact Us +
  • )} diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx index feb71d3..c23a5b5 100644 --- a/frontend/src/components/Navbar.tsx +++ b/frontend/src/components/Navbar.tsx @@ -25,22 +25,26 @@ const Navbar = () => {
    - +

    01

    {'//'} about us
    - +

    02

    {'//'} events
    - +

    03

    {'//'} resources
    - +

    04

    {'//'} sponsors
    + +

    05

    +
    {'//'} contact us
    +
    diff --git a/frontend/src/components/Resources/index.tsx b/frontend/src/components/Resources/index.tsx new file mode 100644 index 0000000..a6fbd63 --- /dev/null +++ b/frontend/src/components/Resources/index.tsx @@ -0,0 +1,88 @@ +import Image from 'next/image'; +import { resourceCards, stage1, stage2, stage3 } from '../../../public/data/resourceCards'; + +const boxStyling = + 'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; +const socialsBoxStyling = + 'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; + +const Resources = () => { + return ( +
    +
    +
    + Background + +
    +

    03

    +

    RESOURCES

    +
    + +
    +
    + + {stage1.map((item: resourceCards) => { + return ( + +
    + {item.alt} +
    +
    +

    {item.title}

    +

    {item.desc}

    +
    +
    + ); + })} + + {stage2.map((item: resourceCards) => { + return ( + +
    + {item.alt} +
    +
    +

    {item.title}

    +

    {item.desc}

    +
    +
    + ); + })} + + {stage3.map((item: resourceCards) => { + return ( + +
    + {item.alt} +
    +
    +

    {item.title}

    +

    {item.desc}

    +
    +
    + ); + })} +
    +
    +
    +
    +
    + ); +}; + +export default Resources; diff --git a/frontend/src/components/ResourcesAndContacts/index.tsx b/frontend/src/components/ResourcesAndContacts/index.tsx deleted file mode 100644 index 549bcfe..0000000 --- a/frontend/src/components/ResourcesAndContacts/index.tsx +++ /dev/null @@ -1,189 +0,0 @@ -// import DiscordLogo from "@/public/assets/discord_logo.svg" -import Image from 'next/image'; -import { resourceCards, stage1, stage2, stage3 } from '../../../public/data/resourceCards'; - -const boxStyling = - 'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; -const socialsBoxStyling = - 'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; - -const ResourcesAndContacts = () => { - return ( -
    -
    -
    - Background - -
    -

    03

    -

    RESOURCES & CONTACTS

    -
    - -
    -
    - - {stage1.map((item: resourceCards) => { - return ( - -
    - {item.alt} -
    -
    -

    {item.title}

    -

    {item.desc}

    -
    -
    - ); - })} - - {stage2.map((item: resourceCards) => { - return ( - -
    - {item.alt} -
    -
    -

    {item.title}

    -

    {item.desc}

    -
    -
    - ); - })} - - {stage3.map((item: resourceCards) => { - return ( - -
    - {item.alt} -
    -
    -

    {item.title}

    -

    {item.desc}

    -
    -
    - ); - })} -
    -
    -
    - - -
    -
    - ); -}; - -export default ResourcesAndContacts; diff --git a/frontend/src/pages/about/constitution.tsx b/frontend/src/pages/about/constitution.tsx new file mode 100644 index 0000000..bdd112b --- /dev/null +++ b/frontend/src/pages/about/constitution.tsx @@ -0,0 +1,57 @@ +import Navbar from '@/components/Navbar'; +import Footer from '@/components/Footer'; + +export default function Constitution() { + return ( +
    + +
    +
    +

    CONSTITUTION

    +
    + +
    +

    + Since the end of 2013, the constitution has been hosted on Github. The constitution by which CSESoc runs can be found here: +

    + + +

    Previous iterations of the constitution can be found here:

    + +
    +
    +
    +
    + ); +} diff --git a/frontend/src/pages/about/election-guide.tsx b/frontend/src/pages/about/election-guide.tsx new file mode 100644 index 0000000..28b465d --- /dev/null +++ b/frontend/src/pages/about/election-guide.tsx @@ -0,0 +1,119 @@ +import Navbar from "@/components/Navbar"; +import Footer from "@/components/Footer"; + +const ElectionGuide = () => { + return ( +
    + +
    +
    +

    ELECTION NOMINATION GUIDE

    +
    + +
    +

    + Before considering any executive position for CSESoc, it + is highly recommended that you read the constitution beforehand: +
    + https://github.com/csesoc/constitution/blob/master/README.md +

    + +

    + The constitution clearly outlines the roles, responsibilities and + expectations of executives. Should you be elected, a thorough + understanding of this document will be required so best to read it now! +

    + +

    + In order to run for a position in the CSESoc Elections, you will need + to either nominate yourself for a position or be nominated by someone else. +

    + +

    + Once nominations are open, you will be able to submit your nomination by + emailing copresidents@csesoc.org.au with: +

      +
    • Your full name and zID, or the full name and zID of the person you are nominating
    • +
    • The position you or the person you are nominating is going for
    • +
    • A link to a website, page, or document where people can find out more about you (optional)
    • +
    • + CC either the person you are nominating, or a person who will second your nomination of yourself + (if you are nominating yourself, the person who is seconding you has to reply to your email seconding + your nomination. If you're nominating someone else, that person has to reply to the email confirming + their nomination). Be sure to use a zID email! +
    • +
    +

    + +

    + If you're planning on running for multiple positions, then make sure you include your preference + for positions. +

    + +

    + Please remember that to run for an executive position, you have to be a full member of CSESoc when + you nominate yourself. This means that you should be doing a degree affiliated with the School of + CSE (and if you're transferring, you have already accepted your transfer at the time of nomination). +

    + +

    + If you would like to create a website, you can find some helpful templates here: https://html5up.net/. +
    + Another simple option is Google sites: https://sites.google.com/ +

    +
    + +
    +

    + Details you might consider including on your website or document +

    + +
    +

    + Overview of yourself +

    +
      +
    • Name
    • +
    • Position you are running for
    • +
    • Degree + stage
    • +
    • Anything else that paints a good picture of who you are for members that haven’t met you!
    • +
    +
    + +
    +

    + Experience +

    +

    + Note: it is strongly encouraged that + applicants for the executive have previously held an executive or directorship + position within CSESoc. +

    +
      +
    • Previous involvement and achievements within CSESoc, the CSE community, as well as UNSW more broadly.
    • +
    • Leadership experience
    • +
    • + Any other relevant volunteering or work situations where you feel + you’ve exemplified or developed the skills required for the role +
    • +
    +
    + +
    +

    + Policies / vision +

    +
      +
    • What you'd like to achieve next year as part of your role
    • +
    • Aspects of the society you value most, what will you uphold?
    • +
    • Aspects of the society you would like to improve
    • +
    +
    +
    +
    +
    +
    + ); +}; + +export default ElectionGuide; \ No newline at end of file diff --git a/frontend/src/pages/about/execs-directors-subcommittees.tsx b/frontend/src/pages/about/execs-directors-subcommittees.tsx new file mode 100644 index 0000000..2b745a3 --- /dev/null +++ b/frontend/src/pages/about/execs-directors-subcommittees.tsx @@ -0,0 +1,255 @@ +import Navbar from '@/components/Navbar'; +import Footer from '@/components/Footer'; + +const ExecsDirectorsSubcommittees = () => { + return ( +
    + +
    +
    +

    EXECS, DIRECTORS & SUBCOMMITEES

    +
    + + {/* CSESOC TEAM */} +
    +

    + The Executives and Directors are responsible for organising the society to make sure that things get done. + Execs are elected annually by CSE students at the end of the preceding year and Directors are selected by Execs. +

    +

    + The CSESoc Executive and Director team for 2024 is: +

    +
    + CSESoc Team 2024 +
    + +
    +
    +

    Execs

    +
      +
    • Elizabeth Zhu Chan - Co-President
    • +
    • Lesley Lu - Co-President
    • +
    • Ivan Chan - Secretary
    • +
    • Justin Son - Treasurer
    • +
    • Sophie Khov - Arc Delegate
    • +
    • Catherine Kim - Grievance, Equity, Diversity and Inclusion Officer
    • +
    • Amy Liu - Vice President (Internals)
    • +
    • Nicole Jiang - Vice President (Externals)
    • +
    • Matthew Lim - Vice President (Technicals)
    • +
    +
    + +
    +

    Careers

    +
      +
    • Eric Kang
    • +
    • Jasmine Xian
    • +
    • Max Lee
    • +
    +
    + +
    +

    Competitions

    +
      +
    • Aliff Azlan
    • +
    • Haibing Wang
    • +
    • Diego Untalan
    • +
    +
    + +
    +

    Creative

    +
      +
    • Anna Wang
    • +
    • Jordan Djamaan
    • +
    • Shabinda Sarkaria
    • +
    +
    + +
    +

    Education

    +
      +
    • Alina Jin
    • +
    • JJ Roberts-White
    • +
    • Liam Smith
    • +
    +
    + +
    +

    Events

    +
      +
    • Emma Nguyen
    • +
    • Jalaj Jain
    • +
    • Jenny Lee
    • +
    +
    + +
    +

    HR

    +
      +
    • Aryan Chauhan
    • +
    • Edwin Tang
    • +
    • Jasmine Guan
    • +
    +
    + +
    +

    IT

    +
      +
    • Derek Xu
    • +
    • Dominic Cheung
    • +
    +
    + +
    +

    Marketing

    +
      +
    • Aaron Lee
    • +
    • Lisa Lin
    • +
    • Zitian Qin
    • +
    +
    + +
    +

    Media

    +
      +
    • Dylan Hu
    • +
    • Gloria Xi
    • +
    • Leo Ng Maisnam
    • +
    +
    + +
    +

    Online

    +
      +
    • Amy Tian
    • +
    • Brandon Tan
    • +
    +
    + +
    +

    Outreach

    +
      +
    • Joyce He
    • +
    • Sapphire Wildie
    • +
    +
    + +
    +

    Socials

    +
      +
    • Davis Lim
    • +
    • Jennifer Yu
    • +
    • Susie Xia
    • +
    +
    +
    + +

    + Get to know them better here! +

    +
    + +
    + + {/* PORTFOLIOS */} +
    +
    +

    Subcommitees

    +

    + Subcommittees are the teams that run CSESoc and its events to the benefit of all UNSW Computing students. +

    +
    +
    +

    Careers

    +

    + Facilitates industry sponsor relations, as well as creating events focused on interpersonal + development and networking. +

    +
    + +
    +

    Competitions

    +

    + Organises a variety of contests to empower students beyond coursework and allow them meet + others. +

    +
    + +
    +

    Creative

    +

    + Lays the groundwork for CSESoc’s aesthetic branding, providing an outlet for creative expression. +

    +
    + +
    +

    Education

    +

    + Teaches interesting technical skills to the community, whether that's through workshops, articles or programs. +

    +
    + +
    +

    Events

    +

    + Plan a diverse range of large-scale activities while focusing on creating an enjoyable and fun experiences for all participants! +

    +
    + +
    +

    HR

    +

    + Fosters the internal culture of the internal/external team - bringing people together, encouraging a supportive environment and most of all - memories. +

    +
    + +
    +

    IT

    +

    + Oversees the development of the CSESoc’s internal projects and infrastructure. Plays an active role in the technical aspects of our society. +

    +
    + +
    +

    Marketing

    +

    + Promotes CSESoc on our social media as well as create supplementary marketing material to engage our audience. +

    +
    + +
    +

    Media

    +

    + Focuses on creating content for our CSESoc community and beyond to capture our diverse student voice. +

    +
    + +
    +

    Online

    +

    + Expands CSESoc’s vibrant community into the virtual world. Includes running events online and managing our online spaces to make sure everyone feels welcomed in our community. +

    +
    + +
    +

    Outreach

    +

    + Creates inclusive and approachable events targeted towards overlooked and underrepresented students. +

    +
    + +
    +

    Socials

    +

    + Organises approachable events targeted towards building an inclusive and welcoming community, to help build long-lasting friendships! +

    +
    +
    +
    +
    +
    + ); +} + +export default ExecsDirectorsSubcommittees; \ No newline at end of file diff --git a/frontend/src/pages/about/faqs.tsx b/frontend/src/pages/about/faqs.tsx new file mode 100644 index 0000000..95b4fb2 --- /dev/null +++ b/frontend/src/pages/about/faqs.tsx @@ -0,0 +1,61 @@ +import Navbar from '@/components/Navbar'; +import Footer from '@/components/Footer'; + +const Faqs = () => { + return ( +
    + +
    +
    +

    FREQUENTLY ASKED QUESTIONS

    +
    + +
    +

    + What is CSESoc? +

    +

    + CSESoc is a student-run society within the School of Computer Science and + Engineering. We organize various events such as BBQs, trivia nights, + and coding workshops for CSE students. For more details, visit + our About page. +

    + +

    + How do I become a member? +

    +

    + While you are enrolled in a CSE course or a CSE program, you + are automatically considered a member of the society and you + will automatically receive emails about our upcoming events. +
    + If you are not enrolled at CSE, then you can still become a + member by emailing us at csesoc@csesoc.org.au. +

    + +

    + How do I become a sponsor? +

    +

    + For information about how you can sponsor CSESoc, please see our sponsorship page. +
    + For further enquiries and to discuss sponsorship opportunities, please + email sponsorship@csesoc.org.au. +

    + +

    + How do I volunteer to help with events? +

    +

    + Follow our Facebook page to stay up to date with volunteering opportunities! If + being a dedicated part of the CSESoc team interests you, also consider joining a + subcommittee. Subcommittee recruitment opens during T1 of each year. +

    +
    +
    +
    +
    + ); +}; + +export default Faqs; \ No newline at end of file diff --git a/frontend/src/pages/about.tsx b/frontend/src/pages/about/index.tsx similarity index 100% rename from frontend/src/pages/about.tsx rename to frontend/src/pages/about/index.tsx diff --git a/frontend/src/pages/about/our-history.tsx b/frontend/src/pages/about/our-history.tsx new file mode 100644 index 0000000..53a9d23 --- /dev/null +++ b/frontend/src/pages/about/our-history.tsx @@ -0,0 +1,59 @@ +import Navbar from "@/components/Navbar"; +import Footer from "@/components/Footer"; + +const OurHistory = () => { + // Years from 2020 to 2007 + const years: number[] = Array.from({ length: 14 }, (_, i) => 2020 - i); + + return ( +
    + +
    +
    +

    OUR HISTORY

    +
    + +
    +

    + CSESoc was formed in October 2006 from the old CompSoc and SESoc societies. + CompSoc helped represent the interest of students studying Computer Engineering, + Computer Science and postgraduate courses, while SESoc was the representative body + for Software Engineering students. Both societies provided technical and social + support to their members. In the best interest of everyone, the societies merged to + provide a better experience to all CSE students. +

    +

    + CSESoc now represents students enrolled in Computer Science, Computer Engineering, + Software Engineering, Bioinformatics Engineering, or a post‐graduate program + administered by CSE (research or coursework). +

    +

    + Even today CSESoc continues to be an integral part of the student experience. + Many students make the most of their time at university by joining a working + group in first year to get a taste of the society. If you are enthusiastic and + interested you can nominate yourself or be nominated for a position in the Exec + at the end of the year. +

    +

    + Being part of a society is a great way to meet new people and gain extra skills + that employers look for in the industry. +

    +
    + +
    + + {years.map((year: number) => ( +
    +
    +

    {year}

    + {`CSESoc +
    +
    + ))} +
    +
    +
    + ) +} + +export default OurHistory; diff --git a/frontend/src/pages/contact-us.tsx b/frontend/src/pages/contact-us.tsx new file mode 100644 index 0000000..8c5c3da --- /dev/null +++ b/frontend/src/pages/contact-us.tsx @@ -0,0 +1,77 @@ +import Contacts from '@/components/Contacts'; +import Footer from '@/components/Footer'; +import Navbar from '@/components/Navbar'; + +export default function ContactUs() { + return ( +
    + +
    +
    +

    05

    +

    CONTACT US

    +
    + + + +
    +

    + And be sure to follow us on social media to be notified of upcoming events and + opportunities! +

    +
    + +
    +
    +
    +
    +
    + ); +} diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx index 61f190d..d0ee2b7 100644 --- a/frontend/src/pages/index.tsx +++ b/frontend/src/pages/index.tsx @@ -2,15 +2,15 @@ import Landing from '@/components/Landing'; import Sponsors from '@/components/Sponsors/index'; import About from '@/components/About'; import Event from '@/components/Event'; -import ResourcesAndContacts from '@/components/ResourcesAndContacts'; +import Resources from '@/components/Resources'; export default function Home() { return (
    - - - - + + + +
    ); diff --git a/frontend/src/pages/resources.tsx b/frontend/src/pages/resources.tsx index b634ac2..89ca83b 100644 --- a/frontend/src/pages/resources.tsx +++ b/frontend/src/pages/resources.tsx @@ -1,12 +1,13 @@ import Navbar from '@/components/Navbar'; import Footer from '@/components/Footer'; -import ResourcesAndContacts from '@/components/ResourcesAndContacts'; +import Resources from '@/components/Resources'; +import Contacts from '@/components/Contacts'; export default function ResourcesPage() { return (
    - +
    );