Merge branch 'master' of github.com:ethereum/geth-website into primary-releases
This commit is contained in:
Nicolás Quiroz
commit
b98ccf0747
|
|
@ -19,13 +19,14 @@ export const Header: FC = () => {
|
|||
justifyContent='space-between'
|
||||
position='relative'
|
||||
>
|
||||
<Stack
|
||||
<Flex
|
||||
p={4}
|
||||
justifyContent='center'
|
||||
alignItems='flex-start'
|
||||
justifyContent='flex-start'
|
||||
alignItems='center'
|
||||
borderRight='2px'
|
||||
borderColor='primary'
|
||||
flexGrow={2}
|
||||
flex={1}
|
||||
gap={6}
|
||||
>
|
||||
<NextLink href={'/'} passHref legacyBehavior>
|
||||
<Link _hover={{ textDecoration: 'none' }}>
|
||||
|
|
@ -34,7 +35,22 @@ export const Header: FC = () => {
|
|||
</Text>
|
||||
</Link>
|
||||
</NextLink>
|
||||
</Stack>
|
||||
<Box
|
||||
as='a'
|
||||
href='#main-content'
|
||||
pointerEvents='none'
|
||||
opacity={0}
|
||||
transition='opacity 200ms ease-in-out'
|
||||
_focus={{
|
||||
opacity: 1,
|
||||
transition: 'opacity 200ms ease-in-out'
|
||||
}}
|
||||
>
|
||||
<Text textStyle='header-font' whiteSpace='nowrap' fontSize='xs'>
|
||||
skip to content
|
||||
</Text>
|
||||
</Box>
|
||||
</Flex>
|
||||
|
||||
<Flex>
|
||||
{/* HEADER BUTTONS */}
|
||||
|
|
@ -58,6 +74,7 @@ export const Header: FC = () => {
|
|||
bg: 'primary',
|
||||
svg: { color: 'bg' }
|
||||
}}
|
||||
aria-label={`Toggle ${isDark ? 'light' : 'dark'} mode`}
|
||||
>
|
||||
{isDark ? <SunIcon color='primary' /> : <MoonIcon color='primary' />}
|
||||
</Box>
|
||||
|
|
|
|||
|
|
@ -17,20 +17,24 @@ interface Props {
|
|||
}
|
||||
|
||||
export const DocsNav: FC<Props> = ({ navLinks }) => {
|
||||
const [isMobileAccordionOpen, setMobileAccordionState] = useState(false)
|
||||
const [isMobileAccordionOpen, setMobileAccordionState] = useState(false);
|
||||
|
||||
const toggleMobileAccordion = () => {
|
||||
setMobileAccordionState(prev => !prev)
|
||||
}
|
||||
setMobileAccordionState(prev => !prev);
|
||||
};
|
||||
|
||||
return (
|
||||
<Stack w={{ base: '100%', lg: 72 }}>
|
||||
<Stack w={{ base: '100%', lg: 72 }} as='aside'>
|
||||
<Stack display={{ base: 'none', lg: 'block' }}>
|
||||
<DocsLinks navLinks={navLinks} toggleMobileAccordion={toggleMobileAccordion} />
|
||||
</Stack>
|
||||
|
||||
<Stack display={{ base: 'block', lg: 'none' }}>
|
||||
<Accordion allowToggle index={isMobileAccordionOpen ? 0 : -1} onChange={toggleMobileAccordion}>
|
||||
<Accordion
|
||||
allowToggle
|
||||
index={isMobileAccordionOpen ? 0 : -1}
|
||||
onChange={toggleMobileAccordion}
|
||||
>
|
||||
<AccordionItem border='none'>
|
||||
<AccordionButton
|
||||
display='flex'
|
||||
|
|
@ -49,9 +53,7 @@ export const DocsNav: FC<Props> = ({ navLinks }) => {
|
|||
color: 'bg'
|
||||
}}
|
||||
>
|
||||
<Text as='h4' textStyle='docs-nav-dropdown'>
|
||||
Documentation
|
||||
</Text>
|
||||
<Text textStyle='docs-nav-dropdown'>Documentation</Text>
|
||||
<AccordionIcon />
|
||||
</AccordionButton>
|
||||
<AccordionPanel p={0}>
|
||||
|
|
|
|||
|
|
@ -20,10 +20,8 @@ export const DocumentNav: FC<Props> = ({ content }) => {
|
|||
const activeHash = useActiveHash(parsedHeadings.map(heading => heading!.headingId));
|
||||
|
||||
return (
|
||||
<Box position='sticky' top='4'>
|
||||
<Text as='h5' textStyle='document-nav-title'>
|
||||
on this page
|
||||
</Text>
|
||||
<Box as='aside' position='sticky' top='4'>
|
||||
<Text textStyle='document-nav-title'>on this page</Text>
|
||||
<Divider borderColor='primary' my={`4 !important`} />
|
||||
{parsedHeadings.map((heading, idx) => {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ export const LinksList: FC<LinksListProps> = ({ links, toggleMobileAccordion })
|
|||
</Text>
|
||||
</Link>
|
||||
</NextLink>
|
||||
{items && <LinksList links={items} toggleMobileAccordion={toggleMobileAccordion}/>}
|
||||
{items && <LinksList links={items} toggleMobileAccordion={toggleMobileAccordion} />}
|
||||
</Stack>
|
||||
) : (
|
||||
<Stack key={id} pb={6}>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ import { Code, Note } from '.';
|
|||
import { textStyles } from '../../../theme/foundations';
|
||||
import { parseHeadingId } from '../../../utils/parseHeadingId';
|
||||
|
||||
const { header1, header2, header3, header4 } = textStyles;
|
||||
const { h1, h2, h3, h4 } = textStyles;
|
||||
|
||||
const MDComponents = {
|
||||
// paragraphs
|
||||
|
|
@ -45,7 +45,7 @@ const MDComponents = {
|
|||
const { children: parsedChildren, headingId } = parseHeadingId(children);
|
||||
|
||||
return (
|
||||
<Heading as='h1' textAlign='start' mb='5 !important' {...header1} id={headingId}>
|
||||
<Heading as='h1' textAlign='start' mb='5 !important' {...h1} id={headingId}>
|
||||
{parsedChildren}
|
||||
</Heading>
|
||||
);
|
||||
|
|
@ -59,7 +59,7 @@ const MDComponents = {
|
|||
textAlign='start'
|
||||
mt={{ base: '12 !important', md: '16 !important' }}
|
||||
mb='4 !important'
|
||||
{...header2}
|
||||
{...h2}
|
||||
id={headingId}
|
||||
>
|
||||
{parsedChildren}
|
||||
|
|
@ -69,7 +69,7 @@ const MDComponents = {
|
|||
h3: ({ children }: any) => {
|
||||
const { children: parsedChildren, headingId } = parseHeadingId(children);
|
||||
return (
|
||||
<Heading as='h3' mt='5 !important' mb='2.5 !important' {...header3} id={headingId}>
|
||||
<Heading as='h3' mt='5 !important' mb='2.5 !important' {...h3} id={headingId}>
|
||||
{parsedChildren}
|
||||
</Heading>
|
||||
);
|
||||
|
|
@ -78,7 +78,7 @@ const MDComponents = {
|
|||
const { children: parsedChildren, headingId } = parseHeadingId(children);
|
||||
|
||||
return (
|
||||
<Heading as='h4' mb='2.5 !important' {...header4} id={headingId}>
|
||||
<Heading as='h4' mb='2.5 !important' {...h4} id={headingId}>
|
||||
{parsedChildren}
|
||||
</Heading>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@ export const DiscordIcon = createIcon({
|
|||
displayName: 'DiscordIcon',
|
||||
viewBox: '0 0 32 24',
|
||||
path: (
|
||||
<svg width="32" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.985 2.027a.08.08 0 0 0-.041-.038A26.099 26.099 0 0 0 20.515.002a.098.098 0 0 0-.104.048c-.294.533-.56 1.08-.8 1.64a24.112 24.112 0 0 0-7.22 0c-.24-.561-.511-1.109-.812-1.64a.101.101 0 0 0-.104-.048c-2.22.381-4.38 1.05-6.427 1.988a.092.092 0 0 0-.043.036C.912 8.124-.209 14.073.341 19.948a.108.108 0 0 0 .041.073 26.216 26.216 0 0 0 7.885 3.975.102.102 0 0 0 .111-.037 18.644 18.644 0 0 0 1.613-2.616.1.1 0 0 0-.054-.139 17.266 17.266 0 0 1-2.464-1.17.101.101 0 0 1-.04-.13.101.101 0 0 1 .03-.038c.166-.124.332-.252.49-.382a.099.099 0 0 1 .102-.014c5.168 2.353 10.763 2.353 15.87 0a.098.098 0 0 1 .103.013c.158.13.324.26.49.383a.102.102 0 0 1 .04.086.1.1 0 0 1-.048.082c-.787.458-1.612.85-2.465 1.17a.1.1 0 0 0-.054.139 20.94 20.94 0 0 0 1.612 2.615.1.1 0 0 0 .111.038 26.126 26.126 0 0 0 7.898-3.975.1.1 0 0 0 .041-.072c.66-6.792-1.102-12.692-4.668-17.922zM10.763 16.37c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.257-3.174 2.838-3.174 1.593 0 2.863 1.437 2.838 3.174 0 1.75-1.257 3.173-2.838 3.173zm10.493 0c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.258-3.174 2.838-3.174 1.594 0 2.863 1.437 2.838 3.174 0 1.75-1.244 3.173-2.838 3.173z" fill="currentColor"/></svg>
|
||||
<svg width='32' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M26.985 2.027a.08.08 0 0 0-.041-.038A26.099 26.099 0 0 0 20.515.002a.098.098 0 0 0-.104.048c-.294.533-.56 1.08-.8 1.64a24.112 24.112 0 0 0-7.22 0c-.24-.561-.511-1.109-.812-1.64a.101.101 0 0 0-.104-.048c-2.22.381-4.38 1.05-6.427 1.988a.092.092 0 0 0-.043.036C.912 8.124-.209 14.073.341 19.948a.108.108 0 0 0 .041.073 26.216 26.216 0 0 0 7.885 3.975.102.102 0 0 0 .111-.037 18.644 18.644 0 0 0 1.613-2.616.1.1 0 0 0-.054-.139 17.266 17.266 0 0 1-2.464-1.17.101.101 0 0 1-.04-.13.101.101 0 0 1 .03-.038c.166-.124.332-.252.49-.382a.099.099 0 0 1 .102-.014c5.168 2.353 10.763 2.353 15.87 0a.098.098 0 0 1 .103.013c.158.13.324.26.49.383a.102.102 0 0 1 .04.086.1.1 0 0 1-.048.082c-.787.458-1.612.85-2.465 1.17a.1.1 0 0 0-.054.139 20.94 20.94 0 0 0 1.612 2.615.1.1 0 0 0 .111.038 26.126 26.126 0 0 0 7.898-3.975.1.1 0 0 0 .041-.072c.66-6.792-1.102-12.692-4.668-17.922zM10.763 16.37c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.257-3.174 2.838-3.174 1.593 0 2.863 1.437 2.838 3.174 0 1.75-1.257 3.173-2.838 3.173zm10.493 0c-1.556 0-2.838-1.424-2.838-3.173 0-1.75 1.258-3.174 2.838-3.174 1.594 0 2.863 1.437 2.838 3.174 0 1.75-1.244 3.173-2.838 3.173z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@ export const GitHubIcon = createIcon({
|
|||
displayName: 'GitHubIcon',
|
||||
viewBox: '0 0 26 24',
|
||||
path: (
|
||||
<svg width="26" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.829 19.325c0 .099-.117.178-.264.178-.168.015-.285-.064-.285-.178 0-.1.117-.179.264-.179.153-.015.285.065.285.179zm-1.58-.224c-.036.1.066.214.218.244.132.05.285 0 .315-.1.03-.099-.066-.213-.218-.258-.132-.034-.28.015-.315.114zm2.245-.084c-.147.035-.249.13-.233.243.015.1.147.164.3.13.147-.035.248-.13.233-.229-.015-.094-.152-.159-.3-.144zM12.837 0C5.791 0 .4 5.226.4 12.109c0 5.504 3.546 10.213 8.612 11.87.65.115.879-.277.879-.6 0-.307-.016-2.005-.016-3.047 0 0-3.556.745-4.303-1.479 0 0-.58-1.444-1.412-1.816 0 0-1.164-.78.081-.764 0 0 1.265.099 1.961 1.28 1.113 1.916 2.977 1.365 3.704 1.037.117-.794.447-1.345.813-1.672-2.84-.308-5.706-.71-5.706-5.484 0-1.365.386-2.05 1.2-2.923-.133-.323-.565-1.653.131-3.37 1.062-.322 3.506 1.34 3.506 1.34a12.203 12.203 0 0 1 3.19-.422c1.083 0 2.175.144 3.191.422 0 0 2.444-1.667 3.506-1.34.696 1.722.264 3.047.132 3.37.813.878 1.31 1.563 1.31 2.923 0 4.79-2.992 5.171-5.832 5.484.468.392.864 1.136.864 2.303 0 1.672-.015 3.741-.015 4.148 0 .323.233.715.879.6 5.08-1.647 8.525-6.356 8.525-11.86C25.6 5.226 19.884 0 12.837 0zM5.338 17.116c-.066.05-.05.164.036.258.081.08.198.115.264.05.066-.05.051-.164-.035-.258-.082-.08-.199-.114-.265-.05zm-.548-.402c-.036.065.015.144.117.194.08.05.182.035.218-.035.036-.064-.015-.144-.117-.193-.101-.03-.183-.015-.218.034zm1.646 1.767c-.081.065-.051.213.066.308.117.114.264.129.33.05.066-.065.036-.214-.066-.308-.112-.114-.264-.13-.33-.05zm-.58-.73c-.08.05-.08.18 0 .293.082.114.22.164.285.114.081-.064.081-.193 0-.307-.071-.114-.203-.164-.284-.1z" fill="currentColor"/></svg>
|
||||
<svg width='26' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M8.829 19.325c0 .099-.117.178-.264.178-.168.015-.285-.064-.285-.178 0-.1.117-.179.264-.179.153-.015.285.065.285.179zm-1.58-.224c-.036.1.066.214.218.244.132.05.285 0 .315-.1.03-.099-.066-.213-.218-.258-.132-.034-.28.015-.315.114zm2.245-.084c-.147.035-.249.13-.233.243.015.1.147.164.3.13.147-.035.248-.13.233-.229-.015-.094-.152-.159-.3-.144zM12.837 0C5.791 0 .4 5.226.4 12.109c0 5.504 3.546 10.213 8.612 11.87.65.115.879-.277.879-.6 0-.307-.016-2.005-.016-3.047 0 0-3.556.745-4.303-1.479 0 0-.58-1.444-1.412-1.816 0 0-1.164-.78.081-.764 0 0 1.265.099 1.961 1.28 1.113 1.916 2.977 1.365 3.704 1.037.117-.794.447-1.345.813-1.672-2.84-.308-5.706-.71-5.706-5.484 0-1.365.386-2.05 1.2-2.923-.133-.323-.565-1.653.131-3.37 1.062-.322 3.506 1.34 3.506 1.34a12.203 12.203 0 0 1 3.19-.422c1.083 0 2.175.144 3.191.422 0 0 2.444-1.667 3.506-1.34.696 1.722.264 3.047.132 3.37.813.878 1.31 1.563 1.31 2.923 0 4.79-2.992 5.171-5.832 5.484.468.392.864 1.136.864 2.303 0 1.672-.015 3.741-.015 4.148 0 .323.233.715.879.6 5.08-1.647 8.525-6.356 8.525-11.86C25.6 5.226 19.884 0 12.837 0zM5.338 17.116c-.066.05-.05.164.036.258.081.08.198.115.264.05.066-.05.051-.164-.035-.258-.082-.08-.199-.114-.265-.05zm-.548-.402c-.036.065.015.144.117.194.08.05.182.035.218-.035.036-.064-.015-.144-.117-.193-.101-.03-.183-.015-.218.034zm1.646 1.767c-.081.065-.051.213.066.308.117.114.264.129.33.05.066-.065.036-.214-.066-.308-.112-.114-.264-.13-.33-.05zm-.58-.73c-.08.05-.08.18 0 .293.082.114.22.164.285.114.081-.064.081-.193 0-.307-.071-.114-.203-.164-.284-.1z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@ export const HamburgerIcon = createIcon({
|
|||
displayName: 'HamburgerIcon',
|
||||
viewBox: '0 0 22 14',
|
||||
path: (
|
||||
<svg width="22" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 .5h22v.97H0V.5zm0 6.017h22v.97H0v-.97zm22 6.013H0v.97h22v-.97z" fill="currentColor"/></svg>
|
||||
<svg width='22' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M0 .5h22v.97H0V.5zm0 6.017h22v.97H0v-.97zm22 6.013H0v.97h22v-.97z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@ export const LensIcon = createIcon({
|
|||
displayName: 'LensIcon',
|
||||
viewBox: '0 0 17 18',
|
||||
path: (
|
||||
<svg width="17" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.15 11.192h-.768l-.272-.263a6.29 6.29 0 0 0 1.526-4.111 6.317 6.317 0 1 0-6.318 6.318 6.29 6.29 0 0 0 4.111-1.526l.263.272v.768l4.86 4.85L17 16.052l-4.85-4.86zm-5.832 0a4.368 4.368 0 0 1-4.374-4.374 4.368 4.368 0 0 1 4.374-4.374 4.368 4.368 0 0 1 4.374 4.374 4.368 4.368 0 0 1-4.374 4.374z" fill="currentColor"/></svg>
|
||||
<svg width='17' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M12.15 11.192h-.768l-.272-.263a6.29 6.29 0 0 0 1.526-4.111 6.317 6.317 0 1 0-6.318 6.318 6.29 6.29 0 0 0 4.111-1.526l.263.272v.768l4.86 4.85L17 16.052l-4.85-4.86zm-5.832 0a4.368 4.368 0 0 1-4.374-4.374 4.368 4.368 0 0 1 4.374-4.374 4.368 4.368 0 0 1 4.374 4.374 4.368 4.368 0 0 1-4.374 4.374z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -7,7 +7,12 @@ 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.28c-.82-.65-.501-2.087-1.353-2.796.825-4.907-1.488-9.233-4.246-12.005-2.314-2.326-1.568-4.59-1.568-6.548C19.138 3.801 17.823.5 13.84.5 9.583.5 8.416 3.97 8.374 5.951c-.101 4.757.984 5.994-1.865 9.456-3.352 4.073-3.846 8.136-3.09 10.291-.353.403-.83.85-1.723 1.218-2.465 1.05-.658 2.808-1.34 4.054a2.25 2.25 0 0 0-.286 1.08c0 1.093.89 2.04 2.505 1.898 2.18-.19 4.192 1.32 5.493 1.32 1.15 0 2.092-.639 2.531-1.518 2.055-.494 4.592-.432 6.645.086.369 1.008 1.369 1.664 2.48 1.664 2.434 0 2.903-2.697 5.695-3.61 1.005-.328 1.511-1.281 1.511-2.17 0-.568-.207-1.11-.625-1.44zm-13.65-15.262c-.476 0-.87-.376-1.492-.828-.788-.572-1.59-.901-1.58-1.502 0-.413.566-.54 1.297-.993.785-.486 1.09-.979 1.863-.979.791 0 1.03.391 2.105.845 1.056.447 1.792.622 1.792 1.127 0 .518-1.106.888-1.728 1.266-.915.551-1.385 1.064-2.257 1.064zm2.485-7.605c1.316.206 1.464 2.466.834 3.579l-.53-.212c.275-.791.27-2.095-.649-2.178-.583-.053-.96.7-1.04 1.344a2.564 2.564 0 0 0-.78-.185c.092-1.346.982-2.533 2.165-2.348zm-5.078.483c1.009-.245 1.604.901 1.609 2.093l-.463.277c-.063-.5-.291-1.309-.864-1.136-.613.186-.513 1.579-.172 1.865l-.456.248c-.627-1.031-.626-3.11.346-3.347zM6.906 33.959c-2.93-1.303-3.925-1.007-4.484-1.007-1.16 0-1.539-.844-1.103-1.643.37-.678.255-1.389.164-1.959-.14-.873-.166-1.158.713-1.534 1.216-.505 1.757-1.153 2.16-1.64 1.13-1.366 2.272.784 3.208 2.699.607 1.24 1.803 1.87 2.171 3.245.339 1.27-1.06 2.626-2.83 1.839zm10.426-2.733c-2.065.981-4.696 1.432-6.664.436-.291-.821-.757-1.352-1.258-1.886.804-.207 1.401-1.187.686-2.171-.762-1.052-2.32-1.785-3.895-2.975-1.472-1.113-1.938-3.856.068-6.922-.978 2.716-.406 5.218.085 5.934.101-1.44.218-3.847 2.232-6.73 1.016-1.455 1.031-3.377 1.054-4.58l.925.62c.68.49 1.25 1.032 2.068 1.032 1.209 0 1.877-.68 2.809-1.244.364-.219.914-.44 1.377-.748.776 3.61 3.99 7.953 4.17 10.427.748-1.505-.211-5.125-.211-5.125 1.256 1.874 1.356 3.436 1.411 5.352.88.352 1.823 1.267 1.909 2.474l-.366-.041c-.188-1.34-3.89-3.31-4.223-.786-1.775.264-1.13 3.013-1.487 4.795-.165.815-.469 1.46-.69 2.138zm7.232-.06c-1.47.554-2.463 1.73-3.145 2.461-1.313 1.41-3.05.734-3.235-.584-.195-1.409.537-2.178.854-3.754.288-1.44-.035-3.655.643-3.89.44 2.556 3.083 1.48 3.686.784.98 0 1.062.323 1.282 1.22.137.562.326 1.034.862 1.59.624.652.433 1.652-.947 2.173zM12.626 12.199c-.972 0-1.699-.632-2.29-1.122-.302-.25.075-.71.378-.46.577.48 1.16.985 1.912.985.905 0 1.704-.757 2.786-1.174.368-.141.579.416.213.557-1.05.404-1.894 1.214-3 1.214z" fill="currentColor"/></svg>
|
||||
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M26.305 28.28c-.82-.65-.501-2.087-1.353-2.796.825-4.907-1.488-9.233-4.246-12.005-2.314-2.326-1.568-4.59-1.568-6.548C19.138 3.801 17.823.5 13.84.5 9.583.5 8.416 3.97 8.374 5.951c-.101 4.757.984 5.994-1.865 9.456-3.352 4.073-3.846 8.136-3.09 10.291-.353.403-.83.85-1.723 1.218-2.465 1.05-.658 2.808-1.34 4.054a2.25 2.25 0 0 0-.286 1.08c0 1.093.89 2.04 2.505 1.898 2.18-.19 4.192 1.32 5.493 1.32 1.15 0 2.092-.639 2.531-1.518 2.055-.494 4.592-.432 6.645.086.369 1.008 1.369 1.664 2.48 1.664 2.434 0 2.903-2.697 5.695-3.61 1.005-.328 1.511-1.281 1.511-2.17 0-.568-.207-1.11-.625-1.44zm-13.65-15.262c-.476 0-.87-.376-1.492-.828-.788-.572-1.59-.901-1.58-1.502 0-.413.566-.54 1.297-.993.785-.486 1.09-.979 1.863-.979.791 0 1.03.391 2.105.845 1.056.447 1.792.622 1.792 1.127 0 .518-1.106.888-1.728 1.266-.915.551-1.385 1.064-2.257 1.064zm2.485-7.605c1.316.206 1.464 2.466.834 3.579l-.53-.212c.275-.791.27-2.095-.649-2.178-.583-.053-.96.7-1.04 1.344a2.564 2.564 0 0 0-.78-.185c.092-1.346.982-2.533 2.165-2.348zm-5.078.483c1.009-.245 1.604.901 1.609 2.093l-.463.277c-.063-.5-.291-1.309-.864-1.136-.613.186-.513 1.579-.172 1.865l-.456.248c-.627-1.031-.626-3.11.346-3.347zM6.906 33.959c-2.93-1.303-3.925-1.007-4.484-1.007-1.16 0-1.539-.844-1.103-1.643.37-.678.255-1.389.164-1.959-.14-.873-.166-1.158.713-1.534 1.216-.505 1.757-1.153 2.16-1.64 1.13-1.366 2.272.784 3.208 2.699.607 1.24 1.803 1.87 2.171 3.245.339 1.27-1.06 2.626-2.83 1.839zm10.426-2.733c-2.065.981-4.696 1.432-6.664.436-.291-.821-.757-1.352-1.258-1.886.804-.207 1.401-1.187.686-2.171-.762-1.052-2.32-1.785-3.895-2.975-1.472-1.113-1.938-3.856.068-6.922-.978 2.716-.406 5.218.085 5.934.101-1.44.218-3.847 2.232-6.73 1.016-1.455 1.031-3.377 1.054-4.58l.925.62c.68.49 1.25 1.032 2.068 1.032 1.209 0 1.877-.68 2.809-1.244.364-.219.914-.44 1.377-.748.776 3.61 3.99 7.953 4.17 10.427.748-1.505-.211-5.125-.211-5.125 1.256 1.874 1.356 3.436 1.411 5.352.88.352 1.823 1.267 1.909 2.474l-.366-.041c-.188-1.34-3.89-3.31-4.223-.786-1.775.264-1.13 3.013-1.487 4.795-.165.815-.469 1.46-.69 2.138zm7.232-.06c-1.47.554-2.463 1.73-3.145 2.461-1.313 1.41-3.05.734-3.235-.584-.195-1.409.537-2.178.854-3.754.288-1.44-.035-3.655.643-3.89.44 2.556 3.083 1.48 3.686.784.98 0 1.062.323 1.282 1.22.137.562.326 1.034.862 1.59.624.652.433 1.652-.947 2.173zM12.626 12.199c-.972 0-1.699-.632-2.29-1.122-.302-.25.075-.71.378-.46.577.48 1.16.985 1.912.985.905 0 1.704-.757 2.786-1.174.368-.141.579.416.213.557-1.05.404-1.894 1.214-3 1.214z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,12 @@ 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 22.01c-.982 2.85-3.924 7.896-6.954 7.951-2.01.039-2.656-1.191-4.954-1.191-2.296 0-3.015 1.154-4.915 1.229C4.962 30.122 0 22.715 0 16.254 0 10.32 4.135 7.38 7.747 7.325c1.938-.035 3.768 1.307 4.95 1.307 1.186 0 3.408-1.613 5.744-1.377.978.041 3.724.394 5.487 2.972C19.25 13.279 19.98 19.663 25 22.009zM18.473 0c-3.533.143-6.416 3.849-6.013 6.914 3.265.254 6.398-3.406 6.013-6.914z" fill="currentColor"/></svg>
|
||||
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M25 22.01c-.982 2.85-3.924 7.896-6.954 7.951-2.01.039-2.656-1.191-4.954-1.191-2.296 0-3.015 1.154-4.915 1.229C4.962 30.122 0 22.715 0 16.254 0 10.32 4.135 7.38 7.747 7.325c1.938-.035 3.768 1.307 4.95 1.307 1.186 0 3.408-1.613 5.744-1.377.978.041 3.724.394 5.487 2.972C19.25 13.279 19.98 19.663 25 22.009zM18.473 0c-3.533.143-6.416 3.849-6.013 6.914 3.265.254 6.398-3.406 6.013-6.914z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@ export const MoonIcon = createIcon({
|
|||
displayName: 'MoonIcon',
|
||||
viewBox: '0 0 22 22',
|
||||
path: (
|
||||
<svg width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.333.334C6.392.334 4.568.867 3 1.774c3.19 1.845 5.333 5.28 5.333 9.227 0 3.946-2.144 7.381-5.333 9.226a10.638 10.638 0 0 0 5.333 1.44C14.221 21.667 19 16.89 19 11.001 19 5.113 14.221.334 8.333.334z" fill="currentColor"/></svg>
|
||||
<svg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M8.333.334C6.392.334 4.568.867 3 1.774c3.19 1.845 5.333 5.28 5.333 9.227 0 3.946-2.144 7.381-5.333 9.226a10.638 10.638 0 0 0 5.333 1.44C14.221 21.667 19 16.89 19 11.001 19 5.113 14.221.334 8.333.334z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -7,7 +7,12 @@ 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.125a3.625 3.625 0 1 0-7.25 0c0 1.599 1.04 2.94 2.477 3.422.203 5.19-2.442 5.756-6.04 6.514-2.064.435-4.4.937-6.104 2.52V7.527a3.612 3.612 0 0 0 2.417-3.403 3.625 3.625 0 1 0-7.25 0 3.612 3.612 0 0 0 2.417 3.403V22.47a3.615 3.615 0 0 0-2.417 3.404 3.625 3.625 0 1 0 7.25 0 3.614 3.614 0 0 0-2.384-3.393c.326-4.74 3.105-5.326 6.57-6.056 3.67-.773 8.185-1.743 7.95-8.914a3.615 3.615 0 0 0 2.364-3.387zm-20.3 0c0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175zm4.35 21.75c0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175zM18.25 6.3c-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175z" fill="currentColor"/></svg>
|
||||
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M21.875 4.125a3.625 3.625 0 1 0-7.25 0c0 1.599 1.04 2.94 2.477 3.422.203 5.19-2.442 5.756-6.04 6.514-2.064.435-4.4.937-6.104 2.52V7.527a3.612 3.612 0 0 0 2.417-3.403 3.625 3.625 0 1 0-7.25 0 3.612 3.612 0 0 0 2.417 3.403V22.47a3.615 3.615 0 0 0-2.417 3.404 3.625 3.625 0 1 0 7.25 0 3.614 3.614 0 0 0-2.384-3.393c.326-4.74 3.105-5.326 6.57-6.056 3.67-.773 8.185-1.743 7.95-8.914a3.615 3.615 0 0 0 2.364-3.387zm-20.3 0c0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175zm4.35 21.75c0 1.2-.975 2.175-2.175 2.175-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175zM18.25 6.3c-1.2 0-2.175-.975-2.175-2.175 0-1.2.975-2.175 2.175-2.175 1.2 0 2.175.975 2.175 2.175 0 1.2-.975 2.175-2.175 2.175z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@ export const SunIcon = createIcon({
|
|||
displayName: 'SunIcon',
|
||||
viewBox: '0 0 44 44',
|
||||
path: (
|
||||
<svg width="44" height="44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 0h2v12h-2V0zM0 23v-2h12v2H0zM44 21H32v2h12v-2zM21 32h2v12h-2V32zM7.15 5.736 5.738 7.151l8.485 8.485 1.414-1.414-8.485-8.486zM36.85 5.736l1.413 1.414-8.485 8.486-1.414-1.414 8.485-8.486zM29.778 28.364l-1.414 1.415 8.485 8.485 1.415-1.415-8.486-8.485zM14.222 28.364l1.414 1.414-8.485 8.486-1.414-1.415 8.485-8.485zM30 22a8 8 0 1 1-16 0 8 8 0 0 1 16 0z" fill="currentColor"/></svg>
|
||||
<svg width='44' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M21 0h2v12h-2V0zM0 23v-2h12v2H0zM44 21H32v2h12v-2zM21 32h2v12h-2V32zM7.15 5.736 5.738 7.151l8.485 8.485 1.414-1.414-8.485-8.486zM36.85 5.736l1.413 1.414-8.485 8.486-1.414-1.414 8.485-8.486zM29.778 28.364l-1.414 1.415 8.485 8.485 1.415-1.415-8.486-8.485zM14.222 28.364l1.414 1.414-8.485 8.486-1.414-1.415 8.485-8.485zM30 22a8 8 0 1 1-16 0 8 8 0 0 1 16 0z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,6 +4,11 @@ export const TwitterIcon = createIcon({
|
|||
displayName: 'TwitterIcon',
|
||||
viewBox: '0 0 28 22',
|
||||
path: (
|
||||
<svg width="28" height="22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.725 5.483c.017.24.017.481.017.722C24.742 13.544 19.174 22 8.997 22A15.6 15.6 0 0 1 .5 19.508c.445.051.874.069 1.336.069a11.06 11.06 0 0 0 6.87-2.372 5.546 5.546 0 0 1-5.174-3.85 6.96 6.96 0 0 0 1.045.086c.497 0 .994-.07 1.457-.19a5.548 5.548 0 0 1-4.438-5.448v-.069a5.56 5.56 0 0 0 2.502.705A5.552 5.552 0 0 1 1.63 3.816c0-1.032.274-1.977.753-2.802a15.712 15.712 0 0 0 11.41 5.81 6.282 6.282 0 0 1-.137-1.272c0-3.06 2.467-5.552 5.534-5.552 1.593 0 3.032.67 4.043 1.753 1.25-.24 2.45-.705 3.512-1.34a5.533 5.533 0 0 1-2.432 3.059c1.113-.12 2.192-.43 3.186-.86a11.917 11.917 0 0 1-2.775 2.87z" fill="currentColor"/></svg>
|
||||
<svg width='28' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M24.725 5.483c.017.24.017.481.017.722C24.742 13.544 19.174 22 8.997 22A15.6 15.6 0 0 1 .5 19.508c.445.051.874.069 1.336.069a11.06 11.06 0 0 0 6.87-2.372 5.546 5.546 0 0 1-5.174-3.85 6.96 6.96 0 0 0 1.045.086c.497 0 .994-.07 1.457-.19a5.548 5.548 0 0 1-4.438-5.448v-.069a5.56 5.56 0 0 0 2.502.705A5.552 5.552 0 0 1 1.63 3.816c0-1.032.274-1.977.753-2.802a15.712 15.712 0 0 0 11.41 5.81 6.282 6.282 0 0 1-.137-1.272c0-3.06 2.467-5.552 5.534-5.552 1.593 0 3.032.67 4.043 1.753 1.25-.24 2.45-.705 3.512-1.34a5.533 5.533 0 0 1-2.432 3.059c1.113-.12 2.192-.43 3.186-.86a11.917 11.917 0 0 1-2.775 2.87z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -7,7 +7,12 @@ 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="M.5 12V3.354l10-1.355V12H.5zm11 0h13V0l-13 1.807V12zm-1 1H.5v7.646l10 1.355V13zm1 0v9.194L24.5 24V13h-13z" fill="currentColor"/></svg>
|
||||
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M.5 12V3.354l10-1.355V12H.5zm11 0h13V0l-13 1.807V12zm-1 1H.5v7.646l10 1.355V13zm1 0v9.194L24.5 24V13h-13z'
|
||||
fill='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -21,10 +21,10 @@ export const Search: FC = () => {
|
|||
>
|
||||
<form method='get' action='https://duckduckgo.com/' role='search' target='blank'>
|
||||
<InputGroup alignItems='center'>
|
||||
<Input type="hidden" name="sites" value="geth.ethereum.org" />
|
||||
<Input type='hidden' name='sites' value='geth.ethereum.org' />
|
||||
<Input
|
||||
type="text"
|
||||
name="q"
|
||||
type='text'
|
||||
name='q'
|
||||
py={{ base: 8, md: 4 }}
|
||||
px={4}
|
||||
variant='unstyled'
|
||||
|
|
@ -36,7 +36,7 @@ export const Search: FC = () => {
|
|||
outlineOffset={4}
|
||||
/>
|
||||
<Button
|
||||
type="submit"
|
||||
type='submit'
|
||||
px={4}
|
||||
me={2}
|
||||
borderRadius='0'
|
||||
|
|
@ -49,6 +49,7 @@ export const Search: FC = () => {
|
|||
bg: 'primary',
|
||||
svg: { color: 'bg' }
|
||||
}}
|
||||
aria-label='Search'
|
||||
>
|
||||
<LensIcon color={{ base: 'bg', md: 'primary' }} fontSize={{ base: '3xl', md: 'xl' }} />
|
||||
</Button>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,12 @@ const Icon = createIcon({
|
|||
displayName: 'AddIcon',
|
||||
viewBox: `0 0 ${w} ${h}`,
|
||||
path: (
|
||||
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M2 11h20v2H2z"/><path d="M11 2h2v20h-2z"/></g></svg>
|
||||
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<g fill='currentColor'>
|
||||
<path d='M2 11h20v2H2z' />
|
||||
<path d='M11 2h2v20h-2z' />
|
||||
</g>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,12 @@ const Icon = createIcon({
|
|||
displayName: 'GlyphHome',
|
||||
viewBox: `0 0 ${w} ${h}`,
|
||||
path: (
|
||||
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M90 276.5v-69.121L2.765 157.376 90 276.5zM90 276.5v-69.121l87.236-50.003L90 276.5zM90 190.325v-87.442L1.5 141.27 90 190.325zM90 190.325v-87.442l88.5 38.387L90 190.325zM1.5 140.901 90 1.5v100.76L1.5 140.901zM178.5 140.901 90 1.5v100.76l88.5 38.641z" stroke="currentColor"/></svg>
|
||||
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path
|
||||
d='M90 276.5v-69.121L2.765 157.376 90 276.5zM90 276.5v-69.121l87.236-50.003L90 276.5zM90 190.325v-87.442L1.5 141.27 90 190.325zM90 190.325v-87.442l88.5 38.387L90 190.325zM1.5 140.901 90 1.5v100.76L1.5 140.901zM178.5 140.901 90 1.5v100.76l88.5 38.641z'
|
||||
stroke='currentColor'
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -7,7 +7,9 @@ const Icon = createIcon({
|
|||
displayName: 'MinusIcon',
|
||||
viewBox: `0 0 ${w} ${h}`,
|
||||
path: (
|
||||
<svg width={w} height={h} fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 11h20v2H2z" fill="currentColor"/></svg>
|
||||
<svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
|
||||
<path d='M2 11h20v2H2z' fill='currentColor' />
|
||||
</svg>
|
||||
)
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -80,7 +80,13 @@ export const Footer: FC = () => {
|
|||
_hover={hoverStyles}
|
||||
>
|
||||
<Link href={GETH_TWITTER_URL} isExternal p={4}>
|
||||
<TwitterIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
|
||||
<TwitterIcon
|
||||
w={8}
|
||||
height='22px'
|
||||
_groupHover={{ color: 'bg' }}
|
||||
color='primary'
|
||||
aria-label='Twitter'
|
||||
/>
|
||||
</Link>
|
||||
</Center>
|
||||
|
||||
|
|
@ -93,13 +99,25 @@ export const Footer: FC = () => {
|
|||
borderColor='primary'
|
||||
>
|
||||
<Link href={GETH_DISCORD_URL} isExternal p={4}>
|
||||
<DiscordIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
|
||||
<DiscordIcon
|
||||
w={8}
|
||||
height='22px'
|
||||
_groupHover={{ color: 'bg' }}
|
||||
color='primary'
|
||||
aria-label='Discord'
|
||||
/>
|
||||
</Link>
|
||||
</Center>
|
||||
|
||||
<Center data-group flex={1} _hover={hoverStyles}>
|
||||
<Link href={GETH_REPO_URL} isExternal p={4}>
|
||||
<GitHubIcon w={7} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
|
||||
<GitHubIcon
|
||||
w={7}
|
||||
height='22px'
|
||||
_groupHover={{ color: 'bg' }}
|
||||
color='primary'
|
||||
aria-label='GitHub'
|
||||
/>
|
||||
</Link>
|
||||
</Center>
|
||||
</Flex>
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@ export const MobileMenu: React.FC = () => {
|
|||
color='primary'
|
||||
_hover={{ bg: 'primary', color: 'bg' }}
|
||||
onClick={onOpen}
|
||||
aria-label='Open mobile menu'
|
||||
>
|
||||
<HamburgerIcon />
|
||||
</Box>
|
||||
|
|
|
|||
|
|
@ -104,10 +104,10 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
|
|||
<DocsNav navLinks={navLinks} />
|
||||
</Stack>
|
||||
|
||||
<Stack pb={4} width='100%'>
|
||||
<Stack pb={4} width='100%' id='main-content'>
|
||||
<Stack mb={16}>
|
||||
<Breadcrumbs />
|
||||
<Heading as='h1' mt='4 !important' mb={0} {...textStyles.header1}>
|
||||
<Heading as='h1' mt='4 !important' mb={0} {...textStyles.h1}>
|
||||
{frontmatter.title}
|
||||
</Heading>
|
||||
<Text as='span' mt='0 !important'>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ import { Html, Head, Main, NextScript } from 'next/document';
|
|||
|
||||
export default function Document() {
|
||||
return (
|
||||
<Html>
|
||||
<Html lang='en'>
|
||||
<Head>
|
||||
{/* fonts are being loaded here to enable optimization (https://nextjs.org/docs/basic-features/font-optimization) */}
|
||||
{/* JetBrains Mono */}
|
||||
|
|
|
|||
|
|
@ -298,7 +298,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
|
|||
<>
|
||||
<PageMetadata title={METADATA.DOWNLOADS_TITLE} description={METADATA.DOWNLOADS_DESCRIPTION} />
|
||||
|
||||
<main>
|
||||
<main id='main-content'>
|
||||
<Stack spacing={4}>
|
||||
<DownloadsHero
|
||||
currentBuild={LATEST_RELEASES_DATA.releaseName}
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ const HomePage: NextPage = ({}) => {
|
|||
<>
|
||||
<PageMetadata title={METADATA.HOME_TITLE} description={METADATA.HOME_DESCRIPTION} />
|
||||
|
||||
<main>
|
||||
<main id='main-content'>
|
||||
<Stack spacing={4}>
|
||||
<HomeHero />
|
||||
|
||||
|
|
@ -44,7 +44,7 @@ const HomePage: NextPage = ({}) => {
|
|||
>
|
||||
<Text textStyle='quick-link-text'>
|
||||
Geth (go-ethereum) is a{' '}
|
||||
<Link href={GO_URL} isExternal variant='light'>
|
||||
<Link href={GO_URL} isExternal variant='light' aria-label='Go lang'>
|
||||
Go
|
||||
</Link>{' '}
|
||||
implementation of{' '}
|
||||
|
|
|
|||
|
|
@ -2,56 +2,41 @@ export const textStyles = {
|
|||
h1: {
|
||||
fontFamily: 'heading',
|
||||
fontWeight: 700,
|
||||
fontSize: '2.75rem',
|
||||
fontSize: { base: '2.175rem', md: '2.875rem' },
|
||||
lineHeight: '3.375rem',
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
color: 'body'
|
||||
},
|
||||
h2: {
|
||||
fontFamily: 'heading',
|
||||
fontWeight: 400,
|
||||
fontSize: { base: '1.5rem', md: '1.75rem' },
|
||||
lineHeight: 'normal',
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
color: 'body'
|
||||
},
|
||||
header1: {
|
||||
fontFamily: 'heading',
|
||||
fontWeight: 700,
|
||||
fontSize: { base: '1.875rem', md: '2.125rem' },
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
lineHeight: 'normal',
|
||||
color: 'body'
|
||||
},
|
||||
header2: {
|
||||
fontFamily: 'heading',
|
||||
fontSize: { base: '1.5rem', md: '1.75rem' },
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
lineHeight: 'normal',
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
color: 'body'
|
||||
},
|
||||
header3: {
|
||||
h3: {
|
||||
fontFamily: 'heading',
|
||||
fontSize: { base: '1.25rem', md: '1.375rem' },
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
lineHeight: 'normal',
|
||||
color: 'body'
|
||||
},
|
||||
header4: {
|
||||
h4: {
|
||||
fontFamily: 'heading',
|
||||
fontSize: '1.125rem',
|
||||
letterSpacing: { base: '0.03rem', md: '0.04rem' },
|
||||
lineHeight: 'normal',
|
||||
color: 'body'
|
||||
},
|
||||
header5: {
|
||||
h5: {
|
||||
fontFamily: 'heading',
|
||||
fontSize: '1rem',
|
||||
letterSpacing: '0.02rem',
|
||||
lineHeight: 'normal',
|
||||
color: 'body'
|
||||
},
|
||||
header6: {
|
||||
h6: {
|
||||
fontFamily: 'heading',
|
||||
fontSize: '0.875rem',
|
||||
letterSpacing: '0.02rem',
|
||||
|
|
|
|||
Loading…
Reference in New Issue