|
|
|
@ -29,140 +29,139 @@ export const Footer: FC = () => { |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
> |
|
|
|
|
<Flex |
|
|
|
|
sx={{ mt: '-2px !important' }} |
|
|
|
|
borderBottom={{ |
|
|
|
|
base: '2px solid', |
|
|
|
|
md: 'none' |
|
|
|
|
}} |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
> |
|
|
|
|
<Stack |
|
|
|
|
flex={1} |
|
|
|
|
color='brand.light.primary' |
|
|
|
|
_hover={{ |
|
|
|
|
textDecoration: 'none', |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
color: 'yellow.50 !important' |
|
|
|
|
}} |
|
|
|
|
justifyContent='center' |
|
|
|
|
borderRight='2px solid' |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
> |
|
|
|
|
<NextLink href={DOWNLOADS_PAGE} passHref> |
|
|
|
|
<Link _hover={{ textDecoration: 'none' }}> |
|
|
|
|
<Text textStyle='home-section-link-label'>DOWNLOADS</Text> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
|
<NextLink href={DOWNLOADS_PAGE} passHref> |
|
|
|
|
<Link |
|
|
|
|
flex={1} |
|
|
|
|
color='brand.light.primary' |
|
|
|
|
_hover={{ |
|
|
|
|
textDecoration: 'none', |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
color: 'yellow.50 !important' |
|
|
|
|
}} |
|
|
|
|
height='full' |
|
|
|
|
borderRight='2px solid' |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
> |
|
|
|
|
<Text textStyle='home-section-link-label'>DOWNLOADS</Text> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
|
|
|
|
|
<Stack |
|
|
|
|
flex={1} |
|
|
|
|
color='brand.light.primary' |
|
|
|
|
_hover={{ |
|
|
|
|
textDecoration: 'none', |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
color: 'yellow.50 !important' |
|
|
|
|
}} |
|
|
|
|
borderRight={{ |
|
|
|
|
base: 'none', |
|
|
|
|
md: '2px solid' |
|
|
|
|
}} |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
justifyContent='center' |
|
|
|
|
> |
|
|
|
|
<NextLink href={DOCS_PAGE} passHref> |
|
|
|
|
<Link _hover={{ textDecoration: 'none' }}> |
|
|
|
|
<Text textStyle='home-section-link-label'>DOCUMENTATION</Text> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
|
|
|
|
|
|
<NextLink href={DOCS_PAGE} passHref> |
|
|
|
|
<Link |
|
|
|
|
flex={1} |
|
|
|
|
color='brand.light.primary' |
|
|
|
|
_hover={{ |
|
|
|
|
textDecoration: 'none', |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
color: 'yellow.50 !important' |
|
|
|
|
}} |
|
|
|
|
height='full' |
|
|
|
|
borderRight={{ |
|
|
|
|
base: 'none', |
|
|
|
|
md: '2px solid' |
|
|
|
|
}} |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
> |
|
|
|
|
<Text textStyle='home-section-link-label'>DOCUMENTATION</Text> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Flex> |
|
|
|
|
|
|
|
|
|
<Flex sx={{ mt: '0 !important' }}> |
|
|
|
|
<Stack |
|
|
|
|
flex={1} |
|
|
|
|
data-group |
|
|
|
|
borderLeft={{ |
|
|
|
|
base: 'none', |
|
|
|
|
md: '2px solid', |
|
|
|
|
lg: 'none' |
|
|
|
|
}} |
|
|
|
|
borderColor='brand.light.primary !important' |
|
|
|
|
|
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
}} |
|
|
|
|
alignItems='center' |
|
|
|
|
> |
|
|
|
|
<NextLink href={GETH_TWITTER_URL} passHref> |
|
|
|
|
<Link isExternal p={4}> |
|
|
|
|
<TwitterIcon |
|
|
|
|
w={8} |
|
|
|
|
height={8}
|
|
|
|
|
_groupHover={{ |
|
|
|
|
svg: { |
|
|
|
|
path:{fill: 'yellow.50 !important'} |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
|
<Flex> |
|
|
|
|
<NextLink href={GETH_TWITTER_URL} passHref> |
|
|
|
|
<Link |
|
|
|
|
isExternal |
|
|
|
|
p={4} |
|
|
|
|
display='flex' |
|
|
|
|
flex={1} |
|
|
|
|
data-group |
|
|
|
|
borderLeft={{ |
|
|
|
|
base: 'none', |
|
|
|
|
md: '2px solid', |
|
|
|
|
lg: 'none' |
|
|
|
|
}} |
|
|
|
|
borderColor='brand.light.primary !important' |
|
|
|
|
|
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
}} |
|
|
|
|
justifyContent='center' |
|
|
|
|
> |
|
|
|
|
<TwitterIcon |
|
|
|
|
w={6} |
|
|
|
|
height={6} |
|
|
|
|
margin='auto' |
|
|
|
|
_groupHover={{ |
|
|
|
|
svg: { |
|
|
|
|
path:{fill: 'yellow.50 !important'} |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
|
|
|
|
|
<Stack |
|
|
|
|
data-group |
|
|
|
|
flex={1} |
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
}} |
|
|
|
|
alignItems='center' |
|
|
|
|
borderWidth='2px' |
|
|
|
|
borderStyle='none solid' |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
> |
|
|
|
|
<NextLink href={GETH_DISCORD_URL} passHref> |
|
|
|
|
<Link isExternal p={4}> |
|
|
|
|
<DiscordIcon |
|
|
|
|
w={8} |
|
|
|
|
height={8}
|
|
|
|
|
_groupHover={{ |
|
|
|
|
svg: { |
|
|
|
|
path:{fill: 'yellow.50 !important'} |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
|
<NextLink href={GETH_DISCORD_URL} passHref> |
|
|
|
|
<Link |
|
|
|
|
isExternal |
|
|
|
|
p={4}
|
|
|
|
|
data-group
|
|
|
|
|
display='flex' |
|
|
|
|
flex={1} |
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
}} |
|
|
|
|
justifyContent='center' |
|
|
|
|
borderWidth='2px' |
|
|
|
|
borderStyle='none solid' |
|
|
|
|
borderColor='brand.light.primary' |
|
|
|
|
> |
|
|
|
|
<DiscordIcon |
|
|
|
|
w={6} |
|
|
|
|
height={6}
|
|
|
|
|
_groupHover={{ |
|
|
|
|
svg: { |
|
|
|
|
path:{fill: 'yellow.50 !important'} |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
|
|
|
|
|
<Stack |
|
|
|
|
data-group |
|
|
|
|
flex={1} |
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
}} |
|
|
|
|
alignItems='center' |
|
|
|
|
> |
|
|
|
|
<NextLink href={GETH_REPO_URL} passHref> |
|
|
|
|
<Link isExternal p={4}> |
|
|
|
|
<GitHubIcon |
|
|
|
|
w={7} |
|
|
|
|
height={7}
|
|
|
|
|
_groupHover={{ |
|
|
|
|
svg: { |
|
|
|
|
path:{fill: 'yellow.50 !important'} |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
|
<NextLink href={GETH_REPO_URL} passHref> |
|
|
|
|
<Link |
|
|
|
|
isExternal |
|
|
|
|
p={4} |
|
|
|
|
data-group |
|
|
|
|
flex={1} |
|
|
|
|
display='flex' |
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'brand.light.primary', |
|
|
|
|
}} |
|
|
|
|
justifyContent='center' |
|
|
|
|
> |
|
|
|
|
<GitHubIcon |
|
|
|
|
w={6} |
|
|
|
|
height={6}
|
|
|
|
|
_groupHover={{ |
|
|
|
|
svg: { |
|
|
|
|
path:{fill: 'yellow.50 !important'} |
|
|
|
|
} |
|
|
|
|
}} |
|
|
|
|
/> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Flex> |
|
|
|
|
</Flex> |
|
|
|
|
|
|
|
|
|
<Stack |
|
|
|
|
p={4} |
|
|
|
|
sx={{ mt: '0 !important' }} |
|
|
|
|
textAlign='center' |
|
|
|
|
justifyContent='center' |
|
|
|
|
borderWidth='2px' |
|
|
|
|