import React from "react";
import styled from "@emotion/styled";
import { Box, Container, Image, Grid, Heading, Link, Text } from "theme-ui";
import NextLink from "next/link";
import theme from "@hackclub/theme";
import Icon from "./icon";
const Base = styled(Box, { shouldForwardProp: (prop) => prop !== "dark" })`
background: ${(props) =>
props.dark
? `${theme.colors.darker} radial-gradient(${theme.colors.black} 1px, transparent 1px)`
: `${theme.colors.snow} url('/pattern.svg') repeat`};
${(props) =>
props.dark &&
`
background-size: ${theme.space[4]}px ${theme.space[4]}px;
`} @media print {
display: none;
}
`;
const Logo = (props) => (
);
const Service = ({ href, icon, name = "", ...props }) => (
);
const Footer = ({
dark = false,
email = "team@hackclub.com",
children = undefined,
...props
}) => (
{children}
div > a": {
display: "block",
mb: 2,
},
"h2,p": { color: "muted" },
h2: { fontSize: 3 },
"a,p": { fontSize: 2 },
}}
>
Hack Club
Philosophy
Our Team & Board
Jobs
Brand Guide
Press Inquiries
Donate
Resources
Community Events
Jams
Toolbox
Clubs Map
Code of Conduct
Privacy & Terms
1-855-625-HACK
(call toll-free)
© {new Date().getFullYear()} Hack Club. 501(c)(3) nonprofit (EIN:
81-2908499)
);
export default Footer;