pull/26459/head^2
Paul Wackerow 2 years ago
parent 87f1d60428
commit 4e25c6bf94
No known key found for this signature in database
GPG Key ID: BB63E296FE9CAB8D
  1. 15
      src/components/UI/Header.tsx
  2. 10
      src/components/UI/downloads/DownloadsHero.tsx
  3. 11
      src/components/UI/icons/LinuxPenguin.tsx
  4. 9
      src/components/UI/icons/MacosLogo.tsx
  5. 11
      src/components/UI/icons/SourceBranch.tsx
  6. 11
      src/components/UI/icons/TwitterIcon.tsx
  7. 9
      src/components/UI/icons/WindowsLogo.tsx
  8. 48
      src/components/layouts/Footer.tsx
  9. 4
      src/pages/downloads.tsx

@ -9,12 +9,7 @@ export const Header: FC = () => {
const { colorMode, toggleColorMode } = useColorMode();
const isDark = colorMode === 'dark';
return (
<Flex
mb={4}
border='2px solid'
borderColor='primary'
justifyContent='space-between'
>
<Flex mb={4} border='2px solid' borderColor='primary' justifyContent='space-between'>
<Stack
p={4}
justifyContent='center'
@ -25,9 +20,7 @@ export const Header: FC = () => {
>
<NextLink href={'/'} passHref>
<Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='header-font'>
go-ethereum
</Text>
<Text textStyle='header-font'>go-ethereum</Text>
</Link>
</NextLink>
</Stack>
@ -108,12 +101,12 @@ export const Header: FC = () => {
borderColor='primary'
onClick={toggleColorMode}
>
{isDark ? <SunIcon color="primary" /> : <MoonIcon color="primary" />}
{isDark ? <SunIcon color='primary' /> : <MoonIcon color='primary' />}
</Box>
{/* HAMBURGER MENU */}
<Box p={4} display={{ base: 'block', md: 'none' }}>
<HamburgerIcon color="primary" />
<HamburgerIcon color='primary' />
</Box>
</Flex>
</Flex>

@ -2,7 +2,7 @@ import { Box, Button, Link, Stack, HStack, Text } from '@chakra-ui/react';
import { FC } from 'react';
import NextLink from 'next/link';
import { GopherDownloads } from '../svgs'
import { GopherDownloads } from '../svgs';
import { DOWNLOAD_HEADER_BUTTONS } from '../../../constants';
@ -33,7 +33,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({
return (
<Stack border='3px solid' borderColor='primary' py={4} px={4}>
<Stack alignItems='center'>
<GopherDownloads aria-label="Gopher plugged in" />
<GopherDownloads aria-label='Gopher plugged in' />
</Stack>
<Box mb={4}>
@ -58,7 +58,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({
</Text>
{Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => {
const { name, buildURL, Svg, ariaLabel } = DOWNLOAD_HEADER_BUTTONS[key];
const { name, buildURL, Svg, ariaLabel } = DOWNLOAD_HEADER_BUTTONS[key];
return (
<NextLink key={key} href={buildURL} passHref>
<Button as='a' variant='primary' width={{ base: '100%' }} p={8} mb={4}>
@ -67,9 +67,7 @@ export const DownloadsHero: FC<DownloadsHero> = ({
<Svg aria-label={ariaLabel} maxH={16} />
</Stack>
<Box>
<Text textStyle='downloads-button-label'>
For {name}
</Text>
<Text textStyle='downloads-button-label'>For {name}</Text>
<Text textStyle='downloads-button-label'>geth {currentBuildName}</Text>
</Box>
</HStack>

@ -7,10 +7,15 @@ const Icon = createIcon({
displayName: 'LinuxPenguin',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.305 28.2798C25.4843 27.6294 25.8036 26.1929 24.9516 25.4842C25.7768 20.5769 23.4638 16.2515 20.7061 13.4792C18.3916 11.1531 19.1378 8.88979 19.1378 6.93125C19.1378 3.80167 17.8231 0.5 13.8403 0.5C9.5829 0.5 8.41597 3.97083 8.37418 5.95125C8.27271 10.7083 9.35758 11.945 6.50887 15.4071C3.15729 19.4802 2.66335 23.5431 3.41992 25.6985C3.06626 26.101 2.58874 26.5473 1.69637 26.9163C-0.768819 27.9663 1.03829 29.7235 0.356336 30.9704C0.162343 31.3248 0.0698242 31.6952 0.0698242 32.0496C0.0698242 33.1433 0.959204 34.0898 2.57531 33.9483C4.75548 33.7588 6.76703 35.2681 8.06827 35.2681C9.2173 35.2681 10.1604 34.6294 10.5991 33.75C12.654 33.2556 15.1908 33.3183 17.2441 33.836C17.6127 34.8438 18.6125 35.5 19.7242 35.5C22.1581 35.5 22.6266 32.8035 25.4186 31.8906C26.4244 31.5625 26.9303 30.6088 26.9303 29.7206C26.9303 29.1519 26.7229 28.6108 26.305 28.2798ZM12.6554 13.0183C12.1794 13.0183 11.7855 12.6421 11.1632 12.19C10.3753 11.6183 9.57395 11.2888 9.58291 10.6879C9.58291 10.2752 10.1485 10.1483 10.8797 9.69479C11.6646 9.20917 11.9705 8.71625 12.7435 8.71625C13.5344 8.71625 13.7731 9.10708 14.8476 9.56063C15.9041 10.0083 16.6397 10.1833 16.6397 10.6879C16.6397 11.2056 15.534 11.576 14.9117 11.9538C13.997 12.505 13.5269 13.0183 12.6554 13.0183ZM15.14 5.41313C16.4562 5.61875 16.6039 7.87917 15.9742 8.99187L15.4445 8.78042C15.719 7.98854 15.7146 6.68479 14.7953 6.60167C14.2119 6.54917 13.8358 7.30167 13.7552 7.94625C13.5269 7.85292 13.2777 7.78583 12.9748 7.76104C13.0673 6.415 13.9567 5.22792 15.14 5.41313ZM10.0619 5.89583C11.0707 5.65083 11.6661 6.79708 11.6706 7.98854L11.208 8.26562C11.1453 7.76542 10.917 6.9575 10.344 7.12958C9.73064 7.31625 9.83062 8.70896 10.1723 8.99479L9.71572 9.24271C9.08897 8.21167 9.09046 6.13208 10.0619 5.89583ZM6.90581 33.9585C3.97653 32.6563 2.9812 32.9523 2.42161 32.9523C1.26213 32.9523 0.883099 32.1079 1.31884 31.3088C1.68891 30.6306 1.57401 29.9204 1.48298 29.3502C1.34271 28.4767 1.31734 28.1923 2.19628 27.816C3.41246 27.3115 3.95265 26.6625 4.35556 26.1769C5.48668 24.8104 6.62825 26.96 7.56389 28.8748C8.17124 30.1158 9.36653 30.7444 9.73512 32.1196C10.0739 33.3898 8.67562 34.746 6.90581 33.9585ZM17.3321 31.2256C15.2669 32.2071 12.636 32.6577 10.6678 31.6617C10.3768 30.8406 9.9112 30.3098 9.4098 29.776C10.2141 29.569 10.811 28.589 10.0962 27.6046C9.3337 26.5531 7.77579 25.8196 6.20147 24.6296C4.72862 23.5169 4.26304 20.7738 6.26862 17.7083C5.2912 20.4237 5.86273 22.9263 6.35368 23.6423C6.45515 22.2015 6.57155 19.7952 8.58608 16.9121C9.6023 15.4567 9.61723 13.5346 9.63961 12.3329L10.5648 12.9513C11.2453 13.4427 11.8153 13.9838 12.6331 13.9838C13.8418 13.9838 14.5103 13.3042 15.4415 12.7398C15.8056 12.521 16.3562 12.2994 16.8188 11.9917C17.5948 15.6025 20.8091 19.9454 20.9896 22.4188C21.7373 20.9137 20.7778 17.2942 20.7778 17.2942C22.0342 19.1681 22.1342 20.73 22.1894 22.6462C23.0684 22.9977 24.0115 23.9135 24.098 25.1196L23.7324 25.0788C23.5444 23.7385 19.8421 21.7698 19.5093 24.2927C17.7336 24.5567 18.3797 27.3056 18.0216 29.0877C17.8574 29.9029 17.553 30.5475 17.3321 31.2256ZM24.5636 31.1658C23.0937 31.72 22.1014 32.8969 21.4194 33.6275C20.1062 35.0363 18.3693 34.361 18.1842 33.0427C17.9887 31.634 18.7214 30.8654 19.0378 29.289C19.3258 27.8496 19.0035 25.6344 19.6809 25.3981C20.1212 27.9546 22.7639 26.8798 23.3668 26.1827C24.3472 26.1827 24.4293 26.5065 24.6486 27.4033C24.7859 27.9648 24.9754 28.4373 25.5112 28.9929C26.1349 29.6448 25.9439 30.6452 24.5636 31.1658ZM12.6256 12.1988C11.6541 12.1988 10.9274 11.5673 10.3365 11.0773C10.0336 10.8279 10.4111 10.3671 10.714 10.6179C11.2915 11.0963 11.8735 11.6023 12.6256 11.6023C13.5314 11.6023 14.3297 10.8454 15.4116 10.4283C15.7802 10.2869 15.9906 10.844 15.625 10.9854C14.5745 11.3894 13.7314 12.1988 12.6256 12.1988Z" fill="currentColor"/>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M26.305 28.2798C25.4843 27.6294 25.8036 26.1929 24.9516 25.4842C25.7768 20.5769 23.4638 16.2515 20.7061 13.4792C18.3916 11.1531 19.1378 8.88979 19.1378 6.93125C19.1378 3.80167 17.8231 0.5 13.8403 0.5C9.5829 0.5 8.41597 3.97083 8.37418 5.95125C8.27271 10.7083 9.35758 11.945 6.50887 15.4071C3.15729 19.4802 2.66335 23.5431 3.41992 25.6985C3.06626 26.101 2.58874 26.5473 1.69637 26.9163C-0.768819 27.9663 1.03829 29.7235 0.356336 30.9704C0.162343 31.3248 0.0698242 31.6952 0.0698242 32.0496C0.0698242 33.1433 0.959204 34.0898 2.57531 33.9483C4.75548 33.7588 6.76703 35.2681 8.06827 35.2681C9.2173 35.2681 10.1604 34.6294 10.5991 33.75C12.654 33.2556 15.1908 33.3183 17.2441 33.836C17.6127 34.8438 18.6125 35.5 19.7242 35.5C22.1581 35.5 22.6266 32.8035 25.4186 31.8906C26.4244 31.5625 26.9303 30.6088 26.9303 29.7206C26.9303 29.1519 26.7229 28.6108 26.305 28.2798ZM12.6554 13.0183C12.1794 13.0183 11.7855 12.6421 11.1632 12.19C10.3753 11.6183 9.57395 11.2888 9.58291 10.6879C9.58291 10.2752 10.1485 10.1483 10.8797 9.69479C11.6646 9.20917 11.9705 8.71625 12.7435 8.71625C13.5344 8.71625 13.7731 9.10708 14.8476 9.56063C15.9041 10.0083 16.6397 10.1833 16.6397 10.6879C16.6397 11.2056 15.534 11.576 14.9117 11.9538C13.997 12.505 13.5269 13.0183 12.6554 13.0183ZM15.14 5.41313C16.4562 5.61875 16.6039 7.87917 15.9742 8.99187L15.4445 8.78042C15.719 7.98854 15.7146 6.68479 14.7953 6.60167C14.2119 6.54917 13.8358 7.30167 13.7552 7.94625C13.5269 7.85292 13.2777 7.78583 12.9748 7.76104C13.0673 6.415 13.9567 5.22792 15.14 5.41313ZM10.0619 5.89583C11.0707 5.65083 11.6661 6.79708 11.6706 7.98854L11.208 8.26562C11.1453 7.76542 10.917 6.9575 10.344 7.12958C9.73064 7.31625 9.83062 8.70896 10.1723 8.99479L9.71572 9.24271C9.08897 8.21167 9.09046 6.13208 10.0619 5.89583ZM6.90581 33.9585C3.97653 32.6563 2.9812 32.9523 2.42161 32.9523C1.26213 32.9523 0.883099 32.1079 1.31884 31.3088C1.68891 30.6306 1.57401 29.9204 1.48298 29.3502C1.34271 28.4767 1.31734 28.1923 2.19628 27.816C3.41246 27.3115 3.95265 26.6625 4.35556 26.1769C5.48668 24.8104 6.62825 26.96 7.56389 28.8748C8.17124 30.1158 9.36653 30.7444 9.73512 32.1196C10.0739 33.3898 8.67562 34.746 6.90581 33.9585ZM17.3321 31.2256C15.2669 32.2071 12.636 32.6577 10.6678 31.6617C10.3768 30.8406 9.9112 30.3098 9.4098 29.776C10.2141 29.569 10.811 28.589 10.0962 27.6046C9.3337 26.5531 7.77579 25.8196 6.20147 24.6296C4.72862 23.5169 4.26304 20.7738 6.26862 17.7083C5.2912 20.4237 5.86273 22.9263 6.35368 23.6423C6.45515 22.2015 6.57155 19.7952 8.58608 16.9121C9.6023 15.4567 9.61723 13.5346 9.63961 12.3329L10.5648 12.9513C11.2453 13.4427 11.8153 13.9838 12.6331 13.9838C13.8418 13.9838 14.5103 13.3042 15.4415 12.7398C15.8056 12.521 16.3562 12.2994 16.8188 11.9917C17.5948 15.6025 20.8091 19.9454 20.9896 22.4188C21.7373 20.9137 20.7778 17.2942 20.7778 17.2942C22.0342 19.1681 22.1342 20.73 22.1894 22.6462C23.0684 22.9977 24.0115 23.9135 24.098 25.1196L23.7324 25.0788C23.5444 23.7385 19.8421 21.7698 19.5093 24.2927C17.7336 24.5567 18.3797 27.3056 18.0216 29.0877C17.8574 29.9029 17.553 30.5475 17.3321 31.2256ZM24.5636 31.1658C23.0937 31.72 22.1014 32.8969 21.4194 33.6275C20.1062 35.0363 18.3693 34.361 18.1842 33.0427C17.9887 31.634 18.7214 30.8654 19.0378 29.289C19.3258 27.8496 19.0035 25.6344 19.6809 25.3981C20.1212 27.9546 22.7639 26.8798 23.3668 26.1827C24.3472 26.1827 24.4293 26.5065 24.6486 27.4033C24.7859 27.9648 24.9754 28.4373 25.5112 28.9929C26.1349 29.6448 25.9439 30.6452 24.5636 31.1658ZM12.6256 12.1988C11.6541 12.1988 10.9274 11.5673 10.3365 11.0773C10.0336 10.8279 10.4111 10.3671 10.714 10.6179C11.2915 11.0963 11.8735 11.6023 12.6256 11.6023C13.5314 11.6023 14.3297 10.8454 15.4116 10.4283C15.7802 10.2869 15.9906 10.844 15.625 10.9854C14.5745 11.3894 13.7314 12.1988 12.6256 12.1988Z'
fill='currentColor'
/>
</svg>
)
});
export const LinuxPenguin: React.FC<IconProps> = (props) => <Icon h={h} w={w} color='bg' {...props} />; // #F0F2E2
export const LinuxPenguin: React.FC<IconProps> = props => (
<Icon h={h} w={w} color='bg' {...props} />
);

@ -7,10 +7,13 @@ const Icon = createIcon({
displayName: 'MacosLogo',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25.0003 22.0095C24.0178 24.8596 21.0764 29.906 18.0463 29.961C16.0363 29.9997 15.39 28.7697 13.0924 28.7697C10.7961 28.7697 10.0773 29.9235 8.17728 29.9985C4.96217 30.1222 -0.000488281 22.7145 -0.000488281 16.2543C-0.000488281 10.3203 4.13465 7.37899 7.74726 7.32524C9.68483 7.29024 11.5149 8.63153 12.6962 8.63153C13.8825 8.63153 16.105 7.01898 18.4414 7.25523C19.4189 7.29649 22.1652 7.649 23.9278 10.2266C19.2514 13.2792 19.9802 19.6631 25.0003 22.0095ZM18.4726 0C14.94 0.142505 12.0574 3.84887 12.4599 6.91397C15.725 7.16773 18.8576 3.50761 18.4726 0Z" fill="currentColor"/>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M25.0003 22.0095C24.0178 24.8596 21.0764 29.906 18.0463 29.961C16.0363 29.9997 15.39 28.7697 13.0924 28.7697C10.7961 28.7697 10.0773 29.9235 8.17728 29.9985C4.96217 30.1222 -0.000488281 22.7145 -0.000488281 16.2543C-0.000488281 10.3203 4.13465 7.37899 7.74726 7.32524C9.68483 7.29024 11.5149 8.63153 12.6962 8.63153C13.8825 8.63153 16.105 7.01898 18.4414 7.25523C19.4189 7.29649 22.1652 7.649 23.9278 10.2266C19.2514 13.2792 19.9802 19.6631 25.0003 22.0095ZM18.4726 0C14.94 0.142505 12.0574 3.84887 12.4599 6.91397C15.725 7.16773 18.8576 3.50761 18.4726 0Z'
fill='currentColor'
/>
</svg>
)
});
export const MacosLogo: React.FC<IconProps> = (props) => <Icon h={h} w={w} color='bg' {...props} />; // #F0F2E2
export const MacosLogo: React.FC<IconProps> = props => <Icon h={h} w={w} color='bg' {...props} />;

@ -7,10 +7,15 @@ const Icon = createIcon({
displayName: 'SourceBranch',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.875 4.125C21.875 2.12279 20.2522 0.5 18.25 0.5C16.2478 0.5 14.625 2.12279 14.625 4.125C14.625 5.72363 15.6654 7.06488 17.1021 7.547C17.3051 12.7368 14.66 13.3035 11.0628 14.0611C8.99779 14.4961 6.66208 14.9976 4.95833 16.5805V7.52767C6.36363 7.02863 7.375 5.70188 7.375 4.125C7.375 2.12279 5.75221 0.5 3.75 0.5C1.74779 0.5 0.125 2.12279 0.125 4.125C0.125 5.70188 1.13638 7.02863 2.54167 7.52767V22.4711C1.13638 22.9714 0.125 24.2981 0.125 25.875C0.125 27.8772 1.74779 29.5 3.75 29.5C5.75221 29.5 7.375 27.8772 7.375 25.875C7.375 24.3102 6.37933 22.9895 4.99096 22.482C5.31721 17.7429 8.09637 17.1557 11.5607 16.4258C15.2316 15.6525 19.7459 14.6834 19.5103 7.51196C20.889 6.99842 21.875 5.68254 21.875 4.125ZM1.575 4.125C1.575 2.92513 2.55013 1.95 3.75 1.95C4.94988 1.95 5.925 2.92513 5.925 4.125C5.925 5.32488 4.94988 6.3 3.75 6.3C2.55013 6.3 1.575 5.32488 1.575 4.125ZM5.925 25.875C5.925 27.0749 4.94988 28.05 3.75 28.05C2.55013 28.05 1.575 27.0749 1.575 25.875C1.575 24.6751 2.55013 23.7 3.75 23.7C4.94988 23.7 5.925 24.6751 5.925 25.875ZM18.25 6.3C17.0501 6.3 16.075 5.32488 16.075 4.125C16.075 2.92513 17.0501 1.95 18.25 1.95C19.4499 1.95 20.425 2.92513 20.425 4.125C20.425 5.32488 19.4499 6.3 18.25 6.3Z" fill="currentColor"/>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M21.875 4.125C21.875 2.12279 20.2522 0.5 18.25 0.5C16.2478 0.5 14.625 2.12279 14.625 4.125C14.625 5.72363 15.6654 7.06488 17.1021 7.547C17.3051 12.7368 14.66 13.3035 11.0628 14.0611C8.99779 14.4961 6.66208 14.9976 4.95833 16.5805V7.52767C6.36363 7.02863 7.375 5.70188 7.375 4.125C7.375 2.12279 5.75221 0.5 3.75 0.5C1.74779 0.5 0.125 2.12279 0.125 4.125C0.125 5.70188 1.13638 7.02863 2.54167 7.52767V22.4711C1.13638 22.9714 0.125 24.2981 0.125 25.875C0.125 27.8772 1.74779 29.5 3.75 29.5C5.75221 29.5 7.375 27.8772 7.375 25.875C7.375 24.3102 6.37933 22.9895 4.99096 22.482C5.31721 17.7429 8.09637 17.1557 11.5607 16.4258C15.2316 15.6525 19.7459 14.6834 19.5103 7.51196C20.889 6.99842 21.875 5.68254 21.875 4.125ZM1.575 4.125C1.575 2.92513 2.55013 1.95 3.75 1.95C4.94988 1.95 5.925 2.92513 5.925 4.125C5.925 5.32488 4.94988 6.3 3.75 6.3C2.55013 6.3 1.575 5.32488 1.575 4.125ZM5.925 25.875C5.925 27.0749 4.94988 28.05 3.75 28.05C2.55013 28.05 1.575 27.0749 1.575 25.875C1.575 24.6751 2.55013 23.7 3.75 23.7C4.94988 23.7 5.925 24.6751 5.925 25.875ZM18.25 6.3C17.0501 6.3 16.075 5.32488 16.075 4.125C16.075 2.92513 17.0501 1.95 18.25 1.95C19.4499 1.95 20.425 2.92513 20.425 4.125C20.425 5.32488 19.4499 6.3 18.25 6.3Z'
fill='currentColor'
/>
</svg>
)
});
export const SourceBranch: React.FC<IconProps> = (props) => <Icon h={h} w={w} color='bg' {...props} />; // #F0F2E2
export const SourceBranch: React.FC<IconProps> = props => (
<Icon h={h} w={w} color='bg' {...props} />
);

@ -2,10 +2,13 @@ import { createIcon } from '@chakra-ui/icons';
export const TwitterIcon = createIcon({
displayName: 'TwitterIcon',
viewBox:"0 0 28 22",
viewBox: '0 0 28 22',
path: (
<svg width="28" height="22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.7247 5.48279C24.7418 5.72341 24.7418 5.96407 24.7418 6.20469C24.7418 13.5437 19.1739 22 8.99749 22C5.86232 22 2.94989 21.089 0.5 19.5078C0.945449 19.5594 1.37371 19.5766 1.83629 19.5766C4.42319 19.5766 6.80458 18.7 8.70624 17.2047C6.27349 17.1531 4.23477 15.5547 3.53234 13.3547C3.87501 13.4062 4.21763 13.4406 4.57744 13.4406C5.07425 13.4406 5.57112 13.3718 6.03365 13.2516C3.49812 12.7359 1.5964 10.5016 1.5964 7.80312V7.73439C2.33305 8.14689 3.18973 8.4047 4.09766 8.43904C2.60717 7.44214 1.63068 5.7406 1.63068 3.81559C1.63068 2.78436 1.90474 1.83904 2.38447 1.01404C5.10848 4.38278 9.20305 6.58275 13.7944 6.82341C13.7087 6.41091 13.6573 5.98127 13.6573 5.55157C13.6573 2.49216 16.1244 0 19.191 0C20.7843 0 22.2233 0.670311 23.2341 1.75312C24.4847 1.51251 25.684 1.04843 26.7462 0.412503C26.335 1.70159 25.4613 2.78441 24.3135 3.47186C25.4271 3.35161 26.5064 3.04216 27.5 2.61252C26.7463 3.71247 25.804 4.69212 24.7247 5.48279Z" fill="currentColor"/>
<svg width='28' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M24.7247 5.48279C24.7418 5.72341 24.7418 5.96407 24.7418 6.20469C24.7418 13.5437 19.1739 22 8.99749 22C5.86232 22 2.94989 21.089 0.5 19.5078C0.945449 19.5594 1.37371 19.5766 1.83629 19.5766C4.42319 19.5766 6.80458 18.7 8.70624 17.2047C6.27349 17.1531 4.23477 15.5547 3.53234 13.3547C3.87501 13.4062 4.21763 13.4406 4.57744 13.4406C5.07425 13.4406 5.57112 13.3718 6.03365 13.2516C3.49812 12.7359 1.5964 10.5016 1.5964 7.80312V7.73439C2.33305 8.14689 3.18973 8.4047 4.09766 8.43904C2.60717 7.44214 1.63068 5.7406 1.63068 3.81559C1.63068 2.78436 1.90474 1.83904 2.38447 1.01404C5.10848 4.38278 9.20305 6.58275 13.7944 6.82341C13.7087 6.41091 13.6573 5.98127 13.6573 5.55157C13.6573 2.49216 16.1244 0 19.191 0C20.7843 0 22.2233 0.670311 23.2341 1.75312C24.4847 1.51251 25.684 1.04843 26.7462 0.412503C26.335 1.70159 25.4613 2.78441 24.3135 3.47186C25.4271 3.35161 26.5064 3.04216 27.5 2.61252C26.7463 3.71247 25.804 4.69212 24.7247 5.48279Z'
fill='currentColor'
/>
</svg>
)
});
});

@ -7,10 +7,13 @@ const Icon = createIcon({
displayName: 'WindowsLogo',
viewBox: `0 0 ${w} ${h}`,
path: (
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 12V3.354L10.5 1.999V12H0.5ZM11.5 12H24.5V0L11.5 1.807V12ZM10.5 13H0.5V20.646L10.5 22.001V13ZM11.5 13V22.194L24.5 24V13H11.5Z" fill="currentColor"/>
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
<path
d='M0.5 12V3.354L10.5 1.999V12H0.5ZM11.5 12H24.5V0L11.5 1.807V12ZM10.5 13H0.5V20.646L10.5 22.001V13ZM11.5 13V22.194L24.5 24V13H11.5Z'
fill='currentColor'
/>
</svg>
)
});
export const WindowsLogo: React.FC<IconProps> = (props) => <Icon h={h} w={w} color='bg' {...props} />; // #F0F2E2
export const WindowsLogo: React.FC<IconProps> = props => <Icon h={h} w={w} color='bg' {...props} />;

@ -8,23 +8,16 @@ import {
GETH_DISCORD_URL,
GETH_REPO_URL,
GETH_TWITTER_URL
} from '../../constants'
} from '../../constants';
import {
DiscordIcon,
GitHubIcon,
TwitterIcon
} from '../UI/icons';
import { DiscordIcon, GitHubIcon, TwitterIcon } from '../UI/icons';
export const Footer: FC = () => {
return (
<Flex
mt={4}
direction={{ base: 'column', lg: 'row'}}
>
<Flex mt={4} direction={{ base: 'column', lg: 'row' }}>
<Flex
direction={{ base: 'column', md: 'row'}}
justifyContent={{md: 'space-between'}}
direction={{ base: 'column', md: 'row' }}
justifyContent={{ md: 'space-between' }}
border='2px solid'
borderColor='primary'
>
@ -89,19 +82,14 @@ export const Footer: FC = () => {
}}
borderColor='primary !important'
_hover={{
bg: 'primary',
bg: 'primary'
}}
alignItems='center'
p={4}
>
<NextLink href={GETH_TWITTER_URL} passHref>
<Link isExternal>
<TwitterIcon
w={8}
height={8}
_groupHover={{ color: 'bg' }}
color='primary'
/>
<TwitterIcon w={8} height={8} _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</NextLink>
</Stack>
@ -110,7 +98,7 @@ export const Footer: FC = () => {
data-group
flex={1}
_hover={{
bg: 'primary',
bg: 'primary'
}}
alignItems='center'
borderWidth='2px'
@ -120,12 +108,7 @@ export const Footer: FC = () => {
>
<NextLink href={GETH_DISCORD_URL} passHref>
<Link isExternal>
<DiscordIcon
w={8}
height={8}
_groupHover={{ color: 'bg' }}
color='primary'
/>
<DiscordIcon w={8} height={8} _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</NextLink>
</Stack>
@ -134,19 +117,14 @@ export const Footer: FC = () => {
data-group
flex={1}
_hover={{
bg: 'primary',
bg: 'primary'
}}
alignItems='center'
p={4}
>
<NextLink href={GETH_REPO_URL} passHref>
<Link isExternal>
<GitHubIcon
w={7}
height={7}
_groupHover={{ color: 'bg' }}
color='primary'
/>
<GitHubIcon w={7} height={7} _groupHover={{ color: 'bg' }} color='primary' />
</Link>
</NextLink>
</Stack>
@ -168,5 +146,5 @@ export const Footer: FC = () => {
<Text textStyle='footer-text'>{`© 2013–${new Date().getFullYear()}. The go-ethereum Authors.`}</Text>
</Stack>
</Flex>
)
}
);
};

@ -4,7 +4,7 @@ import { useState } from 'react';
import { DownloadsHero, DownloadsSection, DownloadsTable } from '../components/UI/downloads';
import { DataTable } from '../components/UI';
import { GopherDownloads } from '../components/UI/svgs'
import { GopherDownloads } from '../components/UI/svgs';
import {
DEFAULT_BUILD_AMOUNT_TO_SHOW,
@ -56,7 +56,7 @@ const DownloadsPage: NextPage = () => {
sectionTitle='Specific Versions'
id='specificversions'
Svg={GopherDownloads}
ariaLabel="Gopher facing right"
ariaLabel='Gopher facing right'
>
<Stack p={4}>
<Text textStyle='quick-link-text'>

Loading…
Cancel
Save