frontend/src/components/Footer.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

import React from "react";
import styled from "styled-components";

const SpacedFooter = styled.div`
  & > p {
    font-size: 0.8em;
  }
  & a {
    color: ${(p) => p.theme.colors.text};
  }
`;

const Link = (props) => {
  return (
    <a href={props.link} target="_blank" rel="noopener noreferrer">
      {props.name}
    </a>
  );
};

const Footer = () => {
  return (
    <SpacedFooter>
      <p>
        (c) 2022 // <Link link="https://jzhao.xyz/" name="jacky" />,{" "}
        <Link link="https://ryanmehri.tech/" name="ryan" />
      </p>
    </SpacedFooter>
  );
};

export default Footer;