You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
carbon/components/Footer.js

80 lines
1.6 KiB
JavaScript

import React from 'react'
import Link from 'next/link'
import { COLORS } from '../lib/constants'
const Footer = () => (
<footer role="contentinfo" className="mt3">
<nav className="mt3">
<Link href="/about" prefetch={false}>
<a className="link" href="/about">
about
</a>
7 years ago
</Link>
<a
className="link"
href="https://opencollective.com/carbon-app"
target="_blank"
rel="noopener noreferrer"
>
sponsor
</a>
<a className="link" href="https://github.com/carbon-app/carbon/issues/new">
feedback
7 years ago
</a>
<a className="link" href="https://github.com/carbon-app/carbon">
7 years ago
source
</a>
<a className="link" href="/terms">
terms
</a>
<a className="link" href="/privacy">
privacy
</a>
</nav>
<div className="mt2 mb2">
created by{' '}
<a className="author-link" href="https://twitter.com/carbon_app">
@carbon_app
7 years ago
</a>{' '}
¬
</div>
<style jsx>
{`
footer {
font-size: 14px;
text-align: center;
}
footer > div {
text-align: center;
color: ${COLORS.GRAY};
}
nav {
margin: 0 auto;
}
a {
margin-right: 1rem;
}
a:last-child {
margin-right: 0;
}
.author-link {
color: ${COLORS.PRIMARY};
text-decoration: none;
}
7 years ago
.author-link:hover {
color: #fff;
}
`}
</style>
</footer>
)
export default Footer