Update Nodes and Clients page for Sepolia support and fix outdated information

src/@chakra-ui/gatsby-plugin/styles.ts

@@ -3,144 +3,144 @@ import { mode } from "@chakra-ui/theme-tools"
 import { lightTheme as oldTheme } from "../../theme"
 
 const styles = {
-    global: (props) => ({
-        /**
-         * THESE ARE OLD GLOBAL STYLES - carried over from old css files
-         *
-         * They are needed just to keep style consistency as we transition out of
-         * the old styled components to Chakra.
-         *
-         * TODO: remove these overrides as we adopt the new Design System and we
-         * don't need the global styles anymore
-         */
-        body: {
-            // TODO: when we have Chakra v2, this should be done by overriding the
-            // native Chakra semantic tokens
-            bg: mode("white", "gray.700")(props),
-            lineHeight: "1.6rem",
-        },
-        // should be replace with https://chakra-ui.com/docs/components/text
-        p: {
-            margin: "0px 0px 1.45rem",
-        },
-        // should be replace with https://chakra-ui.com/docs/components/list
-        "ul, ol": {
-            margin: "0px 0px 1.45rem 1.45rem",
-            padding: 0,
-        },
-        // imported global CSS styles for list items
-        li: {
-            "margin-bottom": "calc(1.45rem / 2)",
-        },
-        "ol li": {
-            "padding-left": "0",
-        },
-        "ul li": {
-            "padding-left": "0",
-        },
-        "li > ol": {
-            "margin-left": "1.45rem",
-            "margin-bottom": "calc(1.45rem / 2)",
-            "margin-top": "calc(1.45rem / 2)",
-        },
-        "li > ul": {
-            "margin-left": "1.45rem",
-            "margin-bottom": "calc(1.45rem / 2)",
-            "margin-top": "calc(1.45rem / 2)",
-        },
+  global: (props) => ({
+    /**
+     * THESE ARE OLD GLOBAL STYLES - carried over from old css files
+     *
+     * They are needed just to keep style consistency as we transition out of
+     * the old styled components to Chakra.
+     *
+     * TODO: remove these overrides as we adopt the new Design System and we
+     * don't need the global styles anymore
+     */
+    body: {
+      // TODO: when we have Chakra v2, this should be done by overriding the
+      // native Chakra semantic tokens
+      bg: mode("white", "gray.700")(props),
+      lineHeight: "1.6rem",
+    },
+    // should be replace with https://chakra-ui.com/docs/components/text
+    p: {
+      margin: "0px 0px 1.45rem",
+    },
+    // should be replace with https://chakra-ui.com/docs/components/list
+    "ul, ol": {
+      margin: "0px 0px 1.45rem 1.45rem",
+      padding: 0,
+    },
+    // imported global CSS styles for list items
+    li: {
+      "margin-bottom": "calc(1.45rem / 2)",
+    },
+    "ol li": {
+      "padding-left": "0",
+    },
+    "ul li": {
+      "padding-left": "0",
+    },
+    "li > ol": {
+      "margin-left": "1.45rem",
+      "margin-bottom": "calc(1.45rem / 2)",
+      "margin-top": "calc(1.45rem / 2)",
+    },
+    "li > ul": {
+      "margin-left": "1.45rem",
+      "margin-bottom": "calc(1.45rem / 2)",
+      "margin-top": "calc(1.45rem / 2)",
+    },
 
-        "li *:last-child": {
-            "margin-bottom": "0",
-        },
-        "p *:last-child": {
-            "margin-bottom": "0",
-        },
-        "li > p": {
-            "margin-bottom": "calc(1.45rem / 2)",
-        },
-        // YouTube embeds
-        iframe: {
-            display: "block",
-            maxWidth: "560px",
-            margin: "32px 0",
-        },
-        // should be replace by the usage of https://chakra-ui.com/docs/components/heading
-        // also, the media queries defined on each of these heading tags are bearly used
-        "h1,h2,h3,h4,h5,h6": {
-            margin: "2rem 0",
-            lineHeight: 1.4,
-            scrollMarginTop: "navHeight",
-            scrollSnapMargin: "navHeight",
-        },
-        h1: {
-            fontSize: "3rem",
-            fontWeight: 700,
-            [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
-                fontSize: "2.5rem",
-            },
-        },
-        h2: {
-            fontSize: "2rem",
-            marginTop: "3rem",
-            fontWeight: 600,
-            [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
-                fontSize: "1.5rem",
-            },
-        },
-        h3: {
-            fontSize: "1.5rem",
-            marginTop: "2.5rem",
-            fontWeight: 600,
-            [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
-                fontSize: "1.25rem",
-            },
-        },
-        h4: {
-            fontSize: "1.25rem",
-            fontWeight: 500,
-            [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
-                fontSize: "1rem",
-            },
-        },
-        h5: {
-            fontSize: "1rem",
-            fontWeight: 450,
-        },
-        h6: {
-            fontSize: "0.9rem",
-            fontWeight: 400,
-            textTransform: "uppercase",
-        },
-        // Anchor tag styles
-        // Selected specifically for mdx rendered side icon link
-        ".header-anchor": {
-            position: "relative !important",
-            display: "initial",
-            marginLeft: "-1.5em",
-            paddingRight: "0.5rem !important",
-            fontSize: "1rem",
-            verticalAlign: "middle",
+    "li *:last-child": {
+      "margin-bottom": "0",
+    },
+    "p *:last-child": {
+      "margin-bottom": "0",
+    },
+    "li > p": {
+      "margin-bottom": "calc(1.45rem / 2)",
+    },
+    // YouTube embeds
+    iframe: {
+      display: "block",
+      maxWidth: "560px",
+      margin: "32px 0",
+    },
+    // should be replace by the usage of https://chakra-ui.com/docs/components/heading
+    // also, the media queries defined on each of these heading tags are bearly used
+    "h1,h2,h3,h4,h5,h6": {
+      margin: "2rem 0",
+      lineHeight: 1.4,
+      scrollMarginTop: "navHeight",
+      scrollSnapMargin: "navHeight",
+    },
+    h1: {
+      fontSize: "3rem",
+      fontWeight: 700,
+      [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
+        fontSize: "2.5rem",
+      },
+    },
+    h2: {
+      fontSize: "2rem",
+      marginTop: "3rem",
+      fontWeight: 600,
+      [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
+        fontSize: "1.5rem",
+      },
+    },
+    h3: {
+      fontSize: "1.5rem",
+      marginTop: "2.5rem",
+      fontWeight: 600,
+      [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
+        fontSize: "1.25rem",
+      },
+    },
+    h4: {
+      fontSize: "1.25rem",
+      fontWeight: 500,
+      [`@media (max-width: ${oldTheme.breakpoints.m})`]: {
+        fontSize: "1rem",
+      },
+    },
+    h5: {
+      fontSize: "1rem",
+      fontWeight: 450,
+    },
+    h6: {
+      fontSize: "0.9rem",
+      fontWeight: 400,
+      textTransform: "uppercase",
+    },
+    // Anchor tag styles
+    // Selected specifically for mdx rendered side icon link
+    ".header-anchor": {
+      position: "relative !important",
+      display: "initial",
+      marginLeft: "-1.5em",
+      paddingRight: "0.5rem !important",
+      fontSize: "1rem",
+      verticalAlign: "middle",
 
-            svg: {
-                display: "inline",
-                fill: "primary",
-                visibility: "hidden",
-            },
-        },
-        "h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover": {
-            ".header-anchor svg": {
-                visibility: "visible",
-            },
-        },
-        ".header-anchor:focus svg": {
-            visibility: "visible",
-        },
-       "pre, code, kbd, samp": {
-          fontSize: "0.8em",
-          lineHeight: "1.1rem",
-          fontFamily: "SFMono-Regular,Menlo,Monaco,Consolas,monospace",
-        },
-    }),
+      svg: {
+        display: "inline",
+        fill: "primary",
+        visibility: "hidden",
+      },
+    },
+    "h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover": {
+      ".header-anchor svg": {
+        visibility: "visible",
+      },
+    },
+    ".header-anchor:focus svg": {
+      visibility: "visible",
+    },
+    "pre, code, kbd, samp": {
+      fontSize: "0.8em",
+      lineHeight: "1.1rem",
+      fontFamily: "SFMono-Regular,Menlo,Monaco,Consolas,monospace",
+    },
+  }),
 }
 
 export default styles

src/content/bridges/index.md

@@ -120,9 +120,10 @@ Bridges are crucial to onboarding users onto Ethereum L2s, and even for users wh
 <Divider />
 
 ## Further reading {#further-reading}
-- [EIP-5164: Cross-Chain Execution](https://ethereum-magicians.org/t/eip-5164-cross-chain-execution/9658) _June 18, 2022 - Brendan Asselstine_  
-- [L2Bridge Risk Framework](https://gov.l2beat.com/t/l2bridge-risk-framework/31) _July 5, 2022 - Bartek Kiepuszewski_  
-- ["Why the future will be multi-chain, but it will not be cross-chain."](https://old.reddit.com/r/ethereum/comments/rwojtk/ama_we_are_the_efs_research_team_pt_7_07_january/hrngyk8/) _January 8, 2022 - Vitalik Buterin_ 
+
+- [EIP-5164: Cross-Chain Execution](https://ethereum-magicians.org/t/eip-5164-cross-chain-execution/9658) _June 18, 2022 - Brendan Asselstine_
+- [L2Bridge Risk Framework](https://gov.l2beat.com/t/l2bridge-risk-framework/31) _July 5, 2022 - Bartek Kiepuszewski_
+- ["Why the future will be multi-chain, but it will not be cross-chain."](https://old.reddit.com/r/ethereum/comments/rwojtk/ama_we_are_the_efs_research_team_pt_7_07_january/hrngyk8/) _January 8, 2022 - Vitalik Buterin_
 - [What Are Blockchain Bridges And How Can We Classify Them?](https://blog.li.finance/what-are-blockchain-bridges-and-how-can-we-classify-them-560dc6ec05fa) _Feb 18, 2021 - Arjun Chand_
 - [What Are Cross-Chain Bridges?](https://www.alchemy.com/overviews/cross-chain-bridges) _May 10, 2022 - Alchemy_
 - [Blockchain Bridges: Building Networks of Cryptonetworks](https://medium.com/1kxnetwork/blockchain-bridges-5db6afac44f8) _Sep 8, 2021 - Dmitriy Berenzon_