+
+ {
+ content.reasons.map((paragraph) => (
+
+ ))
+ }
+
)
}
diff --git a/src/components/student-slide.js b/src/components/student-slide.js
new file mode 100644
index 0000000..2126eaa
--- /dev/null
+++ b/src/components/student-slide.js
@@ -0,0 +1,135 @@
+import React from 'react';
+import { Card, CardContent, CardActions, Typography } from '@mui/joy';
+import { Link } from './link'
+import { Button } from './button'
+
+export const StudentSlide = ({student}) => {
+ const {
+ student_name,
+ title,
+ project_description,
+ project_link_text,
+ project_link } = student
+
+ return (
+
+
+
+ {student_name}
+
+
+
+ {title}
+
+
+ {project_description}
+
+
+
+
+
+ )
+}
+
+
+export const MobileSlide = ({student}) => {
+ const {
+ student_name,
+ title,
+ semester,
+ project_description,
+ project_link_text,
+ project_link } = student
+
+ return (
+
+
+
+ {student_name}
+
+
+
+ {title}
+
+
+ {project_description}
+
+
+
+
+
+ )
+}
diff --git a/src/components/title-body-item.js b/src/components/title-body-item.js
new file mode 100644
index 0000000..618eb22
--- /dev/null
+++ b/src/components/title-body-item.js
@@ -0,0 +1,23 @@
+import React, { Fragment } from 'react'
+import Typography from '@mui/joy/Typography';
+
+export const TitleBodyItem = ({ item, color, ...props }) => {
+ return (
+
+ {item.title}
+ {item.description}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/vertical-tabs-list.js b/src/components/vertical-tabs-list.js
new file mode 100644
index 0000000..b40907f
--- /dev/null
+++ b/src/components/vertical-tabs-list.js
@@ -0,0 +1,65 @@
+import React, { Fragment } from 'react'
+import Typography from '@mui/joy/Typography';
+import Tabs from '@mui/joy/Tabs';
+import TabList from '@mui/joy/TabList';
+import Tab, { tabClasses } from '@mui/joy/Tab';
+import TabPanel from '@mui/joy/TabPanel';
+import List from '@mui/joy/List';
+import ListItem from '@mui/joy/ListItem';
+
+
+export const VerticalTabsList = ({programs}) => {
+
+ return (
+
+
+ {
+ programs.map((program)=> (
+ {program.title}
+ ))
+ }
+
+ {
+ programs.map((program, index) => (
+
+ {program.title}
+ {program.subtitle && (
+ {program.subtitle}
+ )}
+ {program.description}
+ {
+ program.offerings && (
+
+ Offerings:
+
+ {program.offerings.map((semester) => (
+ {semester}
+ ))}
+
+
+ )
+ }
+
+ )
+ )}
+
+ )
+}
\ No newline at end of file
diff --git a/src/content/images/home-hero.jpg b/src/content/images/home-hero.jpg
new file mode 100755
index 0000000..78dc8d2
Binary files /dev/null and b/src/content/images/home-hero.jpg differ
diff --git a/src/content/images/home-page-hero-image.png b/src/content/images/home-page-hero-image.png
new file mode 100644
index 0000000..c851ade
Binary files /dev/null and b/src/content/images/home-page-hero-image.png differ
diff --git a/src/content/images/interview-student-image.png b/src/content/images/interview-student-image.png
new file mode 100644
index 0000000..ee5b598
Binary files /dev/null and b/src/content/images/interview-student-image.png differ
diff --git a/src/content/images/positions-hero.jpg b/src/content/images/positions-hero.jpg
new file mode 100644
index 0000000..9f7f69f
Binary files /dev/null and b/src/content/images/positions-hero.jpg differ
diff --git a/src/content/images/resources-students.png b/src/content/images/resources-students.png
new file mode 100644
index 0000000..34d037c
Binary files /dev/null and b/src/content/images/resources-students.png differ
diff --git a/src/content/images/sample-star-showcase-image1.png b/src/content/images/sample-star-showcase-image1.png
new file mode 100644
index 0000000..51066b0
Binary files /dev/null and b/src/content/images/sample-star-showcase-image1.png differ
diff --git a/src/content/images/sample-star-showcase-image2.png b/src/content/images/sample-star-showcase-image2.png
new file mode 100644
index 0000000..568c692
Binary files /dev/null and b/src/content/images/sample-star-showcase-image2.png differ
diff --git a/src/content/images/staff-button-photo.png b/src/content/images/staff-button-photo.png
new file mode 100644
index 0000000..1139eb6
Binary files /dev/null and b/src/content/images/staff-button-photo.png differ
diff --git a/src/content/images/staff-hero.jpg b/src/content/images/staff-hero.jpg
new file mode 100755
index 0000000..2448451
Binary files /dev/null and b/src/content/images/staff-hero.jpg differ
diff --git a/src/content/images/staff-page-hero-image.png b/src/content/images/staff-page-hero-image.png
new file mode 100644
index 0000000..7bc48c3
Binary files /dev/null and b/src/content/images/staff-page-hero-image.png differ
diff --git a/src/content/images/star-ventures-image.png b/src/content/images/star-ventures-image.png
new file mode 100644
index 0000000..66c40e6
Binary files /dev/null and b/src/content/images/star-ventures-image.png differ
diff --git a/src/content/images/students-button-photo.png b/src/content/images/students-button-photo.png
new file mode 100644
index 0000000..d3c581e
Binary files /dev/null and b/src/content/images/students-button-photo.png differ
diff --git a/src/content/images/students-hero.jpg b/src/content/images/students-hero.jpg
new file mode 100755
index 0000000..f5c0fd9
Binary files /dev/null and b/src/content/images/students-hero.jpg differ
diff --git a/src/content/images/students-page-hero-image.png b/src/content/images/students-page-hero-image.png
new file mode 100644
index 0000000..33b02e6
Binary files /dev/null and b/src/content/images/students-page-hero-image.png differ
diff --git a/src/content/sections/about-star.yaml b/src/content/sections/about-star.yaml
index d338c2c..2616920 100644
--- a/src/content/sections/about-star.yaml
+++ b/src/content/sections/about-star.yaml
@@ -1,2 +1,15 @@
section_id: about-star
-blurb: Welcome to RENCI's STAR website, where both students and RENCI staff can find information and resources about our internship programs.
+blurb: >
+ STAR provides high school and college students the opportunity
+ to pursue their passion while engaging in meaningful data
+ science-related projects.
+bullets:
+ - item: Data Science
+ - item: Computer Science
+ - item: Business
+ - item: Finance
+ - item: Project Management
+ - item: Communications
+ - item: Research Science
+ - item: Cyberinfrastructure Security
+
diff --git a/src/content/sections/forms.yaml b/src/content/sections/forms.yaml
index 741004d..9312d14 100644
--- a/src/content/sections/forms.yaml
+++ b/src/content/sections/forms.yaml
@@ -1,8 +1,25 @@
section_id: forms
-forms:
- - name: Nostrud voluptate
- url: https://example.com/nostrud-voluptate.pdf
- - name: Lorem ipsum
- url: https://example.com/lorem-ipsum.pdf
- - name: Ut officia
- url: https://example.com/ut-officia.pdf
+title: "Staff Resources"
+sections:
+ - heading: "Requesting a STARship"
+ links:
+ - name: STARship Request Form
+ url: https://wkf.ms/3LdrJer
+ - heading: "Extending Your Student"
+ links:
+ - name: STARship Extension Request Form
+ url: https://wkf.ms/3MlK2Ps
+ - heading: "Preparing for Your Student"
+ links:
+ - name: Guidelines for Managing Students
+ url: https://docs.google.com/document/d/1fHsEqDMMCpjmHiiGthKPfsUuTGIlXawYT2J-cA7rSrE/edit#
+ - name: Onboarding Document Template
+ url: https://docs.google.com/document/d/1j9w2yb6lTPGsiD_7VEiFfX2ulcuTLdscmATMF5KYzqI/edit?usp=drive_link
+ - heading: "Other Resources"
+ links:
+ - name: STAR Ventures One-Pager
+ url: https://drive.google.com/file/d/1BDoEzeoXC0u_g65Bzc1TQlUfRpoBE5xT/view?usp=drive_link
+ - heading: "Managing Your Student"
+ links:
+ - name: STARship STAR Talk Guidelines
+ url: https://docs.google.com/document/d/1p20E9P-rZUjCoDAJCzGckRqPRxI18ldv85fUueLwxvc/edit?usp=drive_link
diff --git a/src/content/sections/important-dates.yaml b/src/content/sections/important-dates.yaml
index bc6ecdf..7518ac6 100644
--- a/src/content/sections/important-dates.yaml
+++ b/src/content/sections/important-dates.yaml
@@ -1,17 +1,43 @@
+
+
+# Instructions for editing this file
section_id: important-dates
+title: Important Dates
+date_titles:
+ date1: "Last Day to Submit an Internship Request Form for the Cohort"
+ date2: "Position Description Completed"
+ date3: "Hiring Decisions Completed"
+ date4: "Job Offer Decision Form Due"
+ date5: "Cohort Start Date"
+ date6: "Program Interim Survey Due"
+ date7: "Extension Request Form Due"
+ date8: "STAR Talk Week"
+ date9: "Last Day of Cohort"
+ date10: "Program Exit Survey Due"
+
+# Content managers edit below this line.
dates:
- - date: 2023-01-02
- title: Lorem ipsum ut
- description: >
- Lorem ipsum ut incididunt culpa adipisicing do enim anim voluptate quis
- duis adipisicing irure aute non occaecat magna.
- - date: 2023-01-03
- title: Consectetur et consequat
- description: >
- Lorem ipsum est sit dolore proident dolor mollit sed veniam est consequat
- quis et qui amet irure.
- - date: 2023-01-04
- title: Mollit qui anim
- description: >
- Cupidatat velit eiusmod officia aliquip consequat do commodo adipisicing
- ut amet et esse quis.
+ - semester: SUMMER 2024
+ semester_dates:
+ date1: "Friday, March 29, 2024"
+ date2: "Friday, April 12, 2024"
+ date3: "Friday, May 3, 2024"
+ date4: "Wednesday, May 8, 2024"
+ date5: "Friday, May 24, 2024"
+ date6: "Friday, July 5, 2024"
+ date7: "Friday, July 5, 2024"
+ date8: "Monday, July 29, 2024"
+ date9: "Friday, August 9, 2024"
+ date10: "Friday, August 9, 2024"
+ - semester: FALL 2024
+ semester_dates:
+ date1: "Friday, July 5, 2024"
+ date2: "Friday, July 19, 2024"
+ date3: "Friday, August 9, 2024"
+ date4: "Wednesday, August 14, 2024"
+ date5: "Friday, August 30, 2024"
+ date6: "Friday, October 25, 2024"
+ date7: "Friday, November 15, 2024"
+ date8: "Wednesday, November 20, 2024"
+ date9: "Wednesday, December 18, 2024"
+ date10: "Wednesday, December 18, 2024"
\ No newline at end of file
diff --git a/src/content/sections/interview-tips.yaml b/src/content/sections/interview-tips.yaml
index 62fad2e..21175bb 100644
--- a/src/content/sections/interview-tips.yaml
+++ b/src/content/sections/interview-tips.yaml
@@ -1,12 +1,35 @@
section_id: interview-tips
+title: Interview Tips
+featured_img: ../images/interview-student-image.png
+interviewPDF: https://docs.google.com/document/d/1AtVVAlbDIfQkyAuBpetb3L_H8I8yMm39YZ33j__i7_E/view
tips:
- - title: Before your interview
- description: Deserunt cupidatat non nulla aliqua occaecat duis ad labore aute fugiat minim eiusmod ea veniam laborum fugiat laborum.
- - title: During your interview
- description: Nulla excepteur qui in ullamco aute eu magna adipisicing veniam commodo esse in eu.
- - title: Ut exercitation
- description: Reprehenderit aliquip nisi ut amet non fugiat nisi proident aliquip esse nulla.
- - title: Commodo fugiat
- description: Non magna exercitation laborum dolor ut proident magna irure labore velit laboris nisi esse elit pariatur laborum nostrud.
- - title: After your interview
- description: Qui non labore aliquip dolore officia duis labore ut commodo ut.
+ - title: Before Your Interview
+ description: [
+ "Do your research: Use the company’s website (and other credible resources) to provide a solid understanding of the company’s goals (mission, vision, and values). During your interview, you can talk about overlapping passions and/or how your background aligns. ",
+ "Reread the job description: If needed, print it out and highlight or underline specific skills the employer is looking for. Prepare examples of how your past and current work aligns with the job requirements.",
+ "Prepare your answers to common questions: Be prepared to talk about yourself and why you’re a good fit for the role.",
+ "Practice: Use mock interviews with family or friends to practice answering questions. Try recording yourself to look for filler words such as “um,” “you know,” or “uh”.",
+ "Prepare a list of references: This may be a requirement before or after your interview, so it’s always important to be prepared ahead of time.",
+ "Prepare questions for your interviewers: Think of 3-5 questions that show you’ve done your research on the company and that you’re seriously interested in the role.",
+ "Plan your interview attire: Choose your outfit according to the role you’re applying for. If you’re unsure, you can ask your recruiter when the interview is being scheduled.",
+ "Get plenty of rest!"
+ ]
+ - title: Interview Day
+ description: [
+ "Bring copies of your resume: In case of multiple interviewers, take 3-5 copies in addition to your own. On your copy, highlight specific accomplishments for an easy reference.",
+ "Plan to arrive early: Map out your route and leave early in case there are unforeseen circumstances. For virtual interviews, join the meeting 5 minutes early.",
+ "Make a great first impression: Remember to smile! Make sure your clothes are free of stains, holes, pet hair, etc., and don’t over do it with colognes and perfumes.",
+ "Treat everyone with respect: Treat everyone you encounter as if they are the hiring manager.",
+ "Be positive and authentic: By being genuine, you become relatable and conversations become easy.",
+ "Respond truthfully: Focus on your key strengths and why your background makes you qualified for the position. Don’t be tempted to embellish your skills and accomplishments.",
+ "Take notes: Write notes on anything about the position or employer that wasn’t on the job description or company website. If it takes a second for you to respond because you are writing notes, don’t stress. Let the interviewer(s) know you are taking notes and appreciate their patience. ",
+ "Keep answers concise and focused: Try not to ramble. Practicing ahead of time will help with being focused.",
+ "Don’t speak negatively about past employers: Focus on experiences you’ve gained and what you want to accomplish next. If they ask you why you left, focus on the opportunities you are seeking, not the negativity you are leaving. ",
+ "Ask your own questions: Asking questions gives you a better sense of the company’s growth opportunities and culture, the manager’s leadership style, and whether the role/organization is the right fit for you.",
+ "Ask about next steps: Companies may have different timelines and requirements for interviewing and hiring. It’s important to know the process.",
+ "Thank them for their time: Show that you appreciate the opportunity to interview."
+ ]
+ - title: After Your Interview
+ description: [
+ "Send a follow up: Wait at least 24-48 business hours before sending a follow up/thank you email. This shows the interviewer that you are interested in the job. Be sure to take your time to write a well-organized email."
+ ]
diff --git a/src/content/sections/key-contacts.yaml b/src/content/sections/key-contacts.yaml
index 7ddb08e..c8d7b77 100644
--- a/src/content/sections/key-contacts.yaml
+++ b/src/content/sections/key-contacts.yaml
@@ -1,12 +1,13 @@
section_id: key-contacts
+title: Key Contacts
people:
- - name: Jane Doe
- description: Irure amet sint in eu mollit est enim et.
- - name: Jim Doe
- description: Fugiat cillum eu in duis tempor labore ut ea ea aute minim.
- - name: John Doe
- description: Esse mollit veniam cupidatat deserunt quis ut amet irure aliqua dolor eu cillum nisi velit id exercitation velit.
- - name: June Doe
- description: Sit in voluptate laborum nulla aliqua ex ad cupidatat aliquip enim adipisicing eu dolore nisi consequat.
- - name: Jean Doe
- description: Veniam amet quis voluptate enim cillum veniam excepteur eiusmod aliquip.
+ - name: Bryttany Todd
+ description: STAR Program Manager
+ - name: Ashley Hukins
+ description: STAR Project Coordinator
+ - name: Griffin Kay
+ description: STAR Program Associate
+ - name: Questions?
+ description: >
+ Contact the team at internships@renci.org or
+ join our slack channel, #star-program-info.
\ No newline at end of file
diff --git a/src/content/sections/process-overview.yaml b/src/content/sections/process-overview.yaml
index 670994a..85f25a9 100644
--- a/src/content/sections/process-overview.yaml
+++ b/src/content/sections/process-overview.yaml
@@ -1,8 +1,28 @@
section_id: process-overview
+title: Process Overview
steps:
- - title: Mollit nisi minim ut
- description: Magna cillum excepteur ex duis ex ea officia sit dolore amet excepteur quis. Incididunt ad dolore eu ut laborum aliqua fugiat excepteur est cillum do in sint.
- - title: Laborum ex tempor sint
- description: Ut cupidatat eu sunt ut duis laborum duis eiusmod esse culpa labore in esse. Laboris non voluptate amet aliquip dolore in dolor ea reprehenderit ex dolore laborum culpa qui ut.
- - title: Non culpa fugiat officia
- description: Sint non tempor ullamco do quis laborum laborum ut duis enim veniam reprehenderit voluptate sed aute. Magna sunt amet ex elit nostrud magna consequat exercitation id dolore.
+ - title: 'Step One: View Open Positions'
+ description: >
+ Explore open STARship opportunities on the “Positions” page
+ by reading a brief summary of the position and minimum requirements.
+ - title: 'Step Two: Apply'
+ description: >
+ By clicking “apply”, you are rerouted to the full position
+ description. Each position has different requirements, so review them
+ thoroughly. Then, submit the application accordingly.
+ - title: 'Step Three: Application Review'
+ description: >
+ The hiring committee reviews applications on a rolling basis. Each
+ team has their own procedures and timelines. A member of the STAR
+ team will reach out if you are chosen to move to the next round.
+ - title: 'Step Four: Interview'
+ description: >
+ Most STARships and programs require 1-2 interviews with the hiring
+ committee. Please come prepared and consider reviewing our Interview Tips.
+ - title: 'Step Five: Selection Process'
+ description: >
+ Each hiring committee will select the applicant(s) that best fits their
+ needs. If you are selected, you will be contacted by the STAR team who
+ will work with you to complete appropriate paperwork. While we would like
+ to provide everyone with a selection update, the volume of applicants may
+ prevent us from doing so.
\ No newline at end of file
diff --git a/src/content/sections/programs-overview.yaml b/src/content/sections/programs-overview.yaml
index 98ab450..68c9466 100644
--- a/src/content/sections/programs-overview.yaml
+++ b/src/content/sections/programs-overview.yaml
@@ -1,44 +1,88 @@
section_id: programs-overview
+title: Programs Overview
programs:
+ - title: STARship
+ program_id: 'starship'
+ subtitle: Undergraduate or Graduate Students
- title: STAR Ventures
- subtitle: Exercitation in ullamco amet fugiat enim magna proident
- description: Veniam cillum ut sed excepteur id sunt ullamco aliquip sunt esse adipisicing proident aliqua dolor aliquip dolor ea in. Nostrud aliqua ullamco commodo velit ut sed aute dolor tempor voluptate.
- offerings:
- - Summer
- - title: iRODS Summer Internship
- subtitle: Culpa in laborum anim id do magna fugiat
- description: Excepteur magna occaecat mollit eiusmod magna quis deserunt dolor aute. Elit aliqua duis labore officia ut voluptate cillum labore velit tempor sit incididunt.
- offerings:
- - Summer
- - title: Director's Internship
- subtitle: Lorem ipsum esse dolor eu ut est excepteur
- description: In esse sunt dolor non occaecat do nisi proident sunt proident quis cillum culpa dolor. Dolor adipisicing cillum ad ullamco ea aute consequat in quis reprehenderit irure quis.
- offerings:
- - title: RENCI Internship
- subtitle: Ea aute laboris consectetur fugiat non aliquip nisi
- description: Lorem ipsum consequat nulla laboris aute non fugiat irure sit velit elit quis mollit velit. Fugiat commodo ut sed cillum ut elit aliquip duis minim culpa sunt dolore.
- offerings:
- - Fall
- - Spring
- - Summer
- - title: Masters
- subtitle: Lorem ipsum consequat officia consectetur ut laboris velit
- description: Aliqua in reprehenderit dolor reprehenderit excepteur esse in incididunt nostrud. Deserunt dolore nulla cupidatat quis est nulla amet occaecat do consequat non laboris elit laboris sed laboris excepteur id.
- offerings:
- - Fall
- - Spring
- - Summer
- - title: PhD
- subtitle: Sunt duis ex proident id non amet in
- description: Aliqua ex amet sit nulla magna eiusmod eu ea ex in aliquip. Lorem ipsum proident esse non velit consectetur occaecat ullamco dolor aute dolore aliqua irure.
- offerings:
- - Fall
- - Spring
- - Summer
- - title: Affiliates
- subtitle: Voluptate sunt in nostrud laboris incididunt ut do
- description: Non laborum cupidatat veniam voluptate ea consectetur mollit dolor est enim cillum nostrud officia. Irure consequat proident commodo cupidatat culpa voluptate amet minim in sint ut culpa duis enim dolor nulla esse pariatur.
- offerings:
- - Fall
- - Spring
- - Summer
+ program_id: 'starventures'
+ subtitle: High School Students
+ - title: iRODS Internship
+ program_id: 'irods'
+ subtitle: Undergraduate and Graduate Students
+starShipContent:
+ program_id: 'starship'
+ description: >
+ STARships are an opportunity for undergraduate and graduate students
+ to gain experience through a tailor-made internship, working with
+ RENCI project teams to accomplish project milestones.
+ sections:
+ - heading: "What to Expect"
+ contentType: "ul"
+ content:
+ - title: "STARships vary in their length, from one semester to multiple semesters, depending on the project needs and student’s performance."
+ - title: "Typical skills developed: presentation skills, professional development, organizational skills, effective communication, and other project-specific skills."
+ - heading: "Previous STARships offered experience in:"
+ contentType: "ul"
+ content:
+ - title: "Software Development"
+ - title: "Web Application Construction"
+ - title: "Project Management"
+ - title: "Communications & Social Media"
+ - title: "Cloud Programming & Testing"
+ - heading: "Requirements"
+ contentType: "ul"
+ content:
+ - title: "Must be a current undergraduate or graduate student (at least half-time enrollment) at a college/university."
+ - title: "Must be available to work up to 20 hrs per week during Fall and/or Spring and up to 40 hrs per week during Summer."
+ - heading: "Student Responsibilities"
+ contentType: "button"
+ content:
+ - title: "New Student Responsibilities"
+ url: "https://docs.google.com/document/d/1vjrr349cRXTHq1ypr2jzQz5dZde67sB3xpvKm9Tgl7s/edit"
+ - title: "Extended Student Responsbilities"
+ url: "https://docs.google.com/document/d/1Q7imkLGgekCt7oWGqRJ1cXPglGhtCCvhUMxLPp9Suxc/edit"
+starVenturesContent:
+ program_id: 'starventures'
+ description: >
+ The STAR Ventures Summer Program helps high school students explore
+ various RENCI department roles and responsibilities and how they
+ contribute to research.
+ starVenturesImg: ../images/star-ventures-image.png
+ sections:
+ - heading: "Dates"
+ contentType: "ul"
+ content:
+ - title: "This year’s program will run from July 15 - August 2, 2024."
+ - title: "Registration is open from mid-April until spots are filled."
+ - heading: "Requirements"
+ contentType: "ul"
+ content:
+ - title: "Offered during the summer to rising high school juniors and seniors and rising college freshman."
+ - title: "Must be 15 - 17 years old at the time of the program."
+ - title: "Must be able to attend all in-person and virtual sessions during the entire program."
+ registrationLink: https://wkf.ms/43lvrK6
+ minorsNote: >
+ Note: RENCI values safety and security of all students. Minors and
+ their parents/guardians will be required to complete additional forms
+ if accepted into the program.
+irodsContent:
+ program_id: 'irods'
+ description: >
+ The iRODS Summer Internships is an opportunity for undergraduate and
+ graduate students to work in a production-quality software engineering
+ environment with global reach, mentorship, periodic code reviews, and
+ direct community feedback.
+ sections:
+ - heading: "Dates"
+ contentType: "ul"
+ content:
+ - title: "3 months during the summer"
+ - title: "Approximately June - August"
+ - heading: "Requirements"
+ contentType: "ul"
+ content:
+ - title: "Only offered during the summer to rising college freshman, undergraduate, and graduate students."
+ - title: "Must be 18 or older."
+ learnMoreLink: https://irods.org/2024/01/irods-internship-summer-2024/
+lowerBanner: ../images/resources-students.png
diff --git a/src/content/sections/project-showcase.yaml b/src/content/sections/project-showcase.yaml
deleted file mode 100644
index fe8d21d..0000000
--- a/src/content/sections/project-showcase.yaml
+++ /dev/null
@@ -1,17 +0,0 @@
-section_id: project-showcase
-projects:
- - student_name: Jane Doe
- student_photo: student-photo.jpg
- project_description: Irure adipisicing do officia excepteur consectetur elit ea non commodo eu occaecat aute velit dolore in proident.
- - student_name: John Doe
- student_photo: student-photo.jpg
- project_description: Laborum fugiat in laboris aliqua ut consectetur minim dolor dolor.
- - student_name: June Doe
- student_photo: student-photo.jpg
- project_description: Lorem ipsum id ut dolor nulla in cillum amet aliqua enim irure esse ut id cillum est aute reprehenderit.
- - student_name: Joan Doe
- student_photo: student-photo.jpg
- project_description: Ut dolor laboris officia aliquip aliqua labore dolore laborum.
- - student_name: Jim Doe
- student_photo: student-photo.jpg
- project_description: Consequat reprehenderit veniam sit cupidatat dolor sit dolor veniam eu sint minim esse veniam do ut sint deserunt.
diff --git a/src/content/sections/resources.yaml b/src/content/sections/resources.yaml
index 2a1fbb9..863ed30 100644
--- a/src/content/sections/resources.yaml
+++ b/src/content/sections/resources.yaml
@@ -1,8 +1,33 @@
section_id: resources
-links:
- - title: Lorem ipsum ut
- url: https://example.com/
- - title: Consectetur et consequat
- url: https://example.com/
- - title: Mollit qui anim
- url: https://example.com/
+title: Student Resources
+sections:
+ - heading: "STAR Slack Guidelines"
+ description: >
+ Slack is one of RENCI’s primary means of communication. This
+ document covers guidelines and expectations for using Slack
+ during your STARship.
+ links:
+ - title: Student Slack Rules and Guidelines
+ url: https://docs.google.com/document/d/1wy6qSVWKAolaisnt9EJW1YlLRwZkhClIcLXaw2nNC14/preview
+ - heading: "STAR Talk Resources"
+ description: >
+ Each STARship and STAR Ventures student will give a presentation
+ at the end of their session. Use these resources to help you
+ prepare for your STAR Talk. Note that the guidelines for STAR
+ Talks for STARships and STAR Ventures vary.
+ links:
+ - title: STARship Students
+ url: https://docs.google.com/document/d/1p20E9P-rZUjCoDAJCzGckRqPRxI18ldv85fUueLwxvc/edit?usp=drive_link
+ - title: STAR Ventures Students
+ url: https://docs.google.com/document/d/1kxRN48QsfMpfevdv5dchMNLeJq2H_8kIY4AtCXzPgaE/edit?usp=drive_link
+ - heading: "Want to stay connected?"
+ description: >
+ Fill out the Student Interest Form to stay connected with STAR
+ updates.
+ stayConnectedList:
+ - item: 'Alerts when new positions are posted'
+ - item: 'Upcoming events'
+ - item: 'Tips for successful internships'
+ - item: 'Program highlights'
+stayConnectedButtonText: "Stay Connected to the STARverse"
+stayConnectedButtonURL: http://bit.ly/STARInterestFormRENCI
diff --git a/src/content/sections/star-showcase.yaml b/src/content/sections/star-showcase.yaml
new file mode 100644
index 0000000..5d0f7ff
--- /dev/null
+++ b/src/content/sections/star-showcase.yaml
@@ -0,0 +1,40 @@
+section_id: star-showcase
+title: Projects in the STARlight
+students:
+ - student_name: Rio
+ title: STAR Intern
+ semester: Spring 2023
+ project_description: HEAL Publications Analysis
+ project_link_text: 'View Rio’s STAR Talk presentation'
+ project_link: https://drive.google.com/file/d/1HVsiv1XNZp0bGwVNfLhJeNbYc0iPdi5C/view?usp=sharing
+ - student_name: Kylie
+ title: STAR Intern
+ semester: Fall 2023
+ project_description: Digital Curation
+ project_link_text: 'View Kylie’s STAR Talk paper'
+ project_link: https://docs.google.com/document/d/1o89j0olyAqJbdMCzUs9YLKAMZf4beGdo/edit?usp=sharing&ouid=106015245864437093171&rtpof=true&sd=true
+ - student_name: Kieran, Ethan, and Anoop
+ title: STAR Ventures Participants
+ semester: Summer 23
+ project_description: 'Addressing the Opioid Crisis: The Solution to Over-Prescribing'
+ project_link_text: 'View their STAR Ventures presentation'
+ project_link: https://drive.google.com/file/d/1usViQQVO-lIPk6Qj2dothDt2n7MQph7X/view?usp=sharing
+ - student_name: Alok
+ title: STAR Intern
+ semester: Summer 2023
+ project_description: UI application for echocardiogram image segmentation
+ project_link_text: 'View Alok’s STAR Talk presentation'
+ project_link: https://drive.google.com/file/d/1hyh53AEuV3HYgxS-1zwN4wzq8kYDQ3c9/view?usp=drive_link
+ - student_name: Ganning
+ title: iRODS Intern
+ semester: Summer 2023
+ project_description: Zone Management Tool and NFSRODS
+ project_link_text: 'View Ganning’s TriRODS presentation'
+ project_link: https://youtu.be/Q0tSk0LExIk
+ - student_name: Jude
+ title: STAR Intern
+ semester: Summer 2023
+ project_description: Making multidimensional time series data more accessible with Python
+ project_link_text: 'View Jude’s STAR Talk presentation'
+ project_link: https://drive.google.com/file/d/1bBuSXnKxPXCirGRQPrTKBsOLm15r5jvA/view?usp=drive_link
+
diff --git a/src/content/sections/students-staff-ctas.yaml b/src/content/sections/students-staff-ctas.yaml
index 3a158bd..48d99d8 100644
--- a/src/content/sections/students-staff-ctas.yaml
+++ b/src/content/sections/students-staff-ctas.yaml
@@ -1,7 +1,7 @@
section_id: students-staff-ctas
students_cta:
title: Students
- background_image: mountain.jpg
+ background_image: students-button-photo.png
staff_cta:
title: Staff
- background_image: street.jpg
+ background_image: staff-button-photo.png
diff --git a/src/content/sections/testimonials.yaml b/src/content/sections/testimonials.yaml
index a569ff5..fff3179 100644
--- a/src/content/sections/testimonials.yaml
+++ b/src/content/sections/testimonials.yaml
@@ -1,9 +1,35 @@
section_id: testimonials
-title: What previous STARs say...
+title: STAR Tales
quotes:
- - quote: Commodo elit anim in aliqua culpa aute in sint eu in culpa id ut non cillum velit.
- attribution: Jane Doe
- - quote: Amet deserunt ea nisi quis non adipisicing in velit cupidatat reprehenderit.
- attribution: John Doe
- - quote: Dolore dolore ea commodo in amet ex aliqua enim laboris.
- attribution: June Doe
+ - quote: >
+ I accepted an offer to attend The University of Illinois
+ Urbana-Champaign. I ended up receiving an academic achievement
+ scholarship from UIUC. I couldn't have done it without RENCI's
+ intership experience.
+ attribution: Nalin (High School Intern)
+ - quote: >
+ Before my internship, I did not know/understand the effort that
+ went into project proposals and creating a DEI team. I have
+ thoroughly enjoyed all that I have been able to learn while
+ interning this semester.
+ attribution: Undergraduate Intern
+ - quote: >
+ I had a great experience as the RENCI Communications Team
+ intern! I feel like I learned a lot in terms of public relations
+ tasks and written materials.
+ attribution: Allison (Communications Intern)
+ - quote: >
+ The experience at RENCI is really great. I learned how to code
+ and manage projects professionally. My supervisor Yufeng is a
+ knowledgeable person and all my teammates are very helpful. The
+ weekly meeting really helped me to understand the whole project
+ and gave me a clear view of my current work.
+ attribution: Yifei (Research Assistant)
+ - quote: >
+ I learned more about the [Computer Science] and Data Science
+ field, especially how [Computer Science] can be related to many
+ other aspects of academia. Additionally, I learned that I don't
+ have to have a technical background to be in [Computer Science]
+ and how project management is a great way to contribute to the
+ team.
+ attribution: STAR Ventures Participant
diff --git a/src/content/sections/why-renci.yaml b/src/content/sections/why-renci.yaml
index 592218a..b68e9c6 100644
--- a/src/content/sections/why-renci.yaml
+++ b/src/content/sections/why-renci.yaml
@@ -1,11 +1,25 @@
section_id: why-renci
title: Why RENCI?
reasons:
- - title: Eu ut aute culpa
- description: Excepteur consectetur aliqua ea dolore irure ex qui est mollit commodo.
- - title: Qui proident irure ea
- description: Lorem ipsum nulla adipisicing aute aute ut commodo nulla sint ea tempor fugiat nostrud sint deserunt do commodo.
- - title: Eu nulla adipisicing ut
- description: Lorem ipsum occaecat elit dolore commodo non duis anim voluptate amet excepteur dolor pariatur deserunt dolor fugiat sit.
- - title: Elit id exercitation magna
- description: Voluptate in est exercitation do mollit incididunt culpa in veniam anim magna aliquip mollit excepteur culpa.
+ - title: Real World Impact
+ description: >
+ RENCI works on projects funded through the National Institutes of
+ Health (NIH), National Science Foundation (NSF), National Oceanic
+ and Atmospheric Administration (NOAA), and beyond. These projects
+ have real world impacts and include work to end the opioid crisis,
+ create better information sharing during pandemics, better
+ understand and model coastal hurricane impacts, provide more rapid
+ and effective treatment for heart, lung, blood, and sleep disorders,
+ and explore the future of the AI/data science revolution.
+ - title: People First Culture
+ description: >
+ RENCI puts people first, promoting learning, personal growth,
+ collaboration, flexibility, and work/life balance, and these
+ priorities extend to STAR students as well. We boast a diverse staff
+ and leadership that genuinely care about, support, and celebrate
+ individual and team successes equally. As a STAR student, you’ll find
+ that RENCI staff supports your professional goals, regardless of your
+ technical experience. We are proud to not only offer STARships within
+ our research teams, but we also provide opportunities within our
+ operational teams, such as Project Management, Communications,
+ Cyberinfrastructure Security, and more.
\ No newline at end of file
diff --git a/src/content/theme/index.yaml b/src/content/theme/index.yaml
index 3db3221..04be600 100644
--- a/src/content/theme/index.yaml
+++ b/src/content/theme/index.yaml
@@ -11,3 +11,13 @@ navigation:
path: /positions
footer:
copyright: RENCI
+ email: internships@renci.org
+ socials:
+ - name: Twitter
+ url: https://www.twitter.com/RENCI
+ - name: Facebook
+ url: https://www.facebook.com/renci.org
+ - name: LinkedIn
+ url: https://www.linkedin.com/company/65321
+ - name: YouTube
+ url: https://www.youtube.com/RENCIMedia
diff --git a/src/hooks/index.js b/src/hooks/index.js
index 0d24363..8b1b015 100644
--- a/src/hooks/index.js
+++ b/src/hooks/index.js
@@ -1,2 +1,3 @@
export * from './use-section-content'
export * from './use-scrolling'
+export * from "./use-window-width"
\ No newline at end of file
diff --git a/src/hooks/use-section-content.js b/src/hooks/use-section-content.js
index b6f8407..63e761c 100644
--- a/src/hooks/use-section-content.js
+++ b/src/hooks/use-section-content.js
@@ -4,73 +4,161 @@ import { graphql, useStaticQuery } from 'gatsby'
* This uses a static query to pull in all section content.
*
* @param {string} id The section identifier, `section_id`
- * @return {object} All content from the sectionsYaml returned corresponding to `id`
+ * @return {object} All sectionsYaml content
* */
-export const useSectionContent = id => {
- const content = useStaticQuery(graphql`
+export const useSectionContent = () => {
+ return useStaticQuery(graphql`
query AllSectionContentQuery {
AboutStar: sectionsYaml(section_id: { eq: "about-star" }) {
blurb
+ bullets {
+ item
+ }
}
Forms: sectionsYaml(section_id: { eq: "forms" }) {
- forms {
- name
- url
- }
+ title
+ sections {
+ heading
+ links {
+ name
+ url
+ }
+ }
}
- ImportantDates: sectionsYaml(section_id: { eq: "important-dates" }) {
- dates {
- date
- title
- description
+ ImportantDates: allImportantDate {
+ nodes {
+ id
+ name
+ audience
+ dates {
+ date
+ year
+ }
}
}
InterviewTips: sectionsYaml(section_id: { eq: "interview-tips" }) {
+ title
+ featured_img {
+ childImageSharp {
+ gatsbyImageData(
+ width: 800
+ height: 860
+ placeholder: BLURRED
+ formats: [AUTO, WEBP]
+ )
+ }
+ }
+ interviewPDF
tips {
title
description
}
}
KeyContacts: sectionsYaml(section_id: { eq: "key-contacts" }) {
+ title
people {
name
description
}
}
ProcessOverview: sectionsYaml(section_id: { eq: "process-overview" }) {
+ title
steps {
title
description
}
}
ProgramsOverview: sectionsYaml(section_id: { eq: "programs-overview" }) {
+ title
programs {
title
+ program_id
subtitle
+ }
+ starShipContent {
+ program_id
description
+ sections {
+ heading
+ contentType
+ content {
+ title
+ url
+ }
+ }
}
- }
- ProjectShowcase: sectionsYaml(section_id: { eq: "project-showcase" }) {
- projects {
- student_name
- student_photo {
+ starVenturesContent {
+ program_id
+ description
+ starVenturesImg {
childImageSharp {
gatsbyImageData(
- width: 1200
- height: 500
+ width: 1600
+ height: 700
placeholder: BLURRED
formats: [AUTO, WEBP]
)
}
}
+ sections {
+ heading
+ contentType
+ content {
+ title
+ }
+ }
+ registrationLink
+ minorsNote
+ }
+ irodsContent {
+ program_id
+ description
+ sections {
+ heading
+ contentType
+ content {
+ title
+ }
+ }
+ learnMoreLink
+ }
+ lowerBanner {
+ childImageSharp {
+ gatsbyImageData(
+ width: 2400
+ height: 500
+ placeholder: BLURRED
+ formats: [AUTO, WEBP]
+ )
+ }
+ }
+ }
+ StarShowcase: sectionsYaml(section_id: { eq: "star-showcase" }) {
+ title
+ students {
+ student_name
+ title
+ semester
project_description
+ project_link_text
+ project_link
}
}
Resources: sectionsYaml(section_id: { eq: "resources" }) {
- links {
- title
- url
+ title
+ sections {
+ heading
+ description
+ links {
+ title
+ url
+ }
+ stayConnectedList {
+ item
+ }
}
+ stayConnectedButtonText
+ stayConnectedButtonURL
}
StudentsStaffCtas: sectionsYaml(section_id: { eq: "students-staff-ctas" }) {
staff_cta {
@@ -79,7 +167,7 @@ export const useSectionContent = id => {
childImageSharp {
gatsbyImageData(
width: 600
- height: 300
+ height: 400
placeholder: BLURRED
formats: [AUTO, WEBP]
)
@@ -92,7 +180,7 @@ export const useSectionContent = id => {
childImageSharp {
gatsbyImageData(
width: 600
- height: 300
+ height: 400
placeholder: BLURRED
formats: [AUTO, WEBP]
)
@@ -101,12 +189,14 @@ export const useSectionContent = id => {
}
}
Testimonials: sectionsYaml(section_id: { eq: "testimonials" }) {
+ title
quotes {
quote
attribution
}
}
WhyRenci: sectionsYaml(section_id: { eq: "why-renci" }) {
+ title
reasons {
title
description
@@ -114,5 +204,4 @@ export const useSectionContent = id => {
}
}
`)
- return content[id]
}
\ No newline at end of file
diff --git a/src/hooks/use-window-width.js b/src/hooks/use-window-width.js
new file mode 100644
index 0000000..045c867
--- /dev/null
+++ b/src/hooks/use-window-width.js
@@ -0,0 +1,36 @@
+import { useState, useEffect } from "react";
+
+let defaultWidth;
+
+// This conditional makes the build work.
+// The browser handles this fine during development.
+// However, Node has no window object, so we check here to see if it exists.
+if (typeof window !== "undefined") {
+ defaultWidth = window.innerWidth;
+}
+
+const COMPACT_THRESHOLD = 899;
+
+export const useWindowWidth = (initialWidth = defaultWidth) => {
+ const [width, setWidth] = useState(initialWidth);
+ const [isCompact, setIsCompact] = useState(null);
+
+ useEffect(() => {
+ const determineCompactness = () => width < COMPACT_THRESHOLD;
+ setIsCompact(determineCompactness());
+ }, [width]);
+
+ useEffect(() => {
+ setWidth(typeof window !== "undefined" ? window.innerWidth : 0);
+ }, []);
+
+ useEffect(() => {
+ const handleResize = () => setWidth(window.innerWidth);
+ window.addEventListener("resize", handleResize);
+ return () => {
+ window.removeEventListener("resize", handleResize);
+ };
+ }, []);
+
+ return { width, isCompact };
+};
diff --git a/src/images/renci.png b/src/images/renci.png
new file mode 100644
index 0000000..ad4bffe
Binary files /dev/null and b/src/images/renci.png differ
diff --git a/src/images/star-logo-color.png b/src/images/star-logo-color.png
new file mode 100644
index 0000000..aa4dc64
Binary files /dev/null and b/src/images/star-logo-color.png differ
diff --git a/src/images/star-renci-logo-combined.png b/src/images/star-renci-logo-combined.png
new file mode 100644
index 0000000..4639c1b
Binary files /dev/null and b/src/images/star-renci-logo-combined.png differ
diff --git a/src/pages/home.yaml b/src/pages/home.yaml
index 94c5e08..8bd1ad6 100644
--- a/src/pages/home.yaml
+++ b/src/pages/home.yaml
@@ -2,13 +2,17 @@ title: Home
description: Qui in ea aute in dolor ut voluptate in laboris nisi.
path: /
hero:
- background_image: lake.jpg
- title: STAR
+ background_image: home-hero.jpg
+ title: Learning to Soar
+ titleColor: '#EDCB5B'
blurb: >
- Eiusmod nisi nisi excepteur commodo sed ut sunt sunt anim elit veniam cupidatat officia occaecat.
- Sit officia ut laborum velit irure elit amet proident commodo ut aliquip incididunt consequat incididunt sed.
+ Student Advancement at RENCI (STAR) helps the next generation
+ of thinkers bring their ideas to the table, build valuable skills,
+ and pursue professional growth. We are excited to engage with
+ curious, hard-working young professionals through STAR Internships
+ (STARships).
sections:
- about-star
- students-staff-ctas
- testimonials
- - project-showcase
+ - star-showcase
diff --git a/src/pages/positions.js b/src/pages/positions.js
index f89cf5e..d388a05 100644
--- a/src/pages/positions.js
+++ b/src/pages/positions.js
@@ -1,27 +1,66 @@
import React, { Fragment } from 'react'
-import { Sheet, Typography } from '@mui/joy'
+import { graphql, useStaticQuery } from 'gatsby'
+import { Stack, Typography } from '@mui/joy'
+import { Container } from '../components/container'
import { Seo } from '../components/seo'
+import { FiltersTray, PositionsList } from '../components/positions'
+import { Hero } from '../components/hero'
-const PositionsPage = () => (
-
-
-
- Positions
-
-
-)
+const PositionsPage = () => {
+
+ const PositionsHeroImg = useStaticQuery(graphql`
+ query positionsImgQuery {
+ allFile(filter: {relativePath: {eq: "positions-hero.jpg"}}) {
+ nodes {
+ childImageSharp {
+ gatsbyImageData(
+ width: 1200
+ height: 500
+ placeholder: BLURRED
+ formats: [AUTO, WEBP]
+ )
+ }
+ }
+ }
+ }
+ `)
+ const backgroundImg = PositionsHeroImg.allFile.nodes[0]
+
+ const PositionsHeroContent = {
+ "title": "Positions",
+ "background_image": backgroundImg,
+ "buttons": [
+ {
+ title: "Interview Tips",
+ url: "/students#interview-tips"
+ },
+ {
+ title: "Important Dates",
+ url: "/students#important-dates"
+ },
+ {
+ title: "Process Overview",
+ url: "/students#process-overview"
+ },
+ ]
+ }
+ return (
+
+
+
+
+ View Open Positions
+
+
+
+
+
+
+
+ )
+}
export default PositionsPage
diff --git a/src/pages/staff.yaml b/src/pages/staff.yaml
index a50379f..e706b94 100644
--- a/src/pages/staff.yaml
+++ b/src/pages/staff.yaml
@@ -1,12 +1,11 @@
title: Staff
path: /staff
-description: Sunt irure veniam cupidatat adipisicing cupidatat fugiat minim fugiat nisi pariatur aute ex fugiat duis.
+description: Develop next generation leaders by serving as a student's manager, mentor, or team member.
hero:
- background_image: terrain.jpg
+ background_image: staff-hero.jpg
title: Staff
blurb: >
- Reprehenderit mollit duis mollit commodo exercitation aliquip ut do commodo do irure.
- Lorem ipsum nisi nulla nulla laboris proident reprehenderit ex labore consequat do ut sint minim non.
+ Develop next generation leaders by serving as a student's manager, mentor, or team member.
sections:
- forms
- important-dates
diff --git a/src/pages/students.yaml b/src/pages/students.yaml
index 3b295e1..228352a 100644
--- a/src/pages/students.yaml
+++ b/src/pages/students.yaml
@@ -2,15 +2,15 @@ title: Students
description: Est in qui irure in aute occaecat laborum enim ut cillum sunt ullamco quis.
path: /students
hero:
- background_image: treetops.jpg
+ background_image: students-hero.jpg
title: Students
blurb: >
- Adipisicing tempor occaecat sunt cupidatat sint magn
- dolore et do dolore eiusmod exercitation minim in
+ Are you in high school or college? Explore your career interests through a RENCI STAR
+ internship in data and computer science, business and finance, communication and
+ design, the research sciences, and beyond.
sections:
- why-renci
- programs-overview
- - important-dates
- resources
- process-overview
- interview-tips
\ No newline at end of file
diff --git a/src/styles/theme.js b/src/styles/theme.js
new file mode 100644
index 0000000..6820f2c
--- /dev/null
+++ b/src/styles/theme.js
@@ -0,0 +1,53 @@
+import { extendTheme } from '@mui/joy/styles';
+
+const palette = {
+ light: {
+ palette: {
+ // affects all Joy components that has `color="primary"` prop.
+ primary: {
+ 50: '#b8eaff',
+ 100: '#92cce2',
+ 200: '#6caec6',
+ 300: '#529bb4',
+ 400: '#0592b1',
+ 500: '#04758e',
+ 600: '#035e72',
+ 700: '#022f39',
+ 800: '#022f39',
+ 900: '#01232b',
+ },
+ },
+ },
+}
+
+const theme = extendTheme({
+ colorSchemes: palette,
+ fontFamily: {
+ display: 'Inter, var(--joy-fontFamily-fallback)',
+ body: 'Inter, var(--joy-fontFamily-fallback)',
+ },
+ typography: {
+ h1: {
+
+ },
+ h2: {
+ paddingBottom: '1.75rem',
+ fontWeight: '500',
+ color: palette.light.palette.primary[700],
+ fontSize: '2rem',
+ letterSpacing: '0.2px'
+ },
+ h3: {
+ fontWeight: '500',
+ fontSize: '1.6rem',
+ letterSpacing: '0.1px'
+ },
+ h4: {
+ fontWeight: '500',
+ fontSize: '1.4rem'
+ }
+ },
+
+});
+
+export default theme
\ No newline at end of file
diff --git a/src/templates/page.js b/src/templates/stacked-page.js
similarity index 70%
rename from src/templates/page.js
rename to src/templates/stacked-page.js
index 9b1a857..1a02a51 100644
--- a/src/templates/page.js
+++ b/src/templates/stacked-page.js
@@ -1,14 +1,25 @@
-import React, { Fragment } from 'react'
+import React, { Fragment, useEffect } from 'react'
import { graphql } from 'gatsby'
import { Stack } from '@mui/joy'
+import { pascalCase } from 'change-case'
import * as Sections from '../components/sections'
import { Hero } from '../components/hero'
import { Seo } from '../components/seo'
-const { pascalCase } = require('change-case')
+import { useSectionContent } from '../hooks'
-const StackedPage = ({ data }) => {
+const StackedPage = ({ location, data }) => {
const { hero, sections, title, description } = data.content
const sectionFilenames = sections
+ const sectionContent = useSectionContent()
+
+ useEffect(() => {
+ window.scrollTo({ top: 0 })
+ if (!location.hash) {
+ return
+ }
+ const targetElement = document.getElementById(location.hash.slice(1))
+ targetElement.scrollIntoView({ behavior: 'smooth' })
+ }, [location.hash])
return (
@@ -22,10 +33,12 @@ const StackedPage = ({ data }) => {
sectionFilenames.map(componentFileName => {
const componentName = pascalCase(componentFileName)
const Component = Sections[componentName]
+ const content = sectionContent[componentName]
return (
)
})