diff --git a/index.html b/index.html index f910683..9309586 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ - + -
- - About - -
{!fullSizePhoto && ( - React Fullstack Software Engineer + About Hello! I'm Elijah Parker, a fullstack software engineer from Utah. @@ -111,7 +106,7 @@ export default function About() { href="mailto:elijahglennparker@outlook.com" style={{ textDecoration: "none", fontSize: "14px" }} > - elijahglennparker@outlook.com + elijah@dunemask.net } /> diff --git a/src/pages/delta/Delta.jsx b/src/pages/delta/Delta.jsx index fdbc833..f176110 100644 --- a/src/pages/delta/Delta.jsx +++ b/src/pages/delta/Delta.jsx @@ -1,29 +1,29 @@ import React, { Suspense } from "react"; import Box from "@mui/material/Box"; import Header from "./Header.jsx"; -import Projects from "./Projects.jsx"; +import About from "./About.jsx"; +import Education from "./Education.jsx"; +import Experience from "./Experience.jsx"; import Contact from "./Contact.jsx"; //import Environments from "./Environments.jsx"; import ContentWrapper from "@components/ContentWrapper.jsx"; const Skills = React.lazy(() => import("./Skills.jsx")); const Social = React.lazy(() => import("./Social.jsx")); -const Education = React.lazy(() => import("./Education.jsx")); -const Experience = React.lazy(() => import("./Experience.jsx")); -const About = React.lazy(() => import("./About.jsx")); - +const Projects = React.lazy(() => import("./Projects.jsx")); export default function Delta() { return (
- - - - - - - + + + + + + + + diff --git a/src/pages/delta/ProjectTile.jsx b/src/pages/delta/ProjectTile.jsx index 086cf00..470bc74 100644 --- a/src/pages/delta/ProjectTile.jsx +++ b/src/pages/delta/ProjectTile.jsx @@ -1,10 +1,38 @@ import { useState } from "react"; import Box from "@mui/material/Box"; +import Chip from "@mui/material/Chip"; import useMediaQuery from "@mui/material/useMediaQuery"; import { useTheme } from "@mui/material/styles"; import Typography from "@mui/material/Typography"; import { SiGitea } from "react-icons/si"; +function ProjectLanguages(props) { + const { languages, smallMode } = props; + if (!languages || languages.length === 0) return; + return ( + + {languages.map((l, i) => ( + + ))} + + ); +} + export default function ProjectTile({ image, title, @@ -13,6 +41,7 @@ export default function ProjectTile({ disableGutter, openPhoto, link, + languages, }) { const theme = useTheme(); const smallMode = useMediaQuery(theme.breakpoints.down("md")); @@ -113,6 +142,7 @@ export default function ProjectTile({ {description} + ); diff --git a/src/pages/delta/Projects.jsx b/src/pages/delta/Projects.jsx index 4e6e631..55e94eb 100644 --- a/src/pages/delta/Projects.jsx +++ b/src/pages/delta/Projects.jsx @@ -32,6 +32,7 @@ export default function Projects() { year="2023" link="https://gitea.dunemask.dev/elysium/minecluster" openPhoto={openPhoto} + languages={["React", "Express", "Kubernetes"]} > Deploy and monitor MInecraft servers in your kubernetes cluster. Easily scales and provides a stateful experience to make managing multiple @@ -43,6 +44,7 @@ export default function Projects() { year="2022" link="https://gitea.dunemask.dev/elysium/qualiteer" openPhoto={openPhoto} + languages={["React", "Express", "Kubernetes", "PostgreSQL", "RabbitMQ"]} > Manage failing tests and silence unecessary alerts. Check the state of your services worldwide and improve developer confidence with a simple @@ -54,6 +56,7 @@ export default function Projects() { year="2021" link="https://gitea.dunemask.dev/elysium/khufu" openPhoto={openPhoto} + languages={["React", "Express"]} > Basic cloud file management built on React class components. Simple interface allows users to upload, delete, and multiple files. @@ -64,6 +67,7 @@ export default function Projects() { year="2020" link="https://gitea.dunemask.dev/dunemask/codepen" openPhoto={openPhoto} + languages={["HTML5", "CSS"]} > Visual replication of the website{" "} Simple media player built on javafx. Player supports media seeking, playback controls, and speed distortion. @@ -90,6 +95,7 @@ export default function Projects() { year="2018" link="https://gitea.dunemask.dev/dunemask/voxelcraft" openPhoto={openPhoto} + languages={["JavaFX"]} > Voxel game built on a simple rendering engine written with JavaFX. Generate your terrain and form your ideal world by exploring and diff --git a/src/pages/delta/Skills.jsx b/src/pages/delta/Skills.jsx index 882ffc1..8a586dc 100644 --- a/src/pages/delta/Skills.jsx +++ b/src/pages/delta/Skills.jsx @@ -160,12 +160,7 @@ export default function Skills() { flexWrap: "wrap", }} > - -
- - Pluralsight IQ - -
+