diff --git a/components/footer.js b/components/footer.js index e9cc42ff..80a3398b 100644 --- a/components/footer.js +++ b/components/footer.js @@ -3,6 +3,9 @@ import gql from 'graphql-tag' import { Container } from 'react-bootstrap' import { CopyInput } from './form' import styles from './footer.module.css' +import Texas from '../svgs/texas.svg' +import Github from '../svgs/github-fill.svg' +import Twitter from '../svgs/twitter-fill.svg' export default function Footer () { const query = gql` @@ -15,10 +18,10 @@ export default function Footer () { return ( ) } diff --git a/styles/globals.scss b/styles/globals.scss index f848214e..99229a15 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -73,6 +73,16 @@ footer { width: 100%; align-items: center; justify-content: center; + margin: 1rem 0; + text-align: center; +} + +.text-twitter svg { + fill: #1da1f2 !important; +} + +.text-muted svg { + fill: #6c757d; } @media screen and (max-width: 767px) { diff --git a/svgs/texas.svg b/svgs/texas.svg new file mode 100644 index 00000000..76a92db5 --- /dev/null +++ b/svgs/texas.svg @@ -0,0 +1,3 @@ + + +