Changing margins and adding general text

Signed-off-by: FordoA455 <milobylin@gmail.com>
mvhacks · Dec 10, 2024 · 50f656f · 50f656f
1 parent b48b3e5
commit 50f656f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/src/components/InfoPage.tsx b/src/components/InfoPage.tsx
@@ -31,7 +31,8 @@ export default function InfoPage() {
             "--Card-radius": "26px",
             display: "flex",
             flexDirection: "column",
-            width: "50%",
+            width: "40%",
+            marginLeft: "10%",
             backgroundColor: "black"
           }}>
             <CardContent sx={{alignItems: "center"}}>
@@ -48,8 +49,8 @@ export default function InfoPage() {
             "--Card-radius": "26px",
             display: "flex",
             flexDirection: "column",
-            width: "50%",
             marginLeft: "48%",
+            marginRight: "10%",
             marginTop: "100px",
             backgroundColor: "black"
           }}>
@@ -68,7 +69,9 @@ export default function InfoPage() {
             display: "flex",
             flexDirection: "column",
             marginTop: "100px",
-            width: "50%",
+            marginLeft: "10%",
+            marginBottom: "5%",
+            width: "40%",
             backgroundColor: "black"
           }}
         >
@@ -87,12 +90,13 @@ export default function InfoPage() {
             "--Card-padding": "16px",
             "--Card-radius": "26px",
             display: "flex",
+            margin: "0 10%",
             flexDirection: "column",
             backgroundColor: "black",
             padding: "5%"
           }}>
             <CardContent sx={{alignItems: "center"}}>
-              <Typography textColor={"#c8acd4"} level="h4">Where Boundaries Fade and Ideas Flourish</Typography>
+              <Typography textColor={"#c8acd4"} level="h2">Where Boundaries Fade and Ideas Flourish</Typography>
               <Typography textColor={"common.white"} level="body-md">MVHacks is proud to give a platform for aspiring tech enthusiasts to grow and learn by making unique projects that progress society.</Typography>
             </CardContent>
         </Card>
@@ -105,12 +109,12 @@ export default function InfoPage() {
             "--Card-radius": "26px",
             display: "flex",
             flexDirection: "column",
-            marginTop: "50px",
+            margin: "10% 10%" ,
             backgroundColor: "black",
             padding: "5%"
           }}>
             <CardContent sx={{alignItems: "center"}}>
-              <Typography textColor={"#c8acd4"} level="h4">Workshops and advice to help you grow</Typography>
+              <Typography textColor={"#c8acd4"} level="h2">Workshops and advice to help you grow</Typography>
               <Typography textColor={"common.white"} level="body-md">With specialized judges that are currently in the tech industry, at MVHacks you'll receive the best feedback to help you improve.</Typography>
             </CardContent>
         </Card>
@@ -123,13 +127,13 @@ export default function InfoPage() {
             "--Card-radius": "26px",
             display: "flex",
             flexDirection: "column",
-            marginTop: "50px",
+            margin: "10% 10%" ,
             backgroundColor: "black",
             padding: "5%"
           }}
         >
             <CardContent sx={{alignItems: "center"}}>
-              <Typography textColor={"#c8acd4"} level="h4">Real world collaboration and innovation</Typography>
+              <Typography textColor={"#c8acd4"} level="h2">Real world collaboration and innovation</Typography>
               <Typography textColor={"common.white"} level="body-md">The MVHacks schedule is currently in development, but expect team-building exercises, workshops, and challenges!</Typography>
             </CardContent>
         </Card>

diff --git a/src/components/Title.tsx b/src/components/Title.tsx
@@ -69,6 +69,11 @@ export default function Title() {
             </Typography>
           </Box>
         </Typography>
+        <Typography level="body-lg" variant="plain" textColor="common.white" sx={{maxWidth: "500px", marginLeft: "10%", marginBottom:"20px"}}>
+          Each year, high school hackers from across the Bay Area come together at MVHacks to create cool projects, learn from experts, and participate in 12 hours of hacking! Hackers of all skill levels are welcome to compete, individually or as a group. 
+          The date and time of this event are not finalized yet, but will be in Spring 2025 in the Bay Area.
+          <Typography level="title-lg" variant="plain" sx={{color: "rgb(150,122,162)"}}>*You can now sign up to be alerted when more details about MVHacks 8.0 are released by clicking the alert me button.</Typography>{' '}
+        </Typography>
       </div>
       <Button
         sx={{ borderRadius: "25px", marginLeft: "10%" }}