diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 176abf9..c67a2eb 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -15,7 +15,7 @@ "autoprefixer": "10.4.15", "axios": "^1.7.2", "eslint-config-next": "13.4.19", - "framer-motion": "^11.1.2", + "framer-motion": "^11.2.13", "next": "13.4.12", "postcss": "8.4.29", "react": "18.2.0", @@ -2425,9 +2425,9 @@ } }, "node_modules/framer-motion": { - "version": "11.1.2", - "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.1.2.tgz", - "integrity": "sha512-flRo14ImBGRbOFz9KsXQ9ty3wWW2zFk0Gp4VbvZ5bG+1gZg/1CNWj9ZHtsCmZSPkBgZNOVkVf6aEtW5YxOITfw==", + "version": "11.2.13", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.2.13.tgz", + "integrity": "sha512-AyIeegfkXlkX1lWEudRYsJlC+0A59cE8oFK9IsN9bUQzxLwcvN3AEaYaznkELiWlHC7a0eD7pxsYQo7BC05S5A==", "dependencies": { "tslib": "^2.4.0" }, diff --git a/frontend/package.json b/frontend/package.json index d04ed3b..1da8df9 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -20,7 +20,7 @@ "autoprefixer": "10.4.15", "axios": "^1.7.2", "eslint-config-next": "13.4.19", - "framer-motion": "^11.1.2", + "framer-motion": "^11.2.13", "next": "13.4.12", "postcss": "8.4.29", "react": "18.2.0", diff --git a/frontend/src/components/About/AboutHomepage.tsx b/frontend/src/components/About/AboutHomepage.tsx index 42c3659..50fab9a 100644 --- a/frontend/src/components/About/AboutHomepage.tsx +++ b/frontend/src/components/About/AboutHomepage.tsx @@ -9,31 +9,48 @@ export default function AboutHomePage() {
{/* LEFT SIDE */} + {/* NOTE: there is slightly altered from about/index.tsx */}
CSESoc Icon
-

CSESoc

- +

CSESoc

+

unsw-computer-science-engineering-society

+
+ People +
+ 16k members · 146{' '} + internal members +
+
+
+ Location + Sydney, Australia +
+
+ Mail + info@csesoc.org.au +
{/* RIGHT SIDE */}
-
-

- csesoc/README.md -

-

- 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. -

- Learn more about us! -

- -
+

+ We are one of the largest and most active societies at UNSW, and {" "} + the largest computing society in the southern hemisphere. +

+ CSESoc comprises {" "} + over 16k members + {" "}spanning across various degrees including 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. +

+ + +
diff --git a/frontend/src/components/Event/index.tsx b/frontend/src/components/Event/index.tsx index f9f98a7..b6f8fa4 100644 --- a/frontend/src/components/Event/index.tsx +++ b/frontend/src/components/Event/index.tsx @@ -11,10 +11,10 @@ const Event = () => { listings, check out the CSESoc Discord or our Facebook page!

- - + +
Placeholder
diff --git a/frontend/src/components/Sponsors/index.tsx b/frontend/src/components/Sponsors/index.tsx index f68583f..9f3c685 100644 --- a/frontend/src/components/Sponsors/index.tsx +++ b/frontend/src/components/Sponsors/index.tsx @@ -19,7 +19,7 @@ const Sponsors = () => {
diff --git a/frontend/src/components/Stats.tsx b/frontend/src/components/Stats.tsx new file mode 100644 index 0000000..087050c --- /dev/null +++ b/frontend/src/components/Stats.tsx @@ -0,0 +1,209 @@ +import Image from 'next/image'; +import { motion, useAnimationControls } from "framer-motion" +import { useEffect } from 'react'; + +const Stats = () => { + const r = 80; + const controls = useAnimationControls() + + const progress = { + hidden: { pathLength: 0, opacity: 0 }, + visible: { + pathLength: 0.7, + opacity: 1, + transition: { + pathLength: { type: "spring", duration: 1.5, bounce: 0 }, + opacity: { duration: 0.05 } + } + } + } + + useEffect(() => { + controls.start("hidden") + controls.start("visible") + controls.stop(); + }, []); + + const revert = async() => { + await controls.start("hidden") + return await controls.start("visible") + } + + return ( +
+
+ CSESoc Icon + + + + +

CSESoc

+

unsw-computer-science-engineering-society

+
+
{revert()}}> + People + 433 + total members +
+
{revert()}}> + People + 53 + events held +
+
{revert()}}> + People + 343 + subcom +
+
{revert()}}> + People + 343 + subcom +
+{/*
+ 53 +
+ People + held +
+
+
+ People + 300 subcom +
+
+ People + 52 events held +
*/} +
+{/*
+
+ CSESoc Icon +
+
+ People + 53 + events held +
+ +
*/} +{/*
+ Location + Sydney, Australia +
+
+ Mail + info@csesoc.org.au +
+ +
+

STATS

+
+
+

323,000

+

Members

+
+
+

300

+

Team Members

+
+
+

52

+

Events held

+
+
*/} + +
+
+
+
+ People + CSESoc is the principal representative body for UNSW computing students. +
+
+ Location + Sydney, Australia +
+
+ Mail + info@csesoc.org.au +
+
+
+ +
+
+
+

+ csesoc/README.md +

+

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

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

+
+
+ + + +
+
+
+
+

+ execs-directors-subcoms.md +

+

+ 1   100+ events (35+ careers related revents)
+ 2   41 sponsors
+ 3   480 000 discord messages
+ 4   200+ volunteers.
+ 5   Tiktok: 27.2k views, 2k+ likes
+ 6   Podcast: 10k downloads, 600+ average viewers
+ 7   500+ high school students reached. +

+
+
+ + + +
+
+
+
+ ); +}; + +export default Stats; diff --git a/frontend/src/pages/about/index.tsx b/frontend/src/pages/about/index.tsx index 7bdcd0f..1b99746 100644 --- a/frontend/src/pages/about/index.tsx +++ b/frontend/src/pages/about/index.tsx @@ -26,8 +26,8 @@ export default function AboutPage() {
People
- 432 members · 342{' '} - subcom + 16k members · 146{' '} + internal members
@@ -49,7 +49,7 @@ export default function AboutPage() {

CSESoc is the official representative body of computing students at UNSW. We are one of the largest and most active societies at UNSW, and the largest computing society in the southern hemisphere. - CSESoc comprises ~10k members spanning across degrees in Computer Science, Software Engineering, + CSESoc comprises over 16k members spanning across various degrees including 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.