From efddf1bfe5ab2e4cfdf194f97c3b1d3900b15e68 Mon Sep 17 00:00:00 2001
From: Sam Poder <39828164+sampoder@users.noreply.github.com>
Date: Fri, 24 Feb 2023 09:09:01 +0800
Subject: [PATCH] Double pretty!
---
components/footer.js | 300 +++++++++++++++++++++++++------------------
1 file changed, 177 insertions(+), 123 deletions(-)
diff --git a/components/footer.js b/components/footer.js
index c68bbc3d..bd23450b 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -1,137 +1,191 @@
-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';
+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)`
- background: ${props => (props.dark ? `${theme.colors.darker} radial-gradient(${theme.colors.black} 1px, transparent 1px)` : `${theme.colors.snow} url('/pattern.svg') repeat`)};
+ 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 &&
- `
+ 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, 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
-
- Community Events
- Toolbox
- Clubs Map
- Code of Conduct
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 1-855-625-HACK
-
-
- (call toll-free)
-
-
-
-
-
- © {new Date().getFullYear()} Hack Club. 501(c)(3) nonprofit (EIN: 81-2908499)
-
-
-
-);
+
+
+ {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
+
+ Community Events
+ Toolbox
+ Clubs Map
+ 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;
+export default Footer