diff --git a/2024/ellehacks2024/package-lock.json b/2024/ellehacks2024/package-lock.json
index db490051..e6aed52f 100644
--- a/2024/ellehacks2024/package-lock.json
+++ b/2024/ellehacks2024/package-lock.json
@@ -22,6 +22,8 @@
"@emotion/styled": "^11.11.0",
+ "@fontsource/space-grotesk": "^5.0.16",
+
"@mui/material": "^5.14.18",
"@mui/styled-engine-sc": "^6.0.0-alpha.6",
@@ -6466,6 +6468,16 @@
},
+ "node_modules/@fontsource/space-grotesk": {
+
+ "version": "5.0.16",
+
+ "resolved": "https://registry.npmjs.org/@fontsource/space-grotesk/-/space-grotesk-5.0.16.tgz",
+
+ "integrity": "sha512-z1QJtxH1EpbU/dljkwczvdZUSOEfzpnd5xrCzTCM/Ru+m3opmwHWTg2qHOaHUvBSD2iGy59hJazOYj27/F52uA=="
+
+ },
+
"node_modules/@grpc/grpc-js": {
"version": "1.9.13",
diff --git a/2024/ellehacks2024/package.json b/2024/ellehacks2024/package.json
index 88186d0e..3e6231f1 100644
--- a/2024/ellehacks2024/package.json
+++ b/2024/ellehacks2024/package.json
@@ -14,6 +14,8 @@
"@emotion/styled": "^11.11.0",
+ "@fontsource/space-grotesk": "^5.0.16",
+
"@mui/material": "^5.14.18",
"@mui/styled-engine-sc": "^6.0.0-alpha.6",
diff --git a/2024/ellehacks2024/src/App.js b/2024/ellehacks2024/src/App.js
index 3085ffac..590f5c21 100644
--- a/2024/ellehacks2024/src/App.js
+++ b/2024/ellehacks2024/src/App.js
@@ -7,6 +7,7 @@ import NavBar from './components/NavBar';
import Home from './components/Home';
import AboutUs from './components/AboutUs';
import JoinUS from './components/JoinUS';
+import Schedule from './components/Schedule';
import FAQ from './components/FAQ';
import Footer from './components/Footer';
import PreviousWinners from './components/PreviousWinners';
@@ -20,6 +21,7 @@ function App() {
+
diff --git a/2024/ellehacks2024/src/components/Home.js b/2024/ellehacks2024/src/components/Home.js
index 224487d6..4a7decb1 100644
--- a/2024/ellehacks2024/src/components/Home.js
+++ b/2024/ellehacks2024/src/components/Home.js
@@ -72,7 +72,7 @@ class Home extends Component {
diff --git a/2024/ellehacks2024/src/components/Schedule.jsx b/2024/ellehacks2024/src/components/Schedule.jsx
new file mode 100644
index 00000000..e1a1d976
--- /dev/null
+++ b/2024/ellehacks2024/src/components/Schedule.jsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import './schedule.css'
+import { schedules } from './schedules';
+import Card from 'react-bootstrap/Card';
+import '@fontsource/space-grotesk'
+import {v4 as uuidv4} from 'uuid';
+
+const Schedule = () => {
+
+ return (
+
+ Schedule
+
+
+ {schedules.map((schedule) => {
+ return (
+
+
+
+ {schedule.date}
+ {schedule.dayOfWeek}
+ {schedule.activities.map((activity) => {
+ return (
+
+
+
+
+
+
{activity.activityName}
+
+
+
+
+
+ );})}
+
+
+
+ );})}
+
+
+
+ )
+}
+
+export default Schedule
\ No newline at end of file
diff --git a/2024/ellehacks2024/src/components/schedule.css b/2024/ellehacks2024/src/components/schedule.css
new file mode 100644
index 00000000..0c2bcef2
--- /dev/null
+++ b/2024/ellehacks2024/src/components/schedule.css
@@ -0,0 +1,102 @@
+.title {
+ padding: 20px;
+ font-size: '4xl';
+ color: white;
+}
+
+.schedule-cards {
+ margin: auto;
+ width: 90%;
+}
+
+
+.date, .day, .agenda {
+ color: #712323;
+ font-family: 'Space Grotesk';
+}
+
+.date {
+ font-weight: medium;
+ font-size: 16px;
+}
+
+.day {
+ font-weight: bold;
+ font-size: 40px;
+}
+
+.agenda {
+ width: 100%;
+ display: block;
+ margin: auto;
+ padding: 1rem;
+}
+
+.gold-background {
+ margin-top: 8px;
+ background-color: rgba(255, 215, 0, 0.5);
+}
+
+.agenda-item {
+ display: flex;
+ margin: auto;
+ width: 95%;
+ bottom: 2rem;
+ border-bottom: 2px solid #853536;
+}
+
+.time {
+ width: 40%;
+ padding-top: 3px;
+ font-size: 12px;
+ font-weight: regular;
+}
+
+.agenda-time-location {
+ width: 100%;
+}
+
+.activity-name {
+ color: black;
+ font-size: 14px;
+ font-weight: bold;
+}
+
+.location {
+ color: black;
+ font-size: 10px;
+}
+
+.__row {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 2%;
+
+}
+
+@media screen and (max-width: 992px) {
+ /* Styles for medium screens */
+
+ .__row {
+ grid-template-columns: 1fr;
+ gap: 2rem;
+ }
+
+ .__col {
+ width: 75%;
+ margin: auto;
+ }
+}
+
+ @media screen and (max-width: 768px) {
+ /* Styles for small screens */
+
+ .__col {
+ width: 90%;
+ margin: auto;
+ }
+
+ .time {
+ width: 30%;
+ }
+}
\ No newline at end of file
diff --git a/2024/ellehacks2024/src/components/schedules.js b/2024/ellehacks2024/src/components/schedules.js
new file mode 100644
index 00000000..02302191
--- /dev/null
+++ b/2024/ellehacks2024/src/components/schedules.js
@@ -0,0 +1,224 @@
+export const schedules = [
+ {
+ date : 'Day 1 - Feb 17',
+ dayOfWeek : 'Friday',
+ activities : [
+ {
+ time : '3:30 PM - 5:30 PM',
+ activityName : 'Check-in',
+ location : 'LAS LOBBY',
+ isGold : false
+ },
+ {
+ time : '5:30 PM - 7:00 PM',
+ activityName : 'Opening Ceremony',
+ location : 'LAS A',
+ isGold : false
+ },
+ {
+ time : '7:00 PM - 10:00 PM',
+ activityName : 'Career Fair',
+ location : 'BERG LOBBY + EATERY',
+ isGold : false
+ },
+ {
+ time : '7:30 PM - 9:30 PM',
+ activityName : 'Dinner',
+ location : 'BERG 125',
+ isGold : false
+ },
+ {
+ time : '9:00 PM - 11:00 PM',
+ activityName : 'Speed Networking',
+ location : 'BERG LOBBY + EATERY',
+ isGold : false
+ },
+ {
+ time : '10:00 PM',
+ activityName : 'End-of-day Announcements',
+ location : 'DISCORD (VIRTUAL)',
+ isGold : false
+ },
+ // {
+ // time : '11:00 PM - 2:00 AM',
+ // activityName : 'Activity Session #1',
+ // location : 'BERG 125',
+ // isGold: false
+ // },
+ ],
+ },
+ {
+ date : 'Day 2 - Feb 18',
+ dayOfWeek : 'Saturday',
+ activities : [
+ {
+ time : '1:00 AM - 2:00 AM',
+ activityName : 'Midnight Snack',
+ location : 'BERG EATERY',
+ isGold : false
+ },
+ {
+ time : '2:00 AM - 8:00 AM',
+ activityName : 'Sleep',
+ location : 'BERG 313',
+ isGold : false
+ },
+ {
+ time : '8:00 AM',
+ activityName : 'Morning Announcements',
+ location : 'DISCORD (VIRTUAL)',
+ isGold : false
+ },
+ {
+ time : '8:00 AM - 10:00 AM',
+ activityName : 'Breakfast + Mentor Check-in',
+ location : 'BERG EATERY',
+ isGold : false
+ },
+ {
+ time : '10:00 AM- 11:00 AM',
+ activityName : 'Scotiabank Workshop',
+ location : 'BERG 217',
+ isGold : true
+ },
+ {
+ time : '11:00 AM - 11:30 AM',
+ activityName : 'Environics Analytics Workshop',
+ location : 'BERG 211, 213',
+ isGold : true
+ },
+ {
+ time : '1:00 PM - 2:00 PM',
+ activityName : 'Lunch',
+ location : 'BERG 125',
+ isGold : false
+ },
+ {
+ time : '2:00 PM - 3:00 PM',
+ activityName : 'Fireside Chat',
+ location : 'BERG EATERY',
+ isGold : false
+ },
+ {
+ time : '7:30 PM - 9:30 PM',
+ activityName : 'Dinner',
+ location : 'BERG 125 + EATERY',
+ isGold : false
+ },
+ {
+ time : '10:00 PM',
+ activityName : 'End-of-day Announcements',
+ location : 'DISCORD (VIRTUAL)',
+ isGold : false
+ },
+ {
+ time : '10:00 PM - 11:00 PM',
+ activityName : 'How to submit your project',
+ location : '(VIRTUAL)',
+ isGold : false,
+ },
+ {
+ time : '11:00 PM - 2:00 AM',
+ activityName : 'Activity Session #2',
+ location : 'BERG 125, 211, 213',
+ isGold : false
+ },
+ ],
+ },
+ {
+ date : 'Day 3 - Feb 19',
+ dayOfWeek : 'Sunday',
+ activities : [
+ {
+ time : '1:00 AM - 2:00 AM',
+ activityName : 'Midnight Snack',
+ location : 'BERG EATERY',
+ isGold : false
+ },
+ {
+ time : '2:00 AM - 8:00 AM',
+ activityName : 'Sleep',
+ location : 'BERG 313',
+ isGold : false
+ },
+ {
+ time : '8:00 AM',
+ activityName : 'Morning Announcements',
+ location : 'DISCORD (VIRTUAL)',
+ isGold : false
+ },
+ {
+ time : '8:00 AM - 10:00 AM',
+ activityName : 'Breakfast',
+ location : 'BERG EATERY',
+ isGold : false
+ },
+ {
+ time : '8:00 AM',
+ activityName : 'Project Submission Deadline',
+ location : '(VIRTUAL)',
+ isGold : false
+ },
+ {
+ time : '8:00 AM - 9:00 AM',
+ activityName : 'Judging Check-in',
+ location : 'BERG LOBBY',
+ isGold : false
+ },
+ {
+ time : '8:00 AM - 9:30 AM',
+ activityName : 'Judging Preparations',
+ location : 'BERG SANDBOX',
+ isGold : false
+ },
+ {
+ time : '9:30 AM - 11:00 AM',
+ activityName : 'Judging: Round 1',
+ location : 'BERG SANDBOX',
+ isGold : false
+ },
+ {
+ time : '9:30 AM - 11:00 AM',
+ activityName : 'Judging Activity',
+ location : 'BERG EATERY',
+ isGold : false
+ },
+ {
+ time : '11:00 AM - 11:30 AM',
+ activityName : 'Judging Preparations',
+ location : 'BERG SANDBOX',
+ isGold : false
+ },
+ {
+ time : '11:30 AM - 1:30 PM',
+ activityName : 'Judging: Round 2',
+ location : 'BERG SANDBOX',
+ isGold : false
+ },
+ {
+ time : '11:30 AM - 1:30 PM',
+ activityName : 'Judging Activity',
+ location : 'BERG EATERY',
+ isGold : false
+ },
+ {
+ time : '12:30 PM - 2:30 PM',
+ activityName : 'Lunch',
+ location : 'BERG 125',
+ isGold : false
+ },
+ // {
+ // time: '1:30 PM - 3:00 PM',
+ // activityName: 'Activity Session #3',
+ // location: 'BERG 125, 211, 213',
+ // isGold: false
+ // },
+ {
+ time : '3:00 PM - 5:00 PM',
+ activityName : 'Closing Ceremony',
+ location : 'LAS A',
+ isGold : false
+ },
+ ],
+ }
+];
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index db490051..e6aed52f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,8 @@
"@emotion/styled": "^11.11.0",
+ "@fontsource/space-grotesk": "^5.0.16",
+
"@mui/material": "^5.14.18",
"@mui/styled-engine-sc": "^6.0.0-alpha.6",
@@ -6466,6 +6468,16 @@
},
+ "node_modules/@fontsource/space-grotesk": {
+
+ "version": "5.0.16",
+
+ "resolved": "https://registry.npmjs.org/@fontsource/space-grotesk/-/space-grotesk-5.0.16.tgz",
+
+ "integrity": "sha512-z1QJtxH1EpbU/dljkwczvdZUSOEfzpnd5xrCzTCM/Ru+m3opmwHWTg2qHOaHUvBSD2iGy59hJazOYj27/F52uA=="
+
+ },
+
"node_modules/@grpc/grpc-js": {
"version": "1.9.13",
diff --git a/package.json b/package.json
index 88186d0e..3e6231f1 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,8 @@
"@emotion/styled": "^11.11.0",
+ "@fontsource/space-grotesk": "^5.0.16",
+
"@mui/material": "^5.14.18",
"@mui/styled-engine-sc": "^6.0.0-alpha.6",