Deploy v3.3.0

.all-contributorsrc

@@ -5847,7 +5847,8 @@
       "avatar_url": "https://avatars.githubusercontent.com/u/14168559?v=4",
       "profile": "https://github.com/MiConnell",
       "contributions": [
-        "content"
+        "content",
+        "code"
       ]
     },
     {
@@ -5858,6 +5859,89 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "gamalielhere",
+      "name": "Gamaliel 'Yel' Padillo",
+      "avatar_url": "https://avatars.githubusercontent.com/u/16236741?v=4",
+      "profile": "https://www.gamalielpadillo.com/",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "kum9748ar",
+      "name": "Kumar Kalyan",
+      "avatar_url": "https://avatars.githubusercontent.com/u/67071462?v=4",
+      "profile": "https://linktr.ee/kumarkalyan",
+      "contributions": [
+        "bug"
+      ]
+    },
+    {
+      "login": "0xdie",
+      "name": "0xdie",
+      "avatar_url": "https://avatars.githubusercontent.com/u/94481845?v=4",
+      "profile": "https://github.com/0xdie",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "Taimoor0217",
+      "name": "Taimoor Ali",
+      "avatar_url": "https://avatars.githubusercontent.com/u/48244930?v=4",
+      "profile": "https://github.com/Taimoor0217",
+      "contributions": [
+        "doc",
+        "bug"
+      ]
+    },
+    {
+      "login": "andrejrakic",
+      "name": "Andrej",
+      "avatar_url": "https://avatars.githubusercontent.com/u/37881789?v=4",
+      "profile": "https://www.linkedin.com/in/andrejrakic/",
+      "contributions": [
+        "doc",
+        "content"
+      ]
+    },
+    {
+      "login": "pcaversaccio",
+      "name": "Pascal Marco Caversaccio",
+      "avatar_url": "https://avatars.githubusercontent.com/u/25297591?v=4",
+      "profile": "http://www.daita.tech",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "kennethcassel",
+      "name": "kennethcassel",
+      "avatar_url": "https://avatars.githubusercontent.com/u/22961671?v=4",
+      "profile": "https://www.slip.so",
+      "contributions": [
+        "doc"
+      ]
+    },
+    {
+      "login": "BrysonXiao",
+      "name": "BrysonXiao",
+      "avatar_url": "https://avatars.githubusercontent.com/u/40129652?v=4",
+      "profile": "https://github.com/BrysonXiao",
+      "contributions": [
+        "content"
+      ]
+    },
+    {
+      "login": "cdomashn",
+      "name": "Discord #8528",
+      "avatar_url": "https://avatars.githubusercontent.com/u/58366873?v=4",
+      "profile": "https://github.com/cdomashn",
+      "contributions": [
+        "content"
+      ]
     }
   ],
   "contributorsPerLine": 7,

README.md

@@ -1291,10 +1291,21 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
     <td align="center"><a href="https://twitter.com/patcito"><img src="https://avatars.githubusercontent.com/u/26435?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Patrick Aljord</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=patcito" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/decipherer2"><img src="https://avatars.githubusercontent.com/u/16278986?v=4?s=100" width="100px;" alt=""/><br /><sub><b>decifer</b></sub></a><br /><a href="#ideas-decipherer2" title="Ideas, Planning, & Feedback">🤔</a></td>
     <td align="center"><a href="https://github.com/aghArdeshir"><img src="https://avatars.githubusercontent.com/u/5755214?v=4?s=100" width="100px;" alt=""/><br /><sub><b>aghArdeshir</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=aghArdeshir" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/MiConnell"><img src="https://avatars.githubusercontent.com/u/14168559?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Michael Connell</b></sub></a><br /><a href="#content-MiConnell" title="Content">🖋</a></td>
+    <td align="center"><a href="https://github.com/MiConnell"><img src="https://avatars.githubusercontent.com/u/14168559?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Michael Connell</b></sub></a><br /><a href="#content-MiConnell" title="Content">🖋</a> <a href="https://github.com/ethereum/ethereum-org-website/commits?author=MiConnell" title="Code">💻</a></td>
   </tr>
   <tr>
     <td align="center"><a href="https://github.com/amm98d"><img src="https://avatars.githubusercontent.com/u/39633205?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ahmed Mustafa Malik</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=amm98d" title="Code">💻</a></td>
