[FEATURE] Add Resume Download Button

src/pages/delta/Contact.jsx

@@ -68,11 +68,13 @@ export default function Contact() {
               title="Email"
               info="elijahglennparker@outlook.com"
             />
-            {<ContactStrip
-              icon={PhoneIphoneIcon}
-              title="Text/Call"
-              info="+1 (385) 595 8161"
-            />}
+            {
+              <ContactStrip
+                icon={PhoneIphoneIcon}
+                title="Text/Call"
+                info="+1 (385) 595 8161"
+              />
+            }
           </Box>
           <Box
             className="messaging"

src/pages/resume/References.jsx

@@ -10,13 +10,13 @@ const people = [
     linkedin: "https://www.linkedin.com/in/ethan-maughan-87469214a",
     reference: `When I worked with Elijah he proved that he not only was incredibly driven and dedicated to the team, but also someone who can learn and adapt very quickly. He goes about each task with a "can do" mentality, and he helped us achieve team goals faster than expected more than once.`,
   },
-    {
+  {
     name: "Pedro Fajardo",
     title: "Team Lead, Podium",
     linkedin: "https://www.linkedin.com/in/pedrof-software-practitioner",
     reference: `A couple of year ago Elijah was an intern in my team. He is a skilled developer. On top of contributing by writing automated tests he alone developed an application to manage: Start, stop, monitor, and help debug the tests.
 
-I recommend anyone who wants a fast and extremely productive developer to hire Elijah.`
+I recommend anyone who wants a fast and extremely productive developer to hire Elijah.`,
   },
   {
     name: "Trevor Ah Sue",

src/pages/resume/Resume.jsx

@@ -1,26 +1,28 @@
 import React from "react";
-import { Link } from "react-router-dom";
+import Link from "@mui/material/Link";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import ContentWrapper from "../../components/ContentWrapper";
 import References from "./References.jsx";
 
+const resumeLink = "/portfolio/resume/Elijah%20Parker%20Resume.pdf";
+
 export default function Resume() {
   return (
     <Box id="resume">
       <ContentWrapper>
         <References />
-        {/*<Box sx={{ marginBottom: "4rem" }}>
+        <Box sx={{ marginBottom: "4rem" }}>
           <Typography
-            variant="h4"
+            variant="h5"
             sx={{ textDecoration: "none", color: "inherit" }}
             component={Link}
-            to="/portfolio/resume/Elijah%20Parker%20Resume.pdf"
+            href={resumeLink}
             download
           >
             Download Resume
           </Typography>
-        </Box>*/}
+        </Box>
       </ContentWrapper>
     </Box>
   );

vite.config.js

@@ -19,7 +19,7 @@ export default () => {
         "@": path.resolve("./src"),
         "@components": path.resolve("./src/components"),
         "@images": path.resolve("./src/images"),
-	"@css": path.resolve("./src/css")
+        "@css": path.resolve("./src/css"),
       },
     },
   });