diff --git a/src/App.js b/src/App.js index 08355e9..69046c7 100644 --- a/src/App.js +++ b/src/App.js @@ -4,6 +4,7 @@ import NavBar from "./components/NavBar"; import Footer from "./components/Footer"; import { useAuth0 } from "@auth0/auth0-react"; import MeetTheTeam from "./page/MeetTheTeam"; +import SteduClub from "./page/SteduClub"; function App() { const { loginWithRedirect } = useAuth0(); @@ -18,6 +19,7 @@ function App() { } exact/> loginWithRedirect()}>Log In} exact/> } exact/> + } exact/>
diff --git a/src/assets/images/image.jpeg b/src/assets/images/image.jpeg new file mode 100644 index 0000000..2859b3f Binary files /dev/null and b/src/assets/images/image.jpeg differ diff --git a/src/page/SteduClub.js b/src/page/SteduClub.js index e5d4967..47de1fb 100644 --- a/src/page/SteduClub.js +++ b/src/page/SteduClub.js @@ -1,9 +1,244 @@ -import React from 'react' +import React from 'react'; +import { Link } from 'react-router-dom'; +import { motion } from 'framer-motion'; +import { FiBriefcase } from 'react-icons/fi'; +import { useTheme } from '../components/ThemeContext'; +import SteduClubImage from '../assets/images/image.jpeg'; const SteduClub = () => { + const { theme } = useTheme(); + return ( -
SteduClub
- ) -} + +
+ +

+ Stedu Club +

+

+ Curricula for students, by students. +

+

+ What is Stedu Club? +

+

+ Stedu Clubs are student-run high-school clubs that allow students to learn about certain subject areas in STEM that wouldn’t be taught in a specialized manner at many public/private schools around the world. We’re looking for proactive student-leaders to sign-up to lead our Stedu Clubs to bring advanced specialized knowledge to their schools! +

+

+ Stedu Club Leaders bring: +

+
    +
  • + + Classes +
    • +
  • + + Workshops +
    • +
  • + + Expert Panels +
    • +
+

+ To their peers, allowing students to showcase leadership, ambition, and passion! For the 2023-24 school year, Stedu Association is offering materials for Stedu Neuroscience Clubs! +

+

+ In return for the high-quality and free resources that Stedu Association provides for clubs, student-leaders make review sheets and other course materials to be shared by clubs near and far! +

+

+ Stedu Clubs get access to: +

+
    +
  • + + Promotional materials to get students involved in the clubs and pitch the club to their schools +
    • +
  • + + Content slides to help with understanding the subject material at any level +
    • +
  • + + Official Stedu Association affiliation and email templates for inviting expert guests for panels and workshops to talk to your club +
    • +
  • + + A collaborative network of clubs globally for sharing study materials, tips, and passions +
    • +
  • + + As well as more coming soon! +
    • +
+

+ Link to Stedu Club guidelines and our link to the registration form to make a club once everything is ready: 2023-24 Stedu Club Guidelines +

+ + + +
+
+ Stedu Club +
+
+

+ How to Start Your Very Own Stedu Club at Your School! (As of August 2023) +

+

+ What are Stedu Clubs? +

+

+ Stedu Clubs are student-run high-school clubs that allow students to learn about certain subject areas in STEM that wouldn’t be taught in a specialized manner at many public/private schools around the world. Stedu Clubs allow students at public/private schools around the world to lead curriculums in advanced STEM areas that they’re passionate about. We’re looking for proactive student-leaders to sign-up to lead our Stedu Clubs to bring advanced specialized knowledge to their schools! These leaders would use Stedu Association’s resources to bring in workshops with local STEM experts and teach their peers about topics in STEM that may not be offered in their school’s curriculum. +

+

+ What are the steps to make my own Stedu Club at my high school? +

+
    +
  • + + Choose between the course offerings that we have! As of August 2023, we will be offering resources for neuroscience clubs. +
    • +
  • + + Get an advisor on board. This will most likely be required by your school and will make creating your club easier and more organized. +
    • +
  • + + Choose a day and time to run your Stedu Club. This should be a day when there aren’t many other clubs running where the members would be interested in joining yours. +
    • +
  • + + Build up an executive board for your club! It should have a president, vice-president, treasurer, and secretary. This should most likely line up with your school’s club guidelines, as well. +
    • +
  • + + If you need to pitch the club to your school, use our resources on the premise of the club and how it will run to present it. +
    • +
  • + + Once you’re approved to run the club, promote it through flyers around your school (if you’re able) and/or your school’s social media pages! +
    • +
+

+ When your club meets, get started with teaching using the materials provided by Stedu Association. Your club will add onto these materials in the form of worksheets or study guides each month. +

+

+ If your club chooses to do so, email experts in your Club’s field to talk or plan an event. Resources are available for both of these from the Stedu Association. +

+

+ What are the benefits of making my own Stedu Club? +

+

+ By creating your very own Stedu Club, you create leadership opportunities for yourself and others, which can help you and your peers grow in soft skills like project management and public speaking. Stedu Clubs most importantly allow students to delve deeper into the STEM subjects they enjoy the most in a more accessible and affordable way. The resources that Stedu Association offers to Stedu Clubs – such as presentations, worksheets, and Club marketing materials – are all free of charge as long as the Club fulfills the following responsibilities. +

+

+ Steu Association also provides templates for emailing professors or other professionals in the field of your Club for workshops and guidelines for planning events. Lastly, we also plan to provide free stickers and merch for STEDU Club members! +

+

+ *Free stickers and merch will be provided based on the quarterly budget for the department - TBD. +

+

+ What are the responsibilities of my Stedu Club? +

+

+ Each month, every club is required to submit its own original study resources to the drive that will be accessible for all clubs to use as they move along in their respective curricula. The study materials need to meet the following criteria to be approved: +

+
    +
  • + + Length of materials each month must be 10 pages +
    • +
  • + + The font and formatting of materials must be consistent and neat +
    • +
  • + + The materials must be typed up or digitized for easy distribution and usage by other clubs +
    • +
  • + + The materials must have the Club number listed and be accompanied by a list of the members involved in creating them. The list of names will not be distributed in any way and should be submitted along with attendance materials +
    • +
+

+ Stedu Clubs also have attendance requirements, much like any other club at your school. Members in your Stedu Club must attend at least 80% of your club’s meetings, and attendance must be uploaded to the shared platform where you submit documents (the platform is TBD). +

+

+ How do I teach my peers in my Stedu Club? +

+

+ Stedu Clubs all have access to the same materials in the shared drive platform, which will contain the presentations for each week, study guides, and club-made materials for studying as well. Presentations are created by Stedu Association staff, as already stated, and will include all the figures and information for the week. The presentation slide decks are in Powerpoint format, which allows for access no matter if the presenter has a Google account or not. All the slides contain speaker notes to elaborate on the information covered on the corresponding slide, so it is best that the presenter for the week goes over the material at least 3 days in advance of your club’s meeting date. You may also add slides for further elaboration of information or for customization based on your club’s needs. +

+

+ What happens if the club does not abide by the aforementioned responsibilities? +

+

+ If your Stedu Club does not fulfill the responsibilities listed above, access to the materials provided by Stedu Association for promotion, curriculum progression, and interaction with professionals will be revoked. This allows for fair allocation of resources among students who are part of the Stedu Club system all over the country and world. +

+

+ Ready to make your own Stedu Club? Sign-up today: +

+

+ General Information about Stedu Association +

+

+ What is Stedu Association? +

+

+ Stedu Association is a fiscally sponsored organization under the California-based 501(c)(3) nonprofit organization Hack Foundation, also known as Hack Club. Starting in 2020, we expanded our mission of creating STEM opportunities and bringing high quality STEM education resources to people all around the world through courses, camps, and other programs. We’ve brought such resources to hundreds of students from underrepresented and underserved groups in STEM. With your leadership, we’ll work to reach even more! +

+

+ Some of our programs include: +

+

+ - Our start-up summer camp! +

+

+ - Our seasonal courses (2023-24 topics TBA)! +

+

+ - STEDU Fund! +

+

+ - Our Stedu Clubs! +

+

+ Where can you find Stedu Association? +

+

+ Website: https://www.steduassociation.com +

+

+ Instagram: https://instagram.com/steduassociation?igshid=YmMyMTA2M2Y= +

+

+ Donation Page: https://hack.ms/steduassociation +

+
+
+ +
+ + ); +}; -export default SteduClub \ No newline at end of file +export default SteduClub; diff --git a/src/page/TeamMember.js b/src/page/TeamMember.js index 16a76b2..8361d1e 100644 --- a/src/page/TeamMember.js +++ b/src/page/TeamMember.js @@ -1,16 +1,38 @@ import React from 'react'; -import { FaTwitter, FaLinkedin, FaMailBulk } from 'react-icons/fa'; +import { FaTwitter, FaLinkedin } from 'react-icons/fa'; import { FiMail } from 'react-icons/fi'; +import { motion } from 'framer-motion'; // Import Framer Motion import { useTheme } from '../components/ThemeContext'; const TeamMember = ({ member }) => { const { theme } = useTheme(); + + // Framer Motion variants for animations + const cardVariants = { + initial: { opacity: 0, scale: 0.9 }, + animate: { opacity: 1, scale: 1 }, + hover: { scale: 1.05 }, + }; + + const imageVariants = { + hover: { scale: 1.1 }, + }; + return ( -
+ -
- {member.name} -
+ + {member.name} +

{member.name}

{member.role}

@@ -38,7 +60,7 @@ const TeamMember = ({ member }) => { )}
-
+ ); };