diff options
| author | Michael Hunteman <michael@huntm.net> | 2024-03-26 18:09:04 -0700 |
|---|---|---|
| committer | Michael Hunteman <michael@huntm.net> | 2024-03-26 18:12:56 -0700 |
| commit | 32ade97a48d6ff2cc074d36038c4cdb89fc4fbb9 (patch) | |
| tree | 3b5a875411f2410b8dd425b121e22ec48ca9bee4 /src/components | |
| parent | d324b0d4c7600a57aad97d7bbb404a6b850af3bc (diff) | |
Add schedule
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Schedule.tsx | 90 | ||||
| -rw-r--r-- | src/components/active.css | 4 |
2 files changed, 89 insertions, 5 deletions
diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx index 64e4d1a..ef72769 100644 --- a/src/components/Schedule.tsx +++ b/src/components/Schedule.tsx @@ -1,8 +1,92 @@ +import { Container, Paper } from '@mui/material'; +import PlaceIcon from '@mui/icons-material/Place'; + function Schedule() { return ( - <> - <p>Location and attire</p> - </> + <Container + maxWidth="md" + style={{ + height: '80vh', + marginTop: 80, + display: 'flex', + justifyContent: 'center', + }} + > + <Paper + elevation={3} + style={{ + height: '50%', + width: '100%', + display: 'flex', + flexDirection: 'column', + alignItems: 'center', + }} + > + <div + style={{ + height: '100%', + width: '80%', + display: 'flex', + flexDirection: 'column', + justifyContent: 'center', + }} + > + <div + style={{ + height: '100%', + width: '100%', + display: 'flex', + alignItems: 'center', + }} + > + <div style={{ width: '35%' }}> + <h2>2:00 PM</h2> + </div> + <div style={{ width: '65%' }}> + <h2>Ceremony</h2> + <h3> + Divine Shepherd + <br /> + <a + href="https://maps.app.goo.gl/dGWvmjPiVjNGBVkZ9" + style={{ color: 'inherit', textDecoration: 'none' }} + > + 15005 Q St, Omaha, NE 68137 + <PlaceIcon /> + </a> + </h3> + </div> + </div> + <hr style={{ width: '100%' }} /> + <div + style={{ + height: '100%', + width: '100%', + display: 'flex', + alignItems: 'center', + }} + > + <div style={{ width: '35%' }}> + <h2>4:00 PM</h2> + </div> + <div style={{ width: '65%' }}> + <h2>Reception</h2> + <h3> + A Venue on the Ridge + <br /> + <a + href="https://maps.app.goo.gl/35RRqxzQdq6E4eSMA" + style={{ color: 'inherit', textDecoration: 'none' }} + > + 20033 Elkhorn Ridge Dr, Elkhorn, NE 68022 + <PlaceIcon /> + </a> + </h3> + </div> + </div> + </div> + </Paper> + </Container> ); } diff --git a/src/components/active.css b/src/components/active.css index b3841d1..e8b5f60 100644 --- a/src/components/active.css +++ b/src/components/active.css @@ -1,7 +1,7 @@ .active { - background-color: #1976d2; + background-color: #1976d2 } .inactive { - background-color: #c4c4c4; + background-color: #c4c4c4 } |