diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 8e2a009..4e7cc01 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -86,15 +86,15 @@ export default function Navbar({ onOptionSelect }: any) { onClick={() => onOptionSelect("home")} > <Typography + id="mvhackstext" sx={{ color: "white", paddingLeft: "10%", - width: "100%", marginRight: "auto", }} level="h1" > - MVHacks 8.0 + MVHacks 8.0 </Typography> </Link> </Box> @@ -279,7 +279,7 @@ export default function Navbar({ onOptionSelect }: any) { justifyContent: "center", "&:hover": { backgroundColor: "black !important", - textDecoration:"none", + textDecoration: "none", }, }} > @@ -292,7 +292,7 @@ export default function Navbar({ onOptionSelect }: any) { }} level="h4" > - Apply + Alert </Typography> </Link> </List> @@ -387,11 +387,12 @@ export default function Navbar({ onOptionSelect }: any) { backgroundColor: "transparent", }, }} - href="https://docs.google.com/forms/d/e/1FAIpQLSefTr6730BXSMYYdAnDXS5hFu_NZ5FHyzNYkv2MYqZoxvkgyQ/viewform" + component="button" color="neutral" level="h3" underline="none" variant="plain" + onClick={() => onOptionSelect("info")} > <Typography sx={{ @@ -402,7 +403,7 @@ export default function Navbar({ onOptionSelect }: any) { }} level="h3" > - Apply + Info </Typography> </Link> <Link @@ -417,7 +418,7 @@ export default function Navbar({ onOptionSelect }: any) { level="h3" underline="none" variant="plain" - onClick={() => onOptionSelect("info")} + onClick={() => onOptionSelect("schedule")} > <Typography sx={{ @@ -428,7 +429,7 @@ export default function Navbar({ onOptionSelect }: any) { }} level="h3" > - Info + Schedule </Typography> </Link> <Link @@ -443,7 +444,7 @@ export default function Navbar({ onOptionSelect }: any) { level="h3" underline="none" variant="plain" - onClick={() => onOptionSelect("schedule")} + onClick={() => onOptionSelect("faqs")} > <Typography sx={{ @@ -454,7 +455,7 @@ export default function Navbar({ onOptionSelect }: any) { }} level="h3" > - Schedule + Faqs </Typography> </Link> <Link @@ -469,7 +470,7 @@ export default function Navbar({ onOptionSelect }: any) { level="h3" underline="none" variant="plain" - onClick={() => onOptionSelect("faqs")} + onClick={() => onOptionSelect("sponsor")} > <Typography sx={{ @@ -480,7 +481,7 @@ export default function Navbar({ onOptionSelect }: any) { }} level="h3" > - Faqs + Sponsors </Typography> </Link> <Link @@ -495,7 +496,7 @@ export default function Navbar({ onOptionSelect }: any) { level="h3" underline="none" variant="plain" - onClick={() => onOptionSelect("sponsor")} + onClick={() => onOptionSelect("team")} > <Typography sx={{ @@ -506,22 +507,28 @@ export default function Navbar({ onOptionSelect }: any) { }} level="h3" > - Sponsors + Team </Typography> </Link> <Link - style={{ margin: 10, color: "white", paddingLeft: 10 }} + style={{ + margin: 10, + color: "white", + paddingLeft: 10, + border: "2px solid white", + borderRadius: "5px", + }} sx={{ "&:hover": { backgroundColor: "transparent", + borderColor: "rgb(200,172,212)", }, }} - component="button" + href="https://docs.google.com/forms/d/e/1FAIpQLSefTr6730BXSMYYdAnDXS5hFu_NZ5FHyzNYkv2MYqZoxvkgyQ/viewform" color="neutral" level="h3" underline="none" variant="plain" - onClick={() => onOptionSelect("team")} > <Typography sx={{ @@ -532,7 +539,7 @@ export default function Navbar({ onOptionSelect }: any) { }} level="h3" > - Team + Alert </Typography> </Link> </Box> diff --git a/src/components/Team.tsx b/src/components/Team.tsx index 3c0c9dd..ad3b71b 100644 --- a/src/components/Team.tsx +++ b/src/components/Team.tsx @@ -30,8 +30,7 @@ const tech = [ const outreach = [ addPerson('Saahiti Bondalapati', 'https://i.imgur.com/16sqDdo.png', 'Outreach Director', 'saahiti@mvhacks.io', 'Email'), addPerson('Rohin Gupta', blank, 'Member', 'rohin@mvhacks.io','Email'), - addPerson('Nikita Narrang', 'https://i.imgur.com/QC4s8O0.jpeg', 'Member', 'nikita@mvhacks.io','Email'), - addPerson('Ishaan Sharma', blank, 'Member', 'alexm@mvhacks.io','Email'), + addPerson('Nikita Narang', 'https://i.imgur.com/QC4s8O0.jpeg', 'Member', 'nikita@mvhacks.io','Email'), addPerson('Mirabel Wang', blank, 'Member', 'mirabelw@mvhacks.io','Email') ]; diff --git a/src/index.css b/src/index.css index 0b7c8a0..ae09e70 100644 --- a/src/index.css +++ b/src/index.css @@ -12,7 +12,9 @@ code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } - +#mvhackstext { + font-size: clamp(16px, 5vw, 2.25rem); +} #footer { text-align: center; }