+    <td align="center"><a href="https://www.gamalielpadillo.com/"><img src="https://avatars.githubusercontent.com/u/16236741?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Gamaliel 'Yel' Padillo</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=gamalielhere" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://linktr.ee/kumarkalyan"><img src="https://avatars.githubusercontent.com/u/67071462?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kumar Kalyan</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/issues?q=author%3Akum9748ar" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="https://github.com/0xdie"><img src="https://avatars.githubusercontent.com/u/94481845?v=4?s=100" width="100px;" alt=""/><br /><sub><b>0xdie</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=0xdie" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/Taimoor0217"><img src="https://avatars.githubusercontent.com/u/48244930?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Taimoor Ali</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=Taimoor0217" title="Documentation">📖</a> <a href="https://github.com/ethereum/ethereum-org-website/issues?q=author%3ATaimoor0217" title="Bug reports">🐛</a></td>
+    <td align="center"><a href="https://www.linkedin.com/in/andrejrakic/"><img src="https://avatars.githubusercontent.com/u/37881789?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Andrej</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=andrejrakic" title="Documentation">📖</a> <a href="#content-andrejrakic" title="Content">🖋</a></td>
+    <td align="center"><a href="http://www.daita.tech"><img src="https://avatars.githubusercontent.com/u/25297591?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Pascal Marco Caversaccio</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=pcaversaccio" title="Documentation">📖</a></td>
+  </tr>
+  <tr>
+    <td align="center"><a href="https://www.slip.so"><img src="https://avatars.githubusercontent.com/u/22961671?v=4?s=100" width="100px;" alt=""/><br /><sub><b>kennethcassel</b></sub></a><br /><a href="https://github.com/ethereum/ethereum-org-website/commits?author=kennethcassel" title="Documentation">📖</a></td>
+    <td align="center"><a href="https://github.com/BrysonXiao"><img src="https://avatars.githubusercontent.com/u/40129652?v=4?s=100" width="100px;" alt=""/><br /><sub><b>BrysonXiao</b></sub></a><br /><a href="#content-BrysonXiao" title="Content">🖋</a></td>
+    <td align="center"><a href="https://github.com/cdomashn"><img src="https://avatars.githubusercontent.com/u/58366873?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Discord #8528</b></sub></a><br /><a href="#content-cdomashn" title="Content">🖋</a></td>
   </tr>
 </table>
 

gatsby-node.js

