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

Merge pull request #145 from ethereum/h1StyleFix

Browse Source 
[DESING UPDATE] increase the font size of H1
pull/26459/head^2
Corwin Smith 2 years ago committed by GitHub
parent 266b4a3ec4 31233f1433
commit 1d6285fc38
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
29 changed files with 1245 additions and 68 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 16
      src/components/UI/docs/DocsNav.tsx
  2. 4
      src/components/UI/docs/DocumentNav.tsx
  3. 2
      src/components/UI/docs/LinksList.tsx
  4. 10
      src/components/UI/docs/MDComponents.tsx
  5. 7
      src/components/UI/icons/DiscordIcon.tsx
  6. 7
      src/components/UI/icons/GitHubIcon.tsx
  7. 7
      src/components/UI/icons/HamburgerIcon.tsx
  8. 7
      src/components/UI/icons/LensIcon.tsx
  9. 7
      src/components/UI/icons/LinuxPenguin.tsx
  10. 7
      src/components/UI/icons/MacosLogo.tsx
  11. 7
      src/components/UI/icons/MoonIcon.tsx
  12. 7
      src/components/UI/icons/SourceBranch.tsx
  13. 7
      src/components/UI/icons/SunIcon.tsx
  14. 7
      src/components/UI/icons/TwitterIcon.tsx
  15. 7
      src/components/UI/icons/WindowsLogo.tsx
  16. 10
      src/components/UI/search/Search.tsx
  17. 7
      src/components/UI/svgs/AddIcon.tsx
  18. 7
      src/components/UI/svgs/GlyphHome.tsx
  19. 346
      src/components/UI/svgs/GopherDownloads.tsx
  20. 317
      src/components/UI/svgs/GopherHomeFront.tsx
  21. 243
      src/components/UI/svgs/GopherHomeLinks.tsx
  22. 209
      src/components/UI/svgs/GopherHomeNodes.tsx
  23. 4
      src/components/UI/svgs/MinusIcon.tsx
  24. 24
      src/components/layouts/Footer.tsx
  25. 2
      src/components/layouts/MobileMenu.tsx
  26. 4
      src/pages/[...slug].tsx
  27. 2
      src/pages/downloads.tsx
  28. 2
      src/pages/index.tsx
  29. 27
      src/theme/foundations/textStyles.ts

16
src/components/UI/docs/DocsNav.tsx
Unescape View File

@ -17,11 +17,11 @@ 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 }} as='aside'>
@ -30,7 +30,11 @@ export const DocsNav: FC<Props> = ({ navLinks }) => {
</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 textStyle='docs-nav-dropdown' >
Documentation
</Text>
<Text textStyle='docs-nav-dropdown'>Documentation</Text>
<AccordionIcon />
</AccordionButton>
<AccordionPanel p={0}>

4
src/components/UI/docs/DocumentNav.tsx
Unescape View File

@ -21,9 +21,7 @@ export const DocumentNav: FC<Props> = ({ content }) => {
return (
<Box as='aside' position='sticky' top='4'>
<Text textStyle='document-nav-title'>
on this page
</Text>
<Text textStyle='document-nav-title'>on this page</Text>
<Divider borderColor='primary' my={`4 !important`} />
{parsedHeadings.map((heading, idx) => {
return (

2
src/components/UI/docs/LinksList.tsx
Unescape View File

@ -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}>

10
src/components/UI/docs/MDComponents.tsx
Unescape View File

@ -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>
);

7
src/components/UI/icons/DiscordIcon.tsx
Unescape View File

@ -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>
)
});

7
src/components/UI/icons/GitHubIcon.tsx
Unescape View File

@ -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>
)
});

7
src/components/UI/icons/HamburgerIcon.tsx
Unescape View File

@ -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>
)
});

7
src/components/UI/icons/LensIcon.tsx
Unescape View File

@ -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
src/components/UI/icons/LinuxPenguin.tsx
Unescape View File

@ -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
src/components/UI/icons/MacosLogo.tsx
Unescape View File

@ -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>
)
});

7
src/components/UI/icons/MoonIcon.tsx
Unescape View File

@ -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
src/components/UI/icons/SourceBranch.tsx
Unescape View File

@ -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>
)
});

7
src/components/UI/icons/SunIcon.tsx
Unescape View File

@ -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>
)
});

7
src/components/UI/icons/TwitterIcon.tsx
Unescape View File

@ -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
src/components/UI/icons/WindowsLogo.tsx
Unescape View File

@ -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>
)
});

10
src/components/UI/search/Search.tsx
Unescape View File

@ -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,7 +49,7 @@ export const Search: FC = () => {
bg: 'primary',
svg: { color: 'bg' }
}}
aria-label="Search"
aria-label='Search'
>
<LensIcon color={{ base: 'bg', md: 'primary' }} fontSize={{ base: '3xl', md: 'xl' }} />
</Button>

7
src/components/UI/svgs/AddIcon.tsx
Unescape View File

@ -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
src/components/UI/svgs/GlyphHome.tsx
Unescape View File

@ -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>
)
});

346
src/components/UI/svgs/GopherDownloads.tsx
View File

File diff suppressed because one or more lines are too long

317
src/components/UI/svgs/GopherHomeFront.tsx
View File

File diff suppressed because one or more lines are too long

243
src/components/UI/svgs/GopherHomeLinks.tsx
View File

File diff suppressed because one or more lines are too long

209
src/components/UI/svgs/GopherHomeNodes.tsx
View File

File diff suppressed because one or more lines are too long

4
src/components/UI/svgs/MinusIcon.tsx
Unescape View File

@ -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>
)
});

24
src/components/layouts/Footer.tsx
Unescape View File

@ -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' aria-label='Twitter' />
<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' aria-label='Discord' />
<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' aria-label='GitHub' />
<GitHubIcon
w={7}
height='22px'
_groupHover={{ color: 'bg' }}
color='primary'
aria-label='GitHub'
/>
</Link>
</Center>
</Flex>

2
src/components/layouts/MobileMenu.tsx
Unescape View File

@ -20,7 +20,7 @@ export const MobileMenu: React.FC = () => {
color='primary'
_hover={{ bg: 'primary', color: 'bg' }}
onClick={onOpen}
aria-label="Open mobile menu"
aria-label='Open mobile menu'
>
<HamburgerIcon />
</Box>

4
src/pages/[...slug].tsx
Unescape View File

@ -104,10 +104,10 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
<DocsNav navLinks={navLinks} />
</Stack>
<Stack pb={4} width='100%' id="main-content">
<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
src/pages/downloads.tsx
Unescape View File

@ -298,7 +298,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
<>
<PageMetadata title={METADATA.DOWNLOADS_TITLE} description={METADATA.DOWNLOADS_DESCRIPTION} />
<main id="main-content">
<main id='main-content'>
<Stack spacing={4}>
<DownloadsHero
currentBuild={LATEST_RELEASES_DATA.releaseName}

2
src/pages/index.tsx
Unescape View File

@ -28,7 +28,7 @@ const HomePage: NextPage = ({}) => {
<>
<PageMetadata title={METADATA.HOME_TITLE} description={METADATA.HOME_DESCRIPTION} />
<main id="main-content">
<main id='main-content'>
<Stack spacing={4}>
<HomeHero />

27
src/theme/foundations/textStyles.ts
Unescape View File

@ -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',

Write Preview
Loading…
Cancel
Save