Jon's Portfolio

LIVE

- Used to create the smooth animation in the skills section:

<Marquee
      gradient={true}
      speed={30}
      pauseOnHover={true}
      pauseOnClick={true} 
      delay={0}
      play={true}
      direction="left"
    >
      {skillsData.map((skill, id) => (
        <div className="skill--box" key={id} style={skillBoxStyle}>
          <img src={skillsImage(skill)} alt={skill} />
          <h3 style={{ color: theme.tertiary }}>
            {skill}
          </h3>
        </div>
      ))}
    </Marquee>

- Used throughout to output plain html tags using plain html tags:

<Helmet>
  <title>{headerData.name} | Projects</title>
</Helmet>

Description

Welcome to my site, updated as of August 2022! I've added some more projects and implemented some more advanced features to the page! Enjoy and please contact me if you have a job opening for a full stack web developer!

Contact

Jon Christie

GitHub: mathcodes