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,
...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
Branding
Press Inquiries
Donate
Resources
Clubs Pizza Grant
Community Events
Jams
Toolbox
Clubs Directory
Code of Conduct
1-855-625-HACK
(call toll-free)
© {new Date().getFullYear()} Hack Club. 501(c)(3) nonprofit (EIN:
81-2908499)
)
export default Footer