diff --git a/.gitignore b/.gitignore index 047b4e27..2a220cdc 100644 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,7 @@ node_modules/ /.pnp .pnp.js -/venv \ No newline at end of file +/venv +.env +/node_modules +node_modules \ No newline at end of file diff --git a/src/Initiatives.js b/src/Initiatives.js index a89ff66e..7f8b15bb 100644 --- a/src/Initiatives.js +++ b/src/Initiatives.js @@ -170,7 +170,7 @@ export default function BasicCard() {

- +

diff --git a/src/Navbar.js b/src/Navbar.js index d2bdb5d3..622c477b 100644 --- a/src/Navbar.js +++ b/src/Navbar.js @@ -51,6 +51,9 @@ export default function Navbar() {
  • Mentorship
    • +
  • + Research Resources +
    • diff --git a/src/Research.css b/src/Research.css new file mode 100644 index 00000000..9aac251b --- /dev/null +++ b/src/Research.css @@ -0,0 +1,24 @@ +.video-container { + flex: 1; + max-width: max-content; +} + +.side-content { + margin-left: 6%; +} + +.main-content { + margin-right: 6%; + margin-bottom: 24px; +} + +h4 { + margin-top: 72px; + margin-bottom: 20px; + text-align: left; +} + +h5 { + font-size: large; + margin-bottom: 12px; +} diff --git a/src/Research.jsx b/src/Research.jsx new file mode 100644 index 00000000..cb769a0f --- /dev/null +++ b/src/Research.jsx @@ -0,0 +1,36 @@ +import React from "react"; +import './Research.css'; +import StickySideNav from "./StickySideNav"; +import Stack from '@mui/material/Stack'; + +function Research() { + return ( +
    + +
    + +
    +
    +

    Research Resources

    +
    + {/* Add your embedded video code here */} + +
    +
    +

    + Hear from students, faculty, and staff in the CS Department about doing research. +

    +
    + "Computer scientists are creative problem solvers, and those problems exist everywhere. Interested in agriculture? Curious about chemistry? Have a love of languages? There are computer science problems to solve in all of those areas and beyond! Anything you can imagine, any unanswered question you can fathom is likely being explored at some level through a research project on Purdue's campus." + - Amber Stanley, Undergraduate Programs Specialist +
    +

    + Read more about Amber's thoughts on getting started with research here. +

    +
    +
    +     +
    + ); +} +export default Research; \ No newline at end of file diff --git a/src/StickySideNav.css b/src/StickySideNav.css new file mode 100644 index 00000000..e105c071 --- /dev/null +++ b/src/StickySideNav.css @@ -0,0 +1,11 @@ +/* SideNav.css */ + +.side-nav { + position: sticky; + top: 72px; + margin: 20px; + margin-top: 17px; + width: 240px; + background-color: #f4f4f4; + padding: 20px; + } \ No newline at end of file diff --git a/src/StickySideNav.jsx b/src/StickySideNav.jsx new file mode 100644 index 00000000..cb165216 --- /dev/null +++ b/src/StickySideNav.jsx @@ -0,0 +1,18 @@ +import './StickySideNav.css'; // Import CSS for styling +import { Link } from "react-router-dom"; + +const StickySideNav = () => { + return ( +
    +
    Getting Started
    +
    FAQ
    + {/*
    Current Projects
    */} +
    Organizations + Programs
    +
    Presenting Your Research
    +
    CS-Specific Research
    +
    Calendar
    +
    + ); +}; + +export default StickySideNav; diff --git a/src/index.js b/src/index.js index 97431522..9df3228f 100644 --- a/src/index.js +++ b/src/index.js @@ -20,43 +20,57 @@ import CS193 from "./CS193" import TownHall from "./TownHall" import Mentorship from './Mentorship'; import Contact from './Contact'; +import Research from './Research'; + +import FAQ from './rr_pages/faq'; +import CurrentProjects from './rr_pages/currProjects'; +import ResearchOrgs from './rr_pages/researchOrgs'; +import PresentingResearch from './rr_pages/presentingResearch'; +import CSSpecific from './rr_pages/cs-specific'; +import Calendar from './rr_pages/calendar'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( - - - - - - - - } /> - } /> - } /> - } /> - } /> - } /> - }/> - }/> - }/> - }/> - }/> - }/> - }/> - + + + + + + + + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + }/> + }/> + }/> + }/> + }/> + }/> - - + + ); diff --git a/src/rr_pages/bleh.jsx b/src/rr_pages/bleh.jsx new file mode 100644 index 00000000..7d6e7798 --- /dev/null +++ b/src/rr_pages/bleh.jsx @@ -0,0 +1,95 @@ +import React from "react"; +import Stack from "@mui/material/Stack"; +import StickySideNav from "../StickySideNav"; +import image1 from './images/presenting_1.jpeg'; +import image2 from './images/presenting_2.jpg'; +import "../Research.css"; // Assuming you will move styles here + +function PresentingResearch() { + return ( +
    + +
    + +
    +
    +

    Interested in sharing your research?

    +
      +
    • + Presenting your research is a great way to get feedback, connect with other researchers, and increase your exposure in academia. Here are some ways to do so at Purdue! +
      • +
    • +

      Undergraduate Research Conferences

      +
        +
      • +

        Fall Undergraduate Research Expo

        +
          +
        • Nov. 19-26, 2024
          • +
        • An excellent opportunity for undergraduate researchers to showcase their scholarly work and creative endeavors through poster presentations or research talks.
          • +
        +
        • +
      • +

        Spring Undergraduate Research Conference

        +
          +
        • April 8-15, 2025
          • +
        • The largest showcase of undergraduate research at Purdue, featuring oral or poster presentations.
          • +
        +
        • +
      • +

        Summer Undergraduate Research Symposium

        +
          +
        • July 25, 2024
          • +
        • An opportunity for undergraduate researchers to present their work through research talks or poster presentations.
          • +
        +
        • +
      +
      • +
    • +

      Journal of Purdue Undergraduate Research (JPUR)

      +
        +
      • Publish research snapshots or articles in JPUR to gain experience in scientific writing and share your work with a broader audience.
        • +
      • Submission deadlines: +
          +
        • Fall: Nov. 15
          • +
        • Spring: Feb. 15
          • +
        +
        • +
      +
      • +
    • +

      Undergraduate Research Seminar Series

      +
        +
      • Great resources to share your work, attend others' presentations, and connect with faculty projects.
        • +
      • Upcoming: Apr 24, 4pm - Marketing your undergraduate research experiences
        • +
      +
      • +
    • +

      Need help with writing about your research?

      +
        +
      • Journal of Purdue Undergraduate Research - Tips for Authors
        • +
      • Purdue Online Writing Lab (OWL)
        • +
      • Research and Citation Resources
        • +
      • Writing scientific abstracts presentation
        • +
      • Writing a research paper
        • +
      +
      • +
    +
    +
    + Research Posters +
    Students presenting their research posters at the fall undergraduate research expo
    +
    +
    + JPUR Cover Page +
    + Research article cover page in JPUR journal, vol 13. "Machine Learning of Big Data: A Gaussian Regression Model to Predict" by Jerry Gu (purdue.edu) +
    +
    +
    +
    +     +
    + ); +} + +export default PresentingResearch; diff --git a/src/rr_pages/calendar.jsx b/src/rr_pages/calendar.jsx new file mode 100644 index 00000000..fc53356d --- /dev/null +++ b/src/rr_pages/calendar.jsx @@ -0,0 +1,35 @@ +import React from "react"; +import { Stack } from "@mui/material"; +import StickySideNav from "../StickySideNav"; +import "../Research.css" + +function calendar() { + const calenderId = '88e0056451d336ea63dbb2cfc2ae5691fb511e40dbcc5e5d79dc6ed439fb7337@group.calendar.google.com' + const timeZone = 'America%2FIndiana%2FIndianapolis' + return ( + + ); +} + +const MyComponent = () => { + return ( +
    + +
    + +
    +
    +

    Calendar

    + {calendar()} +
    +     +
    + ); +}; + +export default MyComponent; diff --git a/src/rr_pages/cs-specific.css b/src/rr_pages/cs-specific.css new file mode 100644 index 00000000..31c0d103 --- /dev/null +++ b/src/rr_pages/cs-specific.css @@ -0,0 +1,170 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap'); + +.main-content h4 { + text-align: left; + margin-top: 3%; + font-family: 'Montserrat', sans-serif; + font-weight: 1000; +} + +.main-content .text { + font-size: 15px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-top: 0cm; + +} + +.research-with-prof h3 { + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + +} + +.research-with-prof .text { + + font-size: 15px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-top: 0cm; + + + +} + +.research-with-prof h3 a { + + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + + +} + + + + +.cs-departmental-research-areas h3 { + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + +} + +.cs-departmental-research-areas .text { + + font-size: 15px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-top: 0cm; + + + +} + +.cs-departmental-research-areas h3 a { + + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + + +} + + +.research-seminars h3 { + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + +} + +.research-seminars .text { + + font-size: 15px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-top: 0cm; + + + +} + +.research-seminars h3 a { + + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + + +} + + +.brightspace-page h3 { + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + +} + +.brightspace-page .text { + + font-size: 15px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-top: 0cm; + + + +} + +.brightspace-page h3 a { + + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + + +} + + + +.questions h3 { + font-size: 20px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-bottom: 0px; + +} + +.questions .text { + + font-size: 15px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-top: 0cm; + + + +} + +.questions .text a { + + font-size: 15px; + text-align: left; + font-family: 'Montserrat', sans-serif; + padding-top: 0cm; + + +} + diff --git a/src/rr_pages/cs-specific.jsx b/src/rr_pages/cs-specific.jsx new file mode 100644 index 00000000..4e34b72c --- /dev/null +++ b/src/rr_pages/cs-specific.jsx @@ -0,0 +1,119 @@ +import React from "react"; +import { Stack } from "@mui/material"; +import StickySideNav from "../StickySideNav"; +import "../Research.css" +import './cs-specific.css'; + +function csSpecific() { + + + return ( +
    + +
    + +
    +
    +

    CS-Specific Research

    +
    +

    Interested in doing undergraduate research related to your CS/DS/AI Degree but do not know where to start? Check out this list of helpful resources to learn more!

    +
    + + +
    + +
    + {/* Undergraduate Research Opportunities with CS Professor */} + Undergraduate Research Opportunities with CS Professor + +
    + +
    +

    Description: An updated list of research projects with CS professors who are seeking undergraduate researchers.

    +
    + +
    +

    How it can help: If you already have an interest in a specific research area or would like to work with a certain professor on a project.

    +
    + +
    + + +
    + +
    + {/* CS Departmental Research Areas */} + Undergraduate Research Opportunities with CS Professor + +
    + +
    +

    Description: A summary of the 14 major research areas within the CS Department and the supporting faculty for each.

    +
    + +
    +

    How it can help: If you do not have a specific research area or professor in mind yet but want to explore all the options available in the Department.

    +
    + +
    + + +
    + +
    + {/* Research Seminars */} + Research Seminars + +
    + +
    +

    Description: An updated list of various CS-Related seminar series and colloquiums.

    +
    + +
    +

    How it can help: If you want to hear about the latest CS Department research directly from faculty.

    +
    + +
    + + +
    + +
    + {/* Computational Science Undergrad Research Brightspace Page */} + Computational Science Undergrad Research Brightspace Page + +
    + +
    +

    Description: A list of all the undergraduate research programs that offer CS-related projects.

    +
    + +
    +

    How it can help: If you want an overview of all the possible CS-related research opportunities across the university .

    +
    +
    + + + + + +
    +

    + Need More Help? Schedule an Appointment! +

    +
    +

    Still have some questions that were not answered on this page or in our FAQ Section? + Schedule an Appointment with Amber Stanley + +

    +
    + +
    + +
    +     +
    + ); +} +export default csSpecific; \ No newline at end of file diff --git a/src/rr_pages/currProjects.jsx b/src/rr_pages/currProjects.jsx new file mode 100644 index 00000000..72187f68 --- /dev/null +++ b/src/rr_pages/currProjects.jsx @@ -0,0 +1,24 @@ +import React from "react"; +import { Stack } from "@mui/material"; +import "../Research.css" +import StickySideNav from "../StickySideNav"; + +function currProjects() { + + return ( +
    + +
    + +
    +
    +

    Current Projects

    +
    +     +
    + + ); + + +} +export default currProjects; \ No newline at end of file diff --git a/src/rr_pages/faq.jsx b/src/rr_pages/faq.jsx new file mode 100644 index 00000000..551d0aa4 --- /dev/null +++ b/src/rr_pages/faq.jsx @@ -0,0 +1,61 @@ +import React from "react"; +import Accordion from '@mui/material/Accordion'; +import AccordionDetails from '@mui/material/AccordionDetails'; +import AccordionSummary from '@mui/material/AccordionSummary'; +import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; +import Container from '@mui/material/Container'; +import Stack from '@mui/material/Stack' +import StickySideNav from "../StickySideNav"; + +const accordionData = [ + { title: 'Why should I join a research project?', content: 'A research project can provide you with a lot of experiences and skills. Similar to a job or internship, you will be working with different resources and technologies which you can use to gain experience and add to your resume. As well, you can explore other disciplines at Purdue like Biology, Astronomy, History, and much more!' }, + { title: 'How do I find a research project?', content: 'You can check out our page here to find more about all the possible opportunities available! We have listed the different research orgs/programs available. If you want to find a project on your own, you can search up professors working in the field in which you want to and email them with your CV/Resume and a message.' }, + { title: 'What is CS research?', content: 'CS Research can vary. It can be theoretical, analytical, or anything you can think of. Since CS is so versatile, it can be applied to any discipline. If you like digging into the theoretical concept of CS, that\'s a route that is available. Or if you like to leverage CS to discover trends, patterns, etc, that\'s also another route available. Depending on your preference, there is something for everyone in CS research' }, + { title: 'What are the different types of research I can be involved in?', content: 'At Purdue, there are a vast amount of openings for all different openings. You can do only coding, you can do hands-on work with tech, or you can do something not related to CS! It’s mainly about finding what kind of research you are interested in. Almost any type of research is available at Purdue.' }, + { title: 'Do I need a lot of experience to join a project?', content: 'Depending on the project, experience level may matter. However, for most projects, a lot of people are looking for motivated students. If you see a project and you believe you have relevant skills, you should definitely apply!' }, + { title: 'How can I present my research?', content: 'Purdue holds Undergraduate Research Conferences every semester for students to present their research. You can showcase your work in a panel or to judges walking by. As well, you can publish your completed Research Paper to the Journal of Purdue Undergraduate Research to make it available to the public.' }, + { title: 'Can I get credits/paid for my Research?', content: 'Yes! Some research projects require you to sign up for 1-3 credits to add to your schedule, and some may be transferable to your plan of study. Talk to your advisor more about whether credits from research can be applied towards your graduation. As well, you can get paid for some research projects. Make sure to read the description of the projects to see if they will pay you.' } +]; + +// This function maps the data from the accordionData array to a series of Accordion components. +function accordionMapper() { + return accordionData.map((data, index) => { + return ( + + } + aria-controls={`panel${index + 1}-content`} + id={`panel${index + 1}-header`} + style={{ fontFamily: 'Tahoma', color: 'white', fontWeight: 'bold' }} + > + {data.title} + + + + + + ); + }); +} + +function faq() { + return ( +
    + +
    + +
    +
    +

    Frequently Asked Questions

    + +
    + {accordionMapper()} +
    +
    +     +
    + ); + + +} +export default faq; \ No newline at end of file diff --git a/src/rr_pages/images/presenting_1.jpeg b/src/rr_pages/images/presenting_1.jpeg new file mode 100644 index 00000000..6e255595 Binary files /dev/null and b/src/rr_pages/images/presenting_1.jpeg differ diff --git a/src/rr_pages/images/presenting_2.jpg b/src/rr_pages/images/presenting_2.jpg new file mode 100644 index 00000000..d842d923 Binary files /dev/null and b/src/rr_pages/images/presenting_2.jpg differ diff --git a/src/rr_pages/presentingResearch.jsx b/src/rr_pages/presentingResearch.jsx new file mode 100644 index 00000000..bda748a5 --- /dev/null +++ b/src/rr_pages/presentingResearch.jsx @@ -0,0 +1,123 @@ +import React from "react"; +import { Stack } from "@mui/material"; +import StickySideNav from "../StickySideNav"; +import image1 from './images/presenting_1.jpeg'; +import image2 from './images/presenting_2.jpg'; +import "../Research.css" + +function PresentingResearch() { + // const imageContainerStyle = { + // display: 'flex', + // justifyContent: 'center', + // marginTop: '20px', + // marginBottom: '20px' + // }; + + const imageFrameStyle = { + // border: '2px solid #ccc', + // padding: '10px', + // margin: '10px', + width: '40%' + }; + + const captionStyle = { + fontSize: '14px', + color: '#666', + textAlign: 'center', + marginTop: '10px' + }; + + const sectionStyle = { + marginBottom: '20px', + display: 'flex', + alignItems: 'flex-start', + }; + + const textContentStyle = { + flex: 1, // Make the text take up the remaining space + marginRight: '20px' // Space between text and image + }; + + const highlightStyle = { + fontWeight: 'bold', + color: '#0066cc' + }; + + return ( +
    + +
    + +
    +
    +

    Share Your Research with the World!

    + +
    +
    +

    Are you ready to present your research and gain valuable feedback from your peers? Whether you're aiming for an audience of fellow students, faculty, or professionals, there are numerous ways to showcase your work at Purdue. Here are some great options:

    +
    +
    + +
    +
    +
    Undergraduate Research Conferences
    + These conferences are fantastic opportunities to present your research through poster presentations or talks. Get feedback, connect with other researchers, and gain experience in public speaking. +

    + Fall Undergraduate Research Expo: Nov. 19-26, 2024
    + Spring Undergraduate Research Conference: April 8-15, 2025
    + Summer Undergraduate Research Symposium: July 25, 2025
    + {/* These conferences are fantastic opportunities to present your research through poster presentations or talks. Get feedback, connect with other researchers, and gain experience in public speaking. */} +

    +
    + +
    + Research Posters +
    + Students presenting their research posters at the fall undergraduate research expo. +
    +
    +
    + +
    +
    +
    Journal of Purdue Undergraduate Research (JPUR)
    +

    Want to publish your work? The JPUR journal allows students to publish research snapshots or full articles, helping you share your findings with a wider audience.

    +

    Deadlines: Fall: Nov. 15 | Spring: Feb. 15

    +
    + +
    + JPUR Cover Page +
    + Research article cover page in JPUR journal, vol 13. "Machine Learning of Big Data: A Gaussian Regression Model to Predict" by Jerry Gu. +
    +
    + +
    + +
    +
    +
    Undergraduate Research Seminar Series
    +

    This series offers a range of resources and opportunities to share your work, attend presentations, and learn how to effectively market your research experiences.

    +

    Upcoming Event: Apr 24, 4pm - "Marketing Your Undergraduate Research Experiences"

    +
    +
    + +
    +
    +
    Need Help with Research Writing?
    +

    Writing about your research can be challenging, but these resources are here to help:

    +

    + Tips for Authors: Journal of Purdue Undergraduate Research
    + Purdue OWL: Online Writing Lab
    + Abstracts: Learn how to craft a powerful abstract
    + Writing a Research Paper: Step-by-step guides to make the process easier +

    +
    +
    +
    +     +
    + ); +} + +export default PresentingResearch; diff --git a/src/rr_pages/researchOrgs.jsx b/src/rr_pages/researchOrgs.jsx new file mode 100644 index 00000000..f75038c5 --- /dev/null +++ b/src/rr_pages/researchOrgs.jsx @@ -0,0 +1,63 @@ +import React from "react"; +import StickySideNav from "../StickySideNav"; +import Stack from '@mui/material/Stack'; +import "../Research.css" + +function researchOrgs() { + return ( +
    + +
    + +
    +
    +

    Research Organizations + Programs

    + +
    +
    Office of Undergraduate Research (OUR)
    +

    OUR provides a lot of great information on their webiste. A few places to start include the "Students” and "Conferences" tabs. + You can also Search Opportunities to find research opportunities available in the various colleges.

    +
    +
    +
    CURE-Purdue
    +

    The CURE-Purdue Program aims to encourage the incorporation of research into new and existing courses + through training and support in creating a course-based undergraduate research experience (CURE). + CUREs offer more students opportunities to engage in research with a Purdue faculty/staff instructor for credit.

    +
    +
    +
    John Martinson Honors College (JMHC)
    +

    Students in the JMHC have access to many different resources and opportunities related to research - + students may apply for grants, receive regular announcements about new research opportunities, + and join communities that cultivate exeriential learning in different interdisciplinary themes. + The Undergraduate Reseach Fellowship (URF) + matches students with a faculty advisor and graduate student mentor to introduce them to STEM research at Purdue. + Some of these resources are also available students outside of the JMHC.

    +
    +
    +
    Engineering Undergraduate Research Office (EURO)
    +

    EURO provides more information on many undergraduate research opportunities at Purdue, including the + First Time Researcher (FTR) Fellowship and the + Summer Undergraduate Research Fellowship (SURF). +

    +
    +
    +
    Discovery Undergraduate Interdiscipliniary Research Internship (DUIRI)
    +

    The DUIRI program gives students the opportunity to get involved in research combining two or more disciplinary strengths in + the innovative and entrepreneurial environment of Purdue's Discovery Park District.

    +
    +
    +
    Summer Research Opportunities Program (SROP)
    +

    The SROP is an 8-week program intended to give equal access and opportunities to underrepresented students, + preparing participants for their graduate studies.

    +
    +
    +
    Summer Stay Scholars
    +

    Through the Summer Stay Scholars program, students can combine coursework with a research or internship experience.

    +
    +
    +     +
    + ); + +} +export default researchOrgs;