Merge branch 'master' of github.com:ethereum/geth-website into update-headings-letter-spacing

pull/26459/head^2
Nicolás Quiroz 2 years ago
commit 1ceee90202
  1. BIN
      public/favicon.ico
  2. BIN
      public/images/metadata-gopher.png
  3. 4
      public/vercel.svg
  4. 7
      src/components/UI/PageMetadata.tsx
  5. 36
      src/components/UI/downloads/SpecificVersionsSection.tsx
  6. 2
      src/pages/index.tsx
  7. 2
      src/theme/foundations/textStyles.ts

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

@ -1,4 +0,0 @@
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

@ -13,7 +13,7 @@ export const PageMetadata: React.FC<Props> = ({ title, description, image }) =>
const router = useRouter(); const router = useRouter();
const url = `${SITE_URL}${router.asPath}`; const url = `${SITE_URL}${router.asPath}`;
const fullTitle = `${title} | ${SITE_NAME}`; const fullTitle = `${title} | ${SITE_NAME}`;
const defaultOgImage = `${SITE_URL}/images/pages/gopher-downloads-front-light.svg`; // TODO: update with right image const defaultOgImage = `${SITE_URL}/images/metadata-gopher.png`;
const ogImage = !image ? defaultOgImage : `${SITE_URL}${image}`; const ogImage = !image ? defaultOgImage : `${SITE_URL}${image}`;
return ( return (
@ -43,7 +43,10 @@ export const PageMetadata: React.FC<Props> = ({ title, description, image }) =>
<meta name='twitter:description' content={description} /> <meta name='twitter:description' content={description} />
{/* patch to force a cache invalidation of twitter's card bot */} {/* patch to force a cache invalidation of twitter's card bot */}
<meta name='twitter:image' content={`${ogImage}/#`} /> <meta name='twitter:image' content={`${ogImage}/#`} />
<link rel='icon' href='/images/favicon.png' /> {/* viewport */}
<meta name='viewport' content='width=device-width, initial-scale=1' />
{/* favicon */}
<link rel='icon' type='image/x-icon' href='/favicon.ico' />
</Head> </Head>
); );
}; };

@ -1,4 +1,4 @@
import { Box, Flex, Image, Stack } from '@chakra-ui/react'; import { Box, Flex, Grid, GridItem, Image, Stack } from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
import { GopherHomeLinks } from '../svgs'; import { GopherHomeLinks } from '../svgs';
@ -8,24 +8,25 @@ interface Props {
export const SpecificVersionsSection: FC<Props> = ({ children }) => { export const SpecificVersionsSection: FC<Props> = ({ children }) => {
return ( return (
<Flex <Grid id='specificversions' templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={4}>
id='specificversions' <GridItem w='auto'>
border='2px' <Box h='100%'>
borderColor='primary' {/* TODO: replace with animated/video version */}
flexDir={{ base: 'column', md: 'row' }} <Stack
>
<Flex
p={4}
alignItems='center'
justifyContent='center' justifyContent='center'
borderBottom={{ base: '2px', md: 'none' }} alignItems='center'
borderRight={{ base: 'none', md: '2px' }} p={4}
borderColor='primary !important' border='2px solid'
flex='none' borderColor='primary'
h='100%'
> >
<GopherHomeLinks /> <GopherHomeLinks />
</Flex> </Stack>
<Flex flexDir='column'> </Box>
</GridItem>
<GridItem>
<Flex flexDir='column' border='2px solid' borderColor='primary' pb={6}>
<Stack p={4} borderBottom='2px' borderColor='primary' sx={{ mt: '0 !important' }}> <Stack p={4} borderBottom='2px' borderColor='primary' sx={{ mt: '0 !important' }}>
<Box as='h2' textStyle='h2'> <Box as='h2' textStyle='h2'>
Specific Versions Specific Versions
@ -33,6 +34,7 @@ export const SpecificVersionsSection: FC<Props> = ({ children }) => {
</Stack> </Stack>
{children} {children}
</Flex> </Flex>
</Flex> </GridItem>
</Grid>
); );
}; };

@ -142,7 +142,7 @@ const HomePage: NextPage = ({}) => {
</GridItem> </GridItem>
</Grid> </Grid>
<Grid templateColumns={{ base: 'repeat(1, 1fr)', md: '300px 1fr' }} gap={4}> <Grid templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={4}>
<GridItem w='auto'> <GridItem w='auto'>
<Box h='100%'> <Box h='100%'>
{/* TODO: replace with animated/video version */} {/* TODO: replace with animated/video version */}

@ -10,7 +10,7 @@ export const textStyles = {
h2: { h2: {
fontFamily: 'heading', fontFamily: 'heading',
fontWeight: 400, fontWeight: 400,
fontSize: '1.5rem', fontSize: { base: '1.5rem', md: '1.75rem' },
lineHeight: 'normal', lineHeight: 'normal',
letterSpacing: '0.04em', letterSpacing: '0.04em',
color: 'body' color: 'body'

Loading…
Cancel
Save