interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge branch 'setupDocs' into codeSnippet

This commit is contained in:
Corwin Smith 2022-11-16 22:39:01 -07:00
parent 73454b0028 d39c1fde78
commit f380245ca0
10 changed files with 443 additions and 162 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
src/components/UI/downloads/DownloadsHero.tsx
View File

@ -1,11 +1,11 @@
import { Box, Button, Image, Link, Stack, HStack, Text } from '@chakra-ui/react'; import { Box, Center, Button, Grid, Image, Link, Stack, HStack, Text } from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
import NextLink from 'next/link'; import NextLink from 'next/link';
import { DOWNLOAD_HEADER_BUTTONS } from '../../../constants'; import { DOWNLOAD_HEADER_BUTTONS } from '../../../constants';
interface DownloadsHero { interface DownloadsHero {
currentBuildName: string; currentBuild: string;
currentBuildVersion: string; currentBuildVersion: string;
linuxBuildURL: string; linuxBuildURL: string;
macOSBuildURL: string; macOSBuildURL: string;
@ -15,7 +15,7 @@ interface DownloadsHero {
} }
export const DownloadsHero: FC<DownloadsHero> = ({ export const DownloadsHero: FC<DownloadsHero> = ({
currentBuildName, currentBuild,
currentBuildVersion, currentBuildVersion,
linuxBuildURL, linuxBuildURL,
macOSBuildURL, macOSBuildURL,
@ -29,61 +29,99 @@ export const DownloadsHero: FC<DownloadsHero> = ({
DOWNLOAD_HEADER_BUTTONS.sourceCode.buildURL = sourceCodeURL; DOWNLOAD_HEADER_BUTTONS.sourceCode.buildURL = sourceCodeURL;
return ( return (
<Stack border='3px solid' borderColor='brand.light.primary' py={4} px={4}> <Grid
<Stack alignItems='center'> border='3px solid'
<Image src='/images/pages/gopher-downloads-front-light.svg' alt='Gopher plugged in' /> borderColor='brand.light.primary'
</Stack> p={4}
templateColumns={{ base: 'repeat(1, 1fr)', lg: '1fr 430px' }}
<Box mb={4}> gap={4}
<Box as='h1' textStyle='h1'> >
Download go-ethereum <Stack>
</Box> <Grid
mb={4}
<Text templateColumns={{ base: 'repeat(1, 1fr)', md: '1fr 300px', lg: '1fr' }}
// TODO: move text style to theme gap={4}
fontFamily='"JetBrains Mono", monospace' p={4}
lineHeight='21px'
mb={8}
> >
{currentBuildName} ({currentBuildVersion}) <Stack>
</Text> <Box as='h1' textStyle='h1'>
Download go-ethereum
</Box>
<Text mb={4}> <Text
You can download the latest 64-bit stable release of Geth for our primary platforms below. // TODO: move text style to theme
Packages for all supported platforms, as well as develop builds, can be found further down fontFamily='"JetBrains Mono", monospace'
the page. If you&apos;re looking to install Geth and/or associated tools via your favorite lineHeight='21px'
package manager, please check our installation guide. mb={{ base: '4 !important', md: '8 !important' }}
</Text> >
{currentBuild}
</Text>
{Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => { <Text mb={4}>
return ( You can download the latest 64-bit stable release of Geth for our primary platforms
<NextLink key={key} href={DOWNLOAD_HEADER_BUTTONS[key].buildURL} passHref> below. Packages for all supported platforms, as well as develop builds, can be found
<Button as='a' variant='primary' width={{ base: '100%' }} p={8} mb={4}> further down the page. If you&apos;re looking to install Geth and/or associated tools
<HStack spacing={4}> via your favorite package manager, please check our installation guide.
<Stack alignItems='center'> </Text>
<Image </Stack>
src={DOWNLOAD_HEADER_BUTTONS[key].image}
alt={DOWNLOAD_HEADER_BUTTONS[key].imageAlt} <Stack
/> py={{ base: 0 }}
</Stack> px={{ base: 8 }}
<Box> flex={{ base: 'none' }}
<Text textStyle='downloads-button-label'> display={{ base: 'block', lg: 'none' }}
For {DOWNLOAD_HEADER_BUTTONS[key].name} order={{ base: -1, md: 1 }}
</Text> >
<Text textStyle='downloads-button-label'>geth {currentBuildName}</Text> <Center>
</Box> <Image
</HStack> src='/images/pages/gopher-downloads-front-light.svg'
</Button> alt='Gopher plugged in'
</NextLink> w={{ md: 72 }}
); />
})} </Center>
</Stack>
</Grid>
<Grid templateColumns={{ base: 'repeat(1, 1fr)', md: 'repeat(2, 1fr)' }} gap={4} mb={4}>
{Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => {
return (
<NextLink key={key} href={DOWNLOAD_HEADER_BUTTONS[key].buildURL} passHref>
<Button as='a' variant='downloadsHeader' width={{ base: '100%' }} h={16}>
<HStack spacing={4}>
<Stack alignItems='center'>
<Image
src={DOWNLOAD_HEADER_BUTTONS[key].image}
alt={DOWNLOAD_HEADER_BUTTONS[key].imageAlt}
h='44px'
/>
</Stack>
<Box>
<Text textStyle='downloads-button-label'>
For {DOWNLOAD_HEADER_BUTTONS[key].name}
</Text>
<Text textStyle='downloads-button-sublabel'>geth {currentBuildVersion}</Text>
</Box>
</HStack>
</Button>
</NextLink>
);
})}
</Grid>
<Box textAlign={'center'}> <Box textAlign={'center'}>
<Link href={releaseNotesURL} isExternal variant='light'> <Link href={releaseNotesURL} isExternal variant='light'>
Release notes for {currentBuildName} {currentBuildVersion} Release notes for {currentBuild}
</Link> </Link>
</Box> </Box>
</Box> </Stack>
</Stack>
<Center display={{ base: 'none', lg: 'flex' }}>
<Image
src='/images/pages/gopher-downloads-front-light.svg'
alt='Gopher plugged in'
w={96}
/>
</Center>
</Grid>
); );
}; };

43
src/components/UI/downloads/DownloadsSection.tsx
View File

@ -1,4 +1,4 @@
import { Box, Image, Stack } from '@chakra-ui/react'; import { Center, Flex, Image, Stack, Text } from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
interface Props { interface Props {
@ -6,10 +6,18 @@ interface Props {
id: string; id: string;
imgSrc?: string; imgSrc?: string;
imgAltText?: string; imgAltText?: string;
sectionDescription?: React.ReactNode;
sectionTitle: string; sectionTitle: string;
} }
export const DownloadsSection: FC<Props> = ({ children, imgSrc, imgAltText, sectionTitle, id }) => { export const DownloadsSection: FC<Props> = ({
children,
imgSrc,
imgAltText,
sectionDescription,
sectionTitle,
id
}) => {
return ( return (
<Stack border='2px solid' borderColor='brand.light.primary' id={id}> <Stack border='2px solid' borderColor='brand.light.primary' id={id}>
{!!imgSrc && ( {!!imgSrc && (
@ -19,18 +27,33 @@ export const DownloadsSection: FC<Props> = ({ children, imgSrc, imgAltText, sect
</Stack> </Stack>
)} )}
<Stack <Flex
p={4}
borderBottom='2px solid' borderBottom='2px solid'
borderColor='brand.light.primary' borderColor='brand.light.primary'
sx={{ mt: '0 !important' }} flexDirection={{ base: 'column', md: 'row' }}
> >
<Box as='h2' textStyle='h2'> <Flex p={4} sx={{ mt: '0 !important' }} flex='none'>
{sectionTitle} <Center>
</Box> <Text as='h2' textStyle='h2'>
</Stack> {sectionTitle}
</Text>
</Center>
</Flex>
<Stack spacing={4}>{children}</Stack> {sectionDescription && (
<Center
p={4}
borderLeft={{ base: 'none', md: '2px solid #11866f' }}
borderTop={{ base: '2px solid #11866f', md: 'none' }}
>
{sectionDescription}
</Center>
)}
</Flex>
<Stack spacing={4} sx={{ mt: '0 !important' }}>
{children}
</Stack>
</Stack> </Stack>
); );
}; };

42
src/components/UI/downloads/SpecificVersionsSection.tsx Normal file
View File

@ -0,0 +1,42 @@
import { Box, Flex, Image, Stack } from '@chakra-ui/react';
import { FC } from 'react';
interface Props {
children: React.ReactNode;
}
export const SpecificVersionsSection: FC<Props> = ({ children }) => {
return (
<Flex
id='specificversions'
border='2px solid'
borderColor='brand.light.primary'
flexDir={{ base: 'column', md: 'row' }}
>
<Flex
p={4}
alignItems='center'
justifyContent='center'
borderBottom={{ base: '2px solid #11866f', md: 'none' }}
borderRight={{ base: 'none', md: '2px solid #11866f' }}
flex='none'
>
{/* TODO: use NextImage */}
<Image src='/images/pages/gopher-home-side-desktop.svg' alt='Gopher facing right' />
</Flex>
<Flex flexDir='column'>
<Stack
p={4}
borderBottom='2px solid'
borderColor='brand.light.primary'
sx={{ mt: '0 !important' }}
>
<Box as='h2' textStyle='h2'>
Specific Versions
</Box>
</Stack>
{children}
</Flex>
</Flex>
);
};

1
src/components/UI/downloads/index.ts
View File

@ -1,3 +1,4 @@
export * from './DownloadsHero'; export * from './DownloadsHero';
export * from './DownloadsSection'; export * from './DownloadsSection';
export * from './DownloadsTable'; export * from './DownloadsTable';
export * from './SpecificVersionsSection';

2
src/components/UI/homepage/HomeHero.tsx
View File

@ -19,7 +19,7 @@ export const HomeHero: FC = () => {
textStyle='h1' textStyle='h1'
mb={{ base: 2, md: 4 }} mb={{ base: 2, md: 4 }}
textAlign={{ base: 'center', md: 'left' }} textAlign={{ base: 'center', md: 'left' }}
fontSize={{ base: '3rem', md: '6rem' }} fontSize={{ base: '5xl', md: '8xl' }}
lineHeight={{ md: '6rem' }} lineHeight={{ md: '6rem' }}
fontWeight='500' fontWeight='500'
> >

18
src/components/layouts/Footer.tsx
View File

@ -82,7 +82,7 @@ export const Footer: FC = () => {
}} }}
borderColor='brand.light.primary !important' borderColor='brand.light.primary !important'
_hover={{ _hover={{
bg: 'brand.light.primary', bg: 'brand.light.primary'
}} }}
alignItems='center' alignItems='center'
p={4} p={4}
@ -91,10 +91,10 @@ export const Footer: FC = () => {
<Link isExternal> <Link isExternal>
<TwitterIcon <TwitterIcon
w={8} w={8}
height={8} height={8}
_groupHover={{ _groupHover={{
svg: { svg: {
path:{fill: 'yellow.50 !important'} path: { fill: 'yellow.50 !important' }
} }
}} }}
/> />
@ -106,7 +106,7 @@ export const Footer: FC = () => {
data-group data-group
flex={1} flex={1}
_hover={{ _hover={{
bg: 'brand.light.primary', bg: 'brand.light.primary'
}} }}
alignItems='center' alignItems='center'
borderWidth='2px' borderWidth='2px'
@ -118,10 +118,10 @@ export const Footer: FC = () => {
<Link isExternal> <Link isExternal>
<DiscordIcon <DiscordIcon
w={8} w={8}
height={8} height={8}
_groupHover={{ _groupHover={{
svg: { svg: {
path:{fill: 'yellow.50 !important'} path: { fill: 'yellow.50 !important' }
} }
}} }}
/> />
@ -133,7 +133,7 @@ export const Footer: FC = () => {
data-group data-group
flex={1} flex={1}
_hover={{ _hover={{
bg: 'brand.light.primary', bg: 'brand.light.primary'
}} }}
alignItems='center' alignItems='center'
p={4} p={4}
@ -142,10 +142,10 @@ export const Footer: FC = () => {
<Link isExternal> <Link isExternal>
<GitHubIcon <GitHubIcon
w={7} w={7}
height={7} height={7}
_groupHover={{ _groupHover={{
svg: { svg: {
path:{fill: 'yellow.50 !important'} path: { fill: 'yellow.50 !important' }
} }
}} }}
/> />

16
src/constants.ts
View File

@ -66,3 +66,19 @@ export const DOWNLOAD_OPENPGP_DEVELOPER_HEADERS = [
'OpenPGP Key', 'OpenPGP Key',
'Fingerprint' 'Fingerprint'
]; ];
// GitHub urls
export const LATEST_GETH_RELEASE_URL =
'https://api.github.com/repos/ethereum/go-ethereum/releases/latest';
export const ALL_GETH_RELEASES_URL = 'https://api.github.com/repos/ethereum/go-ethereum/releases';
export const ALL_GETH_COMMITS_URL = 'https://api.github.com/repos/ethereum/go-ethereum/commits/';
export const LINUX_BINARY_BASE_URL =
'https://gethstore.blob.core.windows.net/builds/geth-linux-amd64-';
export const MACOS_BINARY_BASE_URL =
'https://gethstore.blob.core.windows.net/builds/geth-darwin-amd64-';
export const WINDOWS_BINARY_BASE_URL =
'https://gethstore.blob.core.windows.net/builds/geth-windows-amd64-';
export const LATEST_SOURCES_BASE_URL = 'https://github.com/ethereum/go-ethereum/archive/';
export const RELEASE_NOTES_BASE_URL = 'https://github.com/ethereum/go-ethereum/releases/tag/';

322
src/pages/downloads.tsx
View File

@ -1,22 +1,100 @@
import { Code, Link, ListItem, Stack, Text, UnorderedList } from '@chakra-ui/react'; import { Center, Code, Flex, Link, ListItem, Stack, Text, UnorderedList } from '@chakra-ui/react';
import type { NextPage } from 'next'; import type { GetServerSideProps, NextPage } from 'next';
import { useState } from 'react'; import { useState } from 'react';
import { DownloadsHero, DownloadsSection, DownloadsTable } from '../components/UI/downloads'; import {
DownloadsHero,
DownloadsSection,
DownloadsTable,
SpecificVersionsSection
} from '../components/UI/downloads';
import { DataTable } from '../components/UI'; import { DataTable } from '../components/UI';
import { import {
ALL_GETH_COMMITS_URL,
DEFAULT_BUILD_AMOUNT_TO_SHOW, DEFAULT_BUILD_AMOUNT_TO_SHOW,
DOWNLOAD_OPENPGP_BUILD_HEADERS, DOWNLOAD_OPENPGP_BUILD_HEADERS,
DOWNLOAD_OPENPGP_DEVELOPER_HEADERS, DOWNLOAD_OPENPGP_DEVELOPER_HEADERS,
GETH_REPO_URL GETH_REPO_URL,
LATEST_GETH_RELEASE_URL,
LATEST_SOURCES_BASE_URL,
LINUX_BINARY_BASE_URL,
MACOS_BINARY_BASE_URL,
RELEASE_NOTES_BASE_URL,
WINDOWS_BINARY_BASE_URL
} from '../constants'; } from '../constants';
import { testDownloadData } from '../data/test/download-testdata'; import { testDownloadData } from '../data/test/download-testdata';
import { pgpBuildTestData } from '../data/test/pgpbuild-testdata'; import { pgpBuildTestData } from '../data/test/pgpbuild-testdata';
import { pgpDeveloperTestData } from '../data/test/pgpdeveloper-testdata'; import { pgpDeveloperTestData } from '../data/test/pgpdeveloper-testdata';
const DownloadsPage: NextPage = () => { export const getServerSideProps: GetServerSideProps = async () => {
// Latest release name & version number
const { versionNumber, releaseName } = await fetch(LATEST_GETH_RELEASE_URL)
.then(response => response.json())
.then(release => {
return {
versionNumber: release.tag_name,
releaseName: release.name
};
});
// Latest release commit hash
const commit = await fetch(`${ALL_GETH_COMMITS_URL}/${versionNumber}`)
.then(response => response.json())
.then(commit => commit.sha.slice(0, 8));
// Latest binaries urls
const LATEST_LINUX_BINARY_URL = `${LINUX_BINARY_BASE_URL}${versionNumber.slice(
1
)}-${commit}.tar.gz`;
const LATEST_MACOS_BINARY_URL = `${MACOS_BINARY_BASE_URL}${versionNumber.slice(
1
)}-${commit}.tar.gz`;
const LATEST_WINDOWS_BINARY_URL = `${WINDOWS_BINARY_BASE_URL}${versionNumber.slice(
1
)}-${commit}.exe`;
// Sources urls
const LATEST_SOURCES_URL = `${LATEST_SOURCES_BASE_URL}${versionNumber}.tar.gz`;
const RELEASE_NOTES_URL = `${RELEASE_NOTES_BASE_URL}${versionNumber}`;
const LATEST_RELEASES_DATA = {
versionNumber,
releaseName,
urls: {
LATEST_LINUX_BINARY_URL,
LATEST_MACOS_BINARY_URL,
LATEST_WINDOWS_BINARY_URL,
LATEST_SOURCES_URL,
RELEASE_NOTES_URL
}
};
return {
props: {
data: { LATEST_RELEASES_DATA }
}
};
};
interface Props {
data: {
// TODO: define interfaces after adding the rest of the logic
LATEST_RELEASES_DATA: {
versionNumber: string;
releaseName: string;
urls: {
LATEST_LINUX_BINARY_URL: string;
LATEST_MACOS_BINARY_URL: string;
LATEST_WINDOWS_BINARY_URL: string;
LATEST_SOURCES_URL: string;
RELEASE_NOTES_URL: string;
};
};
};
}
const DownloadsPage: NextPage<Props> = ({ data }) => {
const [amountStableReleases, updateAmountStables] = useState(DEFAULT_BUILD_AMOUNT_TO_SHOW); const [amountStableReleases, updateAmountStables] = useState(DEFAULT_BUILD_AMOUNT_TO_SHOW);
const [amountDevelopBuilds, updateAmountDevelopBuilds] = useState(DEFAULT_BUILD_AMOUNT_TO_SHOW); const [amountDevelopBuilds, updateAmountDevelopBuilds] = useState(DEFAULT_BUILD_AMOUNT_TO_SHOW);
@ -28,35 +106,27 @@ const DownloadsPage: NextPage = () => {
updateAmountDevelopBuilds(amountDevelopBuilds + 10); updateAmountDevelopBuilds(amountDevelopBuilds + 10);
}; };
const {
LATEST_RELEASES_DATA: { releaseName, versionNumber, urls }
} = data;
return ( return (
<> <>
{/* TODO: add PageMetadata */} {/* TODO: add PageMetadata */}
<main> <main>
<Stack spacing={4}> <Stack spacing={4}>
{/* TODO: replace hardcoded strings with build information */}
<DownloadsHero <DownloadsHero
currentBuildName={'Sentry Omega'} currentBuild={releaseName}
currentBuildVersion={'v1.10.23'} currentBuildVersion={versionNumber}
linuxBuildURL={ linuxBuildURL={urls.LATEST_LINUX_BINARY_URL}
'https://gethstore.blob.core.windows.net/builds/geth-linux-amd64-1.10.25-69568c55.tar.gz' macOSBuildURL={urls.LATEST_MACOS_BINARY_URL}
} windowsBuildURL={urls.LATEST_WINDOWS_BINARY_URL}
macOSBuildURL={ sourceCodeURL={urls.LATEST_SOURCES_URL}
'https://gethstore.blob.core.windows.net/builds/geth-darwin-amd64-1.10.25-69568c55.tar.gz' releaseNotesURL={urls.RELEASE_NOTES_URL}
}
releaseNotesURL={''}
sourceCodeURL={'https://github.com/ethereum/go-ethereum/archive/v1.10.25.tar.gz'}
windowsBuildURL={
'https://gethstore.blob.core.windows.net/builds/geth-windows-amd64-1.10.25-69568c55.exe'
}
/> />
<DownloadsSection <SpecificVersionsSection>
imgSrc='/images/pages/gopher-home-side-desktop.svg'
imgAltText='Gopher facing right'
sectionTitle='Specific Versions'
id='specificversions'
>
<Stack p={4}> <Stack p={4}>
<Text textStyle='quick-link-text'> <Text textStyle='quick-link-text'>
If you&apos;re looking for a specific release, operating system or architecture, If you&apos;re looking for a specific release, operating system or architecture,
@ -92,10 +162,11 @@ const DownloadsPage: NextPage = () => {
Signatures for details). Signatures for details).
</Text> </Text>
</Stack> </Stack>
</DownloadsSection> </SpecificVersionsSection>
<DownloadsSection sectionTitle='Stable releases' id='stablereleases'> <DownloadsSection
<Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'> id='stablereleases'
sectionDescription={
<Text textStyle='quick-link-text'> <Text textStyle='quick-link-text'>
These are the current and previous stable releases of go-ethereum, updated These are the current and previous stable releases of go-ethereum, updated
automatically when a new version is tagged in our{' '} automatically when a new version is tagged in our{' '}
@ -103,28 +174,48 @@ const DownloadsPage: NextPage = () => {
GitHub repository. GitHub repository.
</Link> </Link>
</Text> </Text>
</Stack> }
sectionTitle='Stable releases'
>
{/* TODO: swap test data for real data */} {/* TODO: swap test data for real data */}
<DownloadsTable data={testDownloadData.slice(0, amountStableReleases)} /> <DownloadsTable data={testDownloadData.slice(0, amountStableReleases)} />
<Stack sx={{ mt: '0 !important' }}> <Flex
<Link as='button' variant='button-link-secondary' onClick={showMoreStableReleases}> sx={{ mt: '0 !important' }}
<Text flexDirection={{ base: 'column', md: 'row' }}
fontFamily='"JetBrains Mono", monospace' justifyContent='space-between'
fontWeight={700} >
textTransform='uppercase' <Stack p={4} display={{ base: 'none', md: 'block' }}>
textAlign='center' <Center>
p={4} {/* TODO: swap testDownloadData with actual data */}
> <Text>
Show older releases Showing {amountStableReleases} latest releases of a total{' '}
</Text> {testDownloadData.length} releases
</Link> </Text>
</Stack> </Center>
</Stack>
<Stack
sx={{ mt: '0 !important' }}
borderLeft={{ base: 'none', md: '2px solid #11866f' }}
>
<Link as='button' variant='button-link-secondary' onClick={showMoreStableReleases}>
<Text
fontFamily='"JetBrains Mono", monospace'
fontWeight={700}
textTransform='uppercase'
textAlign='center'
p={4}
>
Show older releases
</Text>
</Link>
</Stack>
</Flex>
</DownloadsSection> </DownloadsSection>
<DownloadsSection sectionTitle='Develop builds' id='developbuilds'> <DownloadsSection
<Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'> id='developbuilds'
sectionDescription={
<Text textStyle='quick-link-text'> <Text textStyle='quick-link-text'>
These are the develop snapshots of go-ethereum, updated automatically when a new These are the develop snapshots of go-ethereum, updated automatically when a new
commit is pushed into our{' '} commit is pushed into our{' '}
@ -132,33 +223,54 @@ const DownloadsPage: NextPage = () => {
GitHub repository. GitHub repository.
</Link> </Link>
</Text> </Text>
</Stack> }
sectionTitle='Develop builds'
>
{/* TODO: swap for real data */} {/* TODO: swap for real data */}
<DownloadsTable data={testDownloadData.slice(0, amountDevelopBuilds)} /> <DownloadsTable data={testDownloadData.slice(0, amountDevelopBuilds)} />
<Stack sx={{ mt: '0 !important' }}> <Flex
<Link as='button' variant='button-link-secondary' onClick={showMoreDevelopBuilds}> sx={{ mt: '0 !important' }}
<Text flexDirection={{ base: 'column', md: 'row' }}
fontFamily='"JetBrains Mono", monospace' justifyContent='space-between'
fontWeight={700} >
textTransform='uppercase' <Stack p={4} display={{ base: 'none', md: 'block' }}>
textAlign='center' <Center>
p={4} {/* TODO: swap testDownloadData with actual data */}
> <Text>
Show older releases Showing {amountDevelopBuilds} latest releases of a total{' '}
</Text> {testDownloadData.length} releases
</Link> </Text>
</Stack> </Center>
</Stack>
<Stack
sx={{ mt: '0 !important' }}
borderLeft={{ base: 'none', md: '2px solid #11866f' }}
>
<Link as='button' variant='button-link-secondary' onClick={showMoreDevelopBuilds}>
<Text
fontFamily='"JetBrains Mono", monospace'
fontWeight={700}
textTransform='uppercase'
textAlign='center'
p={4}
>
Show older releases
</Text>
</Link>
</Stack>
</Flex>
</DownloadsSection> </DownloadsSection>
<DownloadsSection sectionTitle='OpenPGP Signatures' id='pgpsignatures'> <DownloadsSection
<Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'> id='pgpsignatures'
sectionDescription={
<Text textStyle='quick-link-text'> <Text textStyle='quick-link-text'>
All the binaries available from this page are signed via our build server PGP keys: All the binaries available from this page are signed via our build server PGP keys:
</Text> </Text>
</Stack> }
sectionTitle='OpenPGP Signatures'
>
{/* TODO: swap for real data */} {/* TODO: swap for real data */}
<Stack borderBottom='2px solid' borderColor='brand.light.primary'> <Stack borderBottom='2px solid' borderColor='brand.light.primary'>
<DataTable columnHeaders={DOWNLOAD_OPENPGP_BUILD_HEADERS} data={pgpBuildTestData} /> <DataTable columnHeaders={DOWNLOAD_OPENPGP_BUILD_HEADERS} data={pgpBuildTestData} />
@ -173,37 +285,67 @@ const DownloadsPage: NextPage = () => {
</Stack> </Stack>
</DownloadsSection> </DownloadsSection>
<DownloadsSection sectionTitle='Importing keys and verifying builds' id='importingkeys'> <DownloadsSection id='importingkeys' sectionTitle='Importing keys and verifying builds'>
<Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'> <Flex
<Text textStyle='quick-link-text'> p={4}
You can import the build server public keys by grabbing the individual keys directly borderBottom='2px solid'
from the keyserver network: borderColor='brand.light.primary'
</Text> gap={4}
flexDirection={{ base: 'column', md: 'row' }}
>
<Stack flex={1}>
<Text textStyle='quick-link-text'>
You can import the build server public keys by grabbing the individual keys
directly from the keyserver network:
</Text>
</Stack>
{/* TODO: These keys depends on the binary */} <Stack flex={1} w={'100%'}>
<Code p={4}>gpg --recv-keys F9585DE6 C2FF8BBF 9BA28146 7B9E2481 D2A67EAC</Code> {/* TODO: These keys depends on the binary */}
</Stack> <Code p={4}>gpg --recv-keys F9585DE6 C2FF8BBF 9BA28146 7B9E2481 D2A67EAC</Code>
</Stack>
</Flex>
<Stack p={4} borderBottom='2px solid' borderColor='brand.light.primary'> <Flex
<Text textStyle='quick-link-text'> p={4}
Similarly you can import all the developer public keys by grabbing them directly borderBottom='2px solid'
from the keyserver network: borderColor='brand.light.primary'
</Text> gap={4}
flexDirection={{ base: 'column', md: 'row' }}
>
<Stack flex={1}>
<Text textStyle='quick-link-text'>
Similarly you can import all the developer public keys by grabbing them directly
from the keyserver network:
</Text>
</Stack>
{/* TODO: These are developer keys, do we need to change? */} <Stack flex={1} w={'100%'}>
<Code p={4}>gpg --recv-keys E058A81C 05A5DDF0 1CCB7DD2</Code> {/* TODO: These are developer keys, do we need to change? */}
</Stack> <Code p={4}>gpg --recv-keys E058A81C 05A5DDF0 1CCB7DD2</Code>
</Stack>
</Flex>
<Stack p={4}> <Flex
<Text textStyle='quick-link-text'> p={4}
From the download listings above you should see a link both to the downloadable borderBottom='2px solid'
archives as well as detached signature files. To verify the authenticity of any borderColor='brand.light.primary'
downloaded data, grab both files and then run: gap={4}
</Text> flexDirection={{ base: 'column', md: 'row' }}
>
<Stack flex={1}>
<Text textStyle='quick-link-text'>
From the download listings above you should see a link both to the downloadable
archives as well as detached signature files. To verify the authenticity of any
downloaded data, grab both files and then run:
</Text>
</Stack>
{/* TODO: These keys depends on the binary */} <Stack flex={1} w={'100%'}>
<Code p={4}>gpg --verify geth-linux-amd64-1.5.0-d0c820ac.tar.gz.asc</Code> {/* TODO: These keys depends on the binary */}
</Stack> <Code p={4}>gpg --verify geth-linux-amd64-1.5.0-d0c820ac.tar.gz.asc</Code>
</Stack>
</Flex>
</DownloadsSection> </DownloadsSection>
</Stack> </Stack>
</main> </main>

13
src/theme/components/Button.ts
View File

@ -12,6 +12,19 @@ export const Button = {
boxShadow: 'inset 0 0 0 2px #06fece !important' boxShadow: 'inset 0 0 0 2px #06fece !important'
}, },
_active: { borderTop: '4px solid', borderColor: 'green.200', pt: '4px' } _active: { borderTop: '4px solid', borderColor: 'green.200', pt: '4px' }
},
downloadsHeader: {
py: '8px',
px: '32px',
borderRadius: 0,
width: { base: '188px', md: 'auto' },
bg: 'brand.light.primary',
_hover: { bg: 'brand.light.secondary' },
_focus: {
bg: 'brand.light.primary',
boxShadow: 'inset 0 0 0 2px #06fece !important'
},
_active: { borderTop: '4px solid', borderColor: 'green.200' }
} }
} }
}; };

8
src/theme/foundations/textStyles.ts
View File

@ -67,7 +67,13 @@ export const textStyles = {
'downloads-button-label': { 'downloads-button-label': {
fontFamily: '"JetBrains Mono", monospace', fontFamily: '"JetBrains Mono", monospace',
color: 'yellow.50', color: 'yellow.50',
fontSize: 'xs', fontSize: { base: 'md', lg: 'xl' },
textTransform: 'uppercase'
},
'downloads-button-sublabel': {
fontFamily: '"JetBrains Mono", monospace',
color: 'yellow.50',
fontSize: { base: 'xs', lg: 'sm' },
textTransform: 'uppercase' textTransform: 'uppercase'
}, },
'download-tab-label': { 'download-tab-label': {