@@ -330,10 +330,15 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
   // we can remove this logic and the `/pages-conditional/` directory.
   const outdatedMarkdown = [`eth`, `dapps`, `wallets`, `what-is-ethereum`]
   outdatedMarkdown.forEach((page) => {
-    supportedLanguages.forEach((lang) => {
+    supportedLanguages.forEach(async (lang) => {
       const markdownPath = `${__dirname}/src/content/translations/${lang}/${page}/index.md`
       const langHasOutdatedMarkdown = fs.existsSync(markdownPath)
       if (!langHasOutdatedMarkdown) {
+        // Check if json strings exists for language, if not mark `isContentEnglish` as true
+        const { isOutdated, isContentEnglish } = await checkIsPageOutdated(
+          page,
+          lang
+        )
         createPage({
           path: `/${lang}/${page}/`,
           component: path.resolve(
@@ -352,6 +357,8 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
               originalPath: `/${page}/`,
               redirect: false,
             },
+            isContentEnglish,
+            isOutdated,
           },
         })
       }
@@ -397,7 +404,10 @@ exports.createSchemaCustomization = ({ actions }) => {
       sidebarDepth: Int
       incomplete: Boolean
       template: String
-      summaryPoints: [String!]!
+      summaryPoint1: String!
+      summaryPoint2: String!
+      summaryPoint3: String!
+      summaryPoint4: String!
       position: String
       compensation: String
       location: String

github.json

@@ -22145,7 +22145,7 @@
         {
           "kind": "SCALAR",
           "name": "Float",
-          "description": "Represents signed double-precision fractional values as specified by [IEEE 754](https://en.wikipedia.org/wiki/IEEE_floating_point).",
+          "description": "Represents signed double-precision fractional values as specified by [IEEE 754](https://wikipedia.org/wiki/IEEE_floating_point).",
           "fields": null,
           "inputFields": null,
           "interfaces": null,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ethereum-org-website",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "description": "Website of ethereum.org",
   "main": "index.js",
   "repository": "git@github.com:ethereum/ethereum-org-website.git",

src/components/DocLink.js

@@ -15,26 +15,26 @@ const Container = styled(Link)`
   justify-content: space-between;
   padding: 1rem;
   border-radius: 2px;
-  color: ${(props) => props.theme.colors.text};
-  border: 1px solid ${(props) => props.theme.colors.border};
+  color: ${({ theme }) => theme.colors.text};
+  border: 1px solid ${({ theme }) => theme.colors.border};
   &:hover {
-    box-shadow: 0 0 1px ${(props) => props.theme.colors.primary};
-    background: ${(props) => props.theme.colors.tableBackgroundHover};
+    box-shadow: 0 0 1px ${({ theme }) => theme.colors.primary};
+    background: ${({ theme }) => theme.colors.tableBackgroundHover};
     border-radius: 4px;
   }
-  @media (max-width: ${(props) => props.theme.breakpoints.m}) {
+  @media (max-width: ${({ theme }) => theme.breakpoints.m}) {
     width: 100%;
   }
 `
 
 const TextCell = styled.div`
   flex: 1;
   flex-direction: column;
-  color: ${(props) => props.theme.colors.text};
+  color: ${({ theme }) => theme.colors.text};
 `
 
 const Title = styled.p`
-  color: ${(props) => props.theme.colors.text300};
+  color: ${({ theme }) => theme.colors.text300};
   font-weight: 600;
   margin: 0;
 `
@@ -50,15 +50,15 @@ const EmojiCell = styled.div`
   align-items: center;
 `
 
-const DocLink = ({ to, title, className }) => (
+const DocLink = ({ to, children, className }) => (
   <Container to={to} className={className}>
     <EmojiCell>
       <Emoji size={1} text=":page_with_curl:" mr={`1rem`} />
     </EmojiCell>
     <TextCell>
-      <Title>{title}</Title>
+      <Title>{children}</Title>
     </TextCell>
-    <Arrow name="arrowRight" color={(props) => props.theme.colors.text} />
+    <Arrow name="arrowRight" color={({ theme }) => theme.colors.text} />
   </Container>
 )
 

src/components/Layout.js

@@ -21,6 +21,7 @@ import { useKeyPress } from "../hooks/useKeyPress"
 
 import { isLangRightToLeft } from "../utils/translations"
 import { isMobile } from "../utils/isMobile"
+import SkipLink from "./SkipLink"
 
 const ContentContainer = styled.div`
   position: relative;
@@ -112,7 +113,7 @@ const Layout = (props) => {
 
   const isPageLanguageEnglish = intl.language === intl.defaultLanguage
   const isPageContentEnglish = !!props.pageContext.isContentEnglish
-  const isTranslationBannerIgnored = !props.pageContext.ignoreTranslationBanner
+  const isTranslationBannerIgnored = !!props.pageContext.ignoreTranslationBanner
   const isPageTranslationOutdated =
     !!props.pageContext.isOutdated ||
     !!props.data?.pageData?.frontmatter?.isOutdated
@@ -121,7 +122,7 @@ const Layout = (props) => {
   const shouldShowTranslationBanner =
     (isPageTranslationOutdated ||
       (isPageContentEnglish && !isPageLanguageEnglish)) &&
-    isTranslationBannerIgnored
+    !isTranslationBannerIgnored
 
   const path = props.path
 
@@ -135,6 +136,7 @@ const Layout = (props) => {
         <IntlContextProvider value={intl}>
           <ThemeProvider theme={theme}>
             <GlobalStyle isDarkTheme={isDarkTheme} />
+            <SkipLink hrefId="#main-content" />
             <TranslationBanner
               shouldShow={shouldShowTranslationBanner}
               isPageContentEnglish={isPageContentEnglish}
@@ -150,7 +152,7 @@ const Layout = (props) => {
                 />
                 {shouldShowSideNav && <SideNavMobile path={path} />}
               </VisuallyHidden>
-              <MainContainer>
+              <MainContainer id="main-content">
                 {shouldShowSideNav && (
                   <VisuallyHidden isHidden={isZenMode}>
                     <SideNav path={path} />

src/components/SkipLink.js

@@ -0,0 +1,32 @@
+import React from "react"
+import styled from "styled-components"
+import Translation from "./Translation"
+
+const Div = styled.div`
+  background-color: ${(props) => props.theme.colors.primary};
+`
+
+const Anchor = styled.a`
+  line-height: 2rem;
+  position: absolute;
+  top: -3rem;
+  margin-left: 0.5rem;
+  color: ${(props) => props.theme.colors.background};
+  text-decoration: none;
+
+  &:focus {
+    position: static;
+  }
+`
+
+const SkipLink = ({ hrefId }) => {
+  return (
+    <Div>
+      <Anchor href={hrefId}>
+        <Translation id="skip-to-main-content" />
+      </Anchor>
+    </Div>
+  )
+}
+
+export default SkipLink

src/components/StatsBoxGrid.js

@@ -309,14 +309,10 @@ const StatsBoxGrid = () => {
   useEffect(() => {
     const fetchPrices = async () => {
       try {
-        const daysToFetch = 90
-        const toUnixTimestamp = Math.floor(new Date().getTime() / 1000) // "Now" as unix timestamp (seconds)
-        const fromUnixTimestamp = toUnixTimestamp - 60 * 60 * 24 * daysToFetch // {daysToFetch} days ago (in seconds)
-        // TODO: Switch back to `getData()` to use cache before prod
         const {
           data: { prices },
         } = await axios.get(
-          `https://api.coingecko.com/api/v3/coins/ethereum/market_chart/range?vs_currency=usd&from=${fromUnixTimestamp}&to=${toUnixTimestamp}`
+          `https://api.coingecko.com/api/v3/coins/ethereum/market_chart?vs_currency=usd&days=90&interval=daily`
         )
         const data = prices
           .map(([timestamp, value]) => ({