Merge branch 'dev' into Revamp_find_wallet_header

Author: JoeChenJ

next.config.js

@@ -59,6 +59,14 @@ module.exports = (phase, { defaultConfig }) => {
       // Modify the file loader rule to ignore *.svg, since we have it handled now.
       fileLoaderRule.exclude = /\.svg$/i
 
+      config.module.rules.push({
+        test: /\.(mp3)$/,
+        type: "asset/resource",
+        generator: {
+          filename: "static/media/[name][ext]",
+        },
+      })
+
       return config
     },
     trailingSlash: true,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ethereum-org-website",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "license": "MIT",
   "private": true,
   "scripts": {
@@ -57,6 +57,7 @@
     "ethereum-blockies-base64": "^1.0.2",
     "framer-motion": "^10.13.0",
     "gray-matter": "^4.0.3",
+    "howler": "^2.2.4",
     "htmr": "^1.0.2",
     "lodash.merge": "^4.6.2",
     "lodash.shuffle": "^4.2.0",
@@ -67,7 +68,7 @@
     "next-sitemap": "^4.2.3",
     "next-themes": "^0.3.0",
     "prism-react-renderer": "1.1.0",
-    "prismjs": "^1.27.0",
+    "prismjs": "^1.30.0",
     "react": "^18.2.0",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",

public/content/community/online/index.md

@@ -57,7 +57,7 @@ If you believe a community should be added or removed based on these guidelines,
 <SocialListItem socialIcon="webpage"><Link href="https://ethereum.stackexchange.com/">Ethereum Stack Exchange</Link> <i>- question and answer forum</i></SocialListItem>
 <SocialListItem socialIcon="webpage"><Link href="https://app.peera.ai/">Peera Community Forum</Link> <i>- decentralized question and answer forum</i></SocialListItem>
 
-## YouTube and X formerly (Twitter) {#youtube-and-twitter}
+## YouTube and X (formerly Twitter) {#youtube-and-twitter}
 
 <SocialListItem socialIcon="youtube"><Link href="https://www.youtube.com/c/EthereumFoundation">Ethereum Foundation</Link> - Keep up to date with the latest from the Ethereum Foundation</SocialListItem>
 <SocialListItem socialIcon="twitter"><Link href="https://x.com/ethereum">@ethereum</Link> - Main Ethereum account for the community</SocialListItem>

public/content/decentralized-identity/index.md

@@ -39,7 +39,7 @@ These traditional examples of identifiers are issued, held and controlled by cen
 
 1. Decentralized identity increases individual control of identifying information. Decentralized identifiers and attestations can be verified without relying on centralized authorities and third-party services.
 
-2. Decentralized identity solutions facilitates a trustless, seamless, and privacy-protecting method for verifying and managing user identity.
+2. Decentralized identity solutions facilitate a trustless, seamless, and privacy-protecting method for verifying and managing user identity.
 
 3. Decentralized identity harnesses blockchain technology, which creates trust between different parties and provides cryptographic guarantees to prove the validity of attestations.
 

public/content/defi/index.md

@@ -32,7 +32,7 @@ One of the best ways to see the potential of DeFi is to understand the problems
 - Financial services can block you from getting paid.
 - A hidden charge of financial services is your personal data.
 - Governments and centralized institutions can close down markets at will.
-- Trading hours are often limited to business hours of specific time zone.
+- Trading hours are often limited to business hours of a specific time zone.
 - Money transfers can take days due to internal human processes.
 - There's a premium to financial services because intermediary institutions need their cut.
 

public/content/developers/tutorials/erc20-with-safety-rails/index.md

@@ -146,7 +146,7 @@ Freezing and thawing contracts requires several changes:
       mapping(address => bool) public frozenAccounts;
   ```
 
-- [Events](https://www.tutorialspoint.com/solidity/solidity_events.htm) to inform anybody interested when an account is frozen or thawed. Technically speaking events are not required for these actions, but it helps offchain code to be able to listen to these events and know what is happening. It's considered good manners for a smart contract to emit them when something that miught be relevant to somebody else happens.
+- [Events](https://www.tutorialspoint.com/solidity/solidity_events.htm) to inform anybody interested when an account is frozen or thawed. Technically speaking events are not required for these actions, but it helps offchain code to be able to listen to these events and know what is happening. It's considered good manners for a smart contract to emit them when something that might be relevant to somebody else happens.
 
   The events are indexed so will be possible to search for all the times an account has been frozen or thawed.
 

public/content/developers/tutorials/hello-world-smart-contract-fullstack/index.md

@@ -9,7 +9,7 @@ tags:
     "alchemy",
     "smart contracts",
     "deploying",
-    "blockexplorer",
+    "block explorer",
     "frontend",
     "transactions",
   ]

public/content/developers/tutorials/how-to-use-slither-to-find-smart-contract-bugs/index.md

@@ -3,7 +3,7 @@ title: How to use Slither to find smart contract bugs
 description: How to use Slither to automatically find bugs in smart contracts
 author: Trailofbits
 lang: en
-tags: ["solidity", "smart contracts", "security", "testing", "static analysis"]
+tags: ["solidity", "smart contracts", "security", "testing"]
 skill: advanced
 published: 2020-06-09
 source: Building secure contracts

public/content/developers/tutorials/ipfs-decentralized-ui/index.md

@@ -2,7 +2,7 @@
 title: IPFS for decentralized user interfaces
 description: This tutorial teaches the reader how to use IPFS to store the user interface for a dapp. Although the application's data and business logic are decentralized, without a censorship resistant user interface users might lose access to it anyway.
 author: Ori Pomerantz
-tags: ["ipfs", "user interface"]
+tags: ["ipfs"]
 skill: beginner
 lang: en
 published: 2024-06-29

public/content/developers/tutorials/kickstart-your-dapp-frontend-development-with-create-eth-app/index.md

@@ -3,7 +3,7 @@ title: Kickstart your dapp frontend development with create-eth-app
 description: An overview of how to use create-eth-app and its features
 author: "Markus Waas"
 tags:
-  ["create-eth-app", "frontend", "javascript", "ethers.js", "the graph", "defi"]
+  ["frontend", "javascript", "ethers.js", "the graph", "defi"]
 skill: beginner
 lang: en
 published: 2020-04-27