diff --git a/package.json b/package.json index ee08be8c2bc..f1b2661b662 100644 --- a/package.json +++ b/package.json @@ -54,7 +54,7 @@ "react-dom": "17.0.2", "react-emoji-render": "^1.2.4", "react-helmet": "^6.1.0", - "react-icons": "^4.1.0", + "react-icons": "^4.3.1", "react-instantsearch-dom": "^6.6.0", "react-select": "^4.3.0", "recharts": "1.8.5", diff --git a/src/components/EventCard.js b/src/components/EventCard.js new file mode 100644 index 00000000000..95abf603415 --- /dev/null +++ b/src/components/EventCard.js @@ -0,0 +1,59 @@ +import React from "react" +import styled from "styled-components" +import Emoji from "./Emoji" +import ButtonLink from "./ButtonLink" + +const StyledCard = styled.div` + display: flex; + flex: 1 1 30%; + max-width: 620px; + min-width: 240px; + margin: 2rem 0; + flex-direction: column; + justify-content: space-between; + background: ${(props) => props.theme.colors.ednBackground}; + border-radius: 2px; + border: 1px solid ${(props) => props.theme.colors.lightBorder}; + padding: 1.5rem; +` + +const Description = styled.p` + opacity: 0.8; +` + +const Date = styled.p` + color: ${(props) => props.theme.colors.primary}; + margin-bottom: 0; + text-align: right; +` + +const Location = styled.p` + margin-bottom: 0; + text-align: right; +` + +const LocationText = styled.span` + opacity: 0.6; +` + +const Title = styled.h3` + margin-top: 0; +` + +const EventCard = ({ title, to, date, description, className, location }) => ( + + + {date} + + + + {location} + + + {title} + {description} + View Event + +) + +export default EventCard diff --git a/src/components/Footer.js b/src/components/Footer.js index 8a6d584f9ca..7e1c66200ac 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -225,7 +225,7 @@ const Footer = () => { links: [ { to: `/community/`, - text: "ethereum-community", + text: "community-hub", }, { to: "/foundation/", diff --git a/src/components/Icon.js b/src/components/Icon.js index c2f4db43880..65e62f1957c 100644 --- a/src/components/Icon.js +++ b/src/components/Icon.js @@ -2,7 +2,15 @@ import React from "react" import PropTypes from "prop-types" import styled from "styled-components" import { IconContext } from "react-icons" -import { FaGithub, FaTwitter, FaYoutube, FaDiscord } from "react-icons/fa" +import { + FaGithub, + FaTwitter, + FaYoutube, + FaDiscord, + FaRedditAlien, + FaStackExchange, + FaGlobe, +} from "react-icons/fa" import { MdAdd, MdBrightness2, @@ -20,7 +28,15 @@ import { import { BsQuestionSquareFill, BsToggleOff, BsToggleOn } from "react-icons/bs" import { IoCodeOutline, IoCodeDownload } from "react-icons/io5" -const Icon = ({ name, size, className }) => ( +const socialColors = { + reddit: "#FF4301", + twitter: "#1DA1F2", + youtube: "#FF0000", + discord: "#7289da", + stackExchange: "#48a2da", +} + +const Icon = ({ name, color = false, size, className }) => ( {name === "add" && } {name === "chevronDown" && } @@ -34,15 +50,28 @@ const Icon = ({ name, size, className }) => ( {name === "zenModeOff" && } {name === "zenModeOn" && } {name === "menu" && } - {name === "twitter" && } + {name === "twitter" && ( + + )} {name === "search" && } - {name === "youtube" && } - {name === "discord" && } + {name === "youtube" && ( + + )} + {name === "discord" && ( + + )} {name === "glossary" && } {name === "codeDownload" && } {name === "code" && } {name === "flip" && } {name === "help" && } + {name === "reddit" && ( + + )} + {name === "stackExchange" && ( + + )} + {name === "webpage" && } ) @@ -58,8 +87,10 @@ Icon.propTypes = { } const StyledIcon = styled(Icon)` - fill: ${(props) => props.theme.colors.secondary}; - &:hover path:last-of-type { + fill: ${(props) => + props.color ? props.color : props.theme.colors.secondary}; + + &:hover svg { fill: ${(props) => props.theme.colors.primary}; } ` diff --git a/src/components/Layout.js b/src/components/Layout.js index a4da9b42795..f46e36054b7 100644 --- a/src/components/Layout.js +++ b/src/components/Layout.js @@ -83,10 +83,9 @@ const Layout = (props) => { if (localStorage.getItem("zen-mode") !== null) { let isMobile = false if (typeof window !== undefined) { - isMobile = - /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( - window.navigator.userAgent - ) + isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( + window.navigator.userAgent + ) } setIsZenMode(localStorage.getItem("zen-mode") === "true" && !isMobile) } diff --git a/src/components/MeetupList.js b/src/components/MeetupList.js index d7c38d3f1ae..3c4b83f08c3 100644 --- a/src/components/MeetupList.js +++ b/src/components/MeetupList.js @@ -1,281 +1,14 @@ -import React from "react" +// Libraries +import React, { useState } from "react" import styled from "styled-components" -import Emoji from "./Emoji" +// Components +import Emoji from "./Emoji" +import InfoBanner from "./InfoBanner" import Link from "./Link" -const meetups = [ - { - title: "Bokky's Ethereum Workshop", - emoji: ":australia:", - location: "Sydney", - link: "https://www.meetup.com/BokkyPooBahs-Ethereum-Workshop/", - }, - { - title: "ETHSydney", - emoji: ":australia:", - location: "Sydney", - link: "https://www.meetup.com/ethsydney/", - }, - { - title: "Web3 Sydney", - emoji: ":australia:", - location: "Sydney", - link: "https://www.meetup.com/web3sydney/", - }, - { - title: "Ethereum Vienna", - emoji: ":austria:", - location: "Vienna", - link: "https://www.meetup.com/Ethereum-Vienna/", - }, - { - title: "Ethereum Buenos Aires", - emoji: ":argentina:", - location: "Buenos Aires", - link: "https://www.meetup.com/ethereum-ba/", - }, - { - title: "BUIDL Tegucigalpa", - emoji: ":honduras:", - location: "Tegucigalpa", - link: "https://www.meetup.com/buidl-tegucigalpa/", - }, - { - title: "Ethereum Developers São Paulo", - emoji: ":brazil:", - location: "São Paulo", - link: "https://www.meetup.com/Ethereum-Developers-Sao-Paulo/", - }, - { - title: "Ethereum Developers", - emoji: ":canada:", - location: "Toronto", - link: "https://www.meetup.com/Ethereum-Developers/", - }, - { - title: "Vancouver Ethereum & Blockchain 2.0 Meetup", - emoji: ":canada:", - location: "Vancouver", - link: "https://www.meetup.com/Vancouver-Ethereum-Meetup/", - }, - { - title: "Ethereum Paris", - emoji: ":fr:", - location: "Paris", - link: "https://www.meetup.com/Ethereum-Paris/", - }, - { - title: "Ethereum Toulouse", - emoji: ":fr:", - location: "Toulouse", - link: "https://www.meetup.com/Ethereum-Toulouse/", - }, - { - title: "Berlin Ethereum Meetup", - emoji: ":de:", - location: "Berlin", - link: "https://www.meetup.com/Berlin-Ethereum-Meetup/", - }, - { - title: "Ethereum Hong Kong", - emoji: ":hong_kong:", - location: "Hong Kong", - link: "https://www.meetup.com/Ethereum-Hong-Kong/", - }, - { - title: "Ethereum Indonesia", - emoji: ":indonesia:", - location: "Jakarta", - link: "https://www.meetup.com/Ethereum-indonesia/", - }, - { - title: "Italian Ethereum Meetup", - emoji: ":it:", - location: "Milan", - link: "https://www.meetup.com/it-IT/Italian-Ethereum-Meetup/", - }, - { - title: "Ethereum Italia Hub (Telegram Group)", - emoji: ":it:", - location: "Remote", - link: "https://t.me/ethereumitalia", - }, - { - title: "Ethereum Japan", - emoji: ":jp:", - location: "Multiple Locations", - link: "https://ethereumjapan.connpass.com/", - }, - { - title: "Ethereum Malaysia", - emoji: ":malaysia:", - location: "Kuala Lumpur", - link: "https://www.meetup.com/ETHMALAYSIA/", - }, - { - title: "Ethereum DEV NL", - emoji: ":netherlands:", - location: "Amsterdam", - link: "https://www.meetup.com/Ethereum-DEV-NL/", - }, - { - title: "Lagos Ethereum Meetup", - emoji: ":nigeria:", - location: "Lagos", - link: "https://www.meetup.com/Lagos-Ethereum-Meetup/", - }, - { - title: "Ethereum Singapore", - emoji: ":singapore:", - location: "Singapore", - link: "https://www.meetup.com/Ethereum-Singapore/", - }, - { - title: "Cape Town Ethereum Meetup", - emoji: ":south_africa:", - location: "Cape Town", - link: "https://www.meetup.com/Cape-Town-Ethereum-Meetup/", - }, - { - title: "Johannesburg Ethereum Meetup", - emoji: ":south_africa:", - location: "Johannesburg", - link: "https://www.meetup.com/Johannesburg-Ethereum-Meetup/", - }, - { - title: "Jeju Blockchain Meetup", - emoji: ":kr:", - location: "Jeju", - link: "https://www.meetup.com/Jeju-Blockchain-Meetup", - }, - { - title: "Seoul Ethereum Meetup", - emoji: ":kr:", - location: "Seoul", - link: "https://www.meetup.com/Seoul-Ethereum-Meetup/", - }, - { - title: "BCN Ethereum Dev", - emoji: ":es:", - location: "Barcelona", - link: "https://www.meetup.com/ethereumbcn", - }, - { - title: "Ethereum Spain", - emoji: ":es:", - location: "Madrid", - link: "https://www.meetup.com/Ethereum-Spain/", - }, - { - title: "Ethereum Madrid", - emoji: ":es:", - location: "Madrid", - link: "https://ethereummadrid.com/", - }, - { - title: "Geneva DevChain", - emoji: ":switzerland:", - location: "Geneva", - link: "https://www.meetup.com/devchain-geneva/", - }, - { - title: "Ethereum London", - emoji: ":gb:", - location: "London", - link: "https://www.meetup.com/ethereum/", - }, - { - title: "Austin Ethereum Meetup", - emoji: ":us:", - location: "Austin", - link: "https://www.meetup.com/Austin-Ethereum-Meetup/", - }, - { - title: "Ethereum Columbus", - emoji: ":us:", - location: "Columbus", - link: "https://www.meetup.com/eth-columbus/", - }, - { - title: "Ethereum Denver", - emoji: ":us:", - location: "Denver", - link: "https://www.meetup.com/Ethereum-Denver/", - }, - { - title: "Ethereum Los Angeles", - emoji: ":us:", - location: "Los Angeles", - link: "https://www.meetup.com/Ethereum-Los-Angeles/", - }, - { - title: "Ethereum Community NYC", - emoji: ":us:", - location: "New York City", - link: "https://www.meetup.com/ConsenSys-Ethereum-Meetup/", - }, - { - title: "NYC Ethereum", - emoji: ":us:", - location: "New York City", - link: "https://www.meetup.com/NYC_Ethereum/", - }, - { - title: "Blockchain and Brews (San Diego)", - emoji: ":us:", - location: "San Diego", - link: "https://www.meetup.com/Blockchain-and-Brews/", - }, - { - title: "SF Ethereum Developers", - emoji: ":us:", - location: "SF/ Bay Area", - link: "https://www.meetup.com/SF-Ethereum-Developers/", - }, - { - title: "Silicon Valley Ethereum Meetup", - emoji: ":us:", - location: "SF / Bay Area", - link: "https://www.meetup.com/SF-Ethereum-Developers/", - }, - { - title: "SF Ethereum", - emoji: ":us:", - location: "SF / Bay Area", - link: "https://www.meetup.com/SF_Ethereum/", - }, - { - title: "Chainlink San Francisco", - emoji: ":us:", - location: "SF / Bay Area", - link: "https://www.meetup.com/Chainlink-San-Francisco/", - }, - { - title: "Seattle", - emoji: ":us:", - location: "Seattle", - link: "https://www.meetup.com/Seattle-Ethereum-Meetup/", - }, - { - title: "Chiang Mai Dapps", - emoji: ":thailand:", - location: "Chiang Mai", - link: "https://www.facebook.com/groups/219236462407862/", - }, - { - title: "Web3 Together", - emoji: ":cambodia:", - location: "Phnom Penh", - link: "https://www.facebook.com/Web3Together", - }, - { - title: "DeFi Dubai", - emoji: ":united_arab_emirates:", - location: "Dubai", - link: "https://www.meetup.com/DeFi-Dubai/", - }, -] +// Data +import meetups from "../data/community-meetups.json" const Table = styled.div` box-shadow: ${(props) => props.theme.colors.tableBoxShadow}; @@ -322,23 +55,80 @@ const LeftContainer = styled.div` flex: 1 1 75%; margin-right: 1rem; ` + +const StyledInput = styled.input` + display: block; + margin-right: auto; + margin-left: auto; + margin-bottom: 1.5rem; + + border: 1px solid ${(props) => props.theme.colors.searchBorder}; + color: ${(props) => props.theme.colors.text}; + background: ${(props) => props.theme.colors.searchBackground}; + padding: 0.5rem; + border-radius: 0.25em; + width: 100%; + + &:focus { + outline: ${(props) => props.theme.colors.primary} auto 1px; + } + &:placeholder { + color: ${(props) => props.theme.colors.text200}; + } +` + +const filterMeetups = (query) => { + if (!query) return meetups + + const lowercaseQuery = query.toLowerCase() + + return meetups.filter((meetup) => { + return ( + meetup.title.toLowerCase().includes(lowercaseQuery) || + meetup.location.toLowerCase().includes(lowercaseQuery) + ) + }) +} + // TODO create generalized CardList / TableCard // TODO prop if ordered list or unordered -const MeetupList = () => ( - - {meetups.map((meetup, idx) => ( - - - {idx + 1} - {meetup.title} - - - - {meetup.location} - - - ))} -
-) +const MeetupList = () => { + const [searchField, setSearchField] = useState("") + const filteredMeetups = filterMeetups(searchField) + + const handleSearch = (event) => setSearchField(event.target.value) + + return ( +
+ + + {filteredMeetups.length ? ( + filteredMeetups.map((meetup, idx) => ( + + + {idx + 1} + {meetup.title} + + + + {meetup.location} + + + )) + ) : ( + + We don't have any meetups matching this search. Know of one?{" "} + + Please add it to this page! + + + )} +
+
+ ) +} export default MeetupList diff --git a/src/components/Nav/index.js b/src/components/Nav/index.js index eb7e62ff411..a565c020367 100644 --- a/src/components/Nav/index.js +++ b/src/components/Nav/index.js @@ -119,6 +119,11 @@ const ThemeToggle = styled(NakedButton)` margin-left: 1rem; display: flex; align-items: center; + &:hover { + svg { + fill: ${(props) => props.theme.colors.primary}; + } + } ` const NavIcon = styled(Icon)` @@ -280,13 +285,30 @@ const Nav = ({ handleThemeChange, isDarkTheme, path }) => { ariaLabel: "community-menu", items: [ { - text: "ethereum-community", + text: "community-hub", to: "/community/", }, + { + text: "ethereum-online", + to: "/community/online/", + }, + { + text: "ethereum-events", + to: "/community/events/", + }, + + { + text: "get-involved", + to: "/community/get-involved/", + }, { text: "grants", to: "/community/grants/", }, + { + text: "ethereum-support", + to: "/community/support/", + }, ], }, ] diff --git a/src/components/PageHero.js b/src/components/PageHero.js index 3e62b2d524d..f806af3e9da 100644 --- a/src/components/PageHero.js +++ b/src/components/PageHero.js @@ -59,7 +59,7 @@ const Title = styled.h1` text-transform: uppercase; font-size: 1rem; font-weight: 400; - margin-bottom: -2rem; + margin-bottom: 1rem; color: ${(props) => props.theme.colors.text300}; ` diff --git a/src/components/SocialListItem.js b/src/components/SocialListItem.js new file mode 100644 index 00000000000..699ef16bcb3 --- /dev/null +++ b/src/components/SocialListItem.js @@ -0,0 +1,31 @@ +// Libraries +import React from "react" +import styled from "styled-components" + +// Components +import Icon from "./Icon" + +// Styles +const Item = styled.div` + display: flex; + width: 100%; + padding: 0.5rem 0; + align-items: center; +` + +const StyledIcon = styled(Icon)` + padding-right: 0.75rem; +` + +const SocialListItem = ({ children, socialIcon }) => { + return ( + +
+ +
+
{children}
+ + ) +} + +export default SocialListItem diff --git a/src/components/TableOfContents.js b/src/components/TableOfContents.js index 0a60f43c93c..0cd713be4df 100644 --- a/src/components/TableOfContents.js +++ b/src/components/TableOfContents.js @@ -12,6 +12,7 @@ import { dropdownIconContainerVariant } from "./SharedStyledComponents" import { ZenModeContext } from "../contexts/ZenModeContext" const customIdRegEx = /^.+(\s*\{#([A-Za-z0-9\-_]+?)\}\s*)$/ +const emojiRegEx = //g const Aside = styled.aside` position: sticky; @@ -220,7 +221,11 @@ const getCustomId = (title) => { const trimmedTitle = (title) => { const match = customIdRegEx.exec(title) - return match ? title.replace(match[1], "").trim() : title + const trimmedTitle = match ? title.replace(match[1], "").trim() : title + + // Removes Twemoji components from title + const emojiMatch = emojiRegEx.exec(trimmedTitle) + return emojiMatch ? trimmedTitle.replaceAll(emojiRegEx, "") : trimmedTitle } const TableOfContentsLink = ({ depth, item, activeHash }) => { diff --git a/src/components/Tooltip.js b/src/components/Tooltip.js index 1a555c546f7..3bc7b03107f 100644 --- a/src/components/Tooltip.js +++ b/src/components/Tooltip.js @@ -57,10 +57,9 @@ const Tooltip = ({ content, children }) => { let isMobile = false if (typeof window !== "undefined") { - isMobile = - /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( - window.navigator.userAgent - ) + isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( + window.navigator.userAgent + ) } return ( diff --git a/src/components/UpcomingEventsList.js b/src/components/UpcomingEventsList.js index 60fdce3fa7d..0c13c52e6de 100644 --- a/src/components/UpcomingEventsList.js +++ b/src/components/UpcomingEventsList.js @@ -1,7 +1,23 @@ +// Libraries import React, { useEffect, useState } from "react" +import styled from "styled-components" + +// Components +import EventCard from "../components/EventCard" +import InfoBanner from "../components/InfoBanner" import Link from "../components/Link" + +// Data import events from "../data/community-events.json" +const EventList = styled.ul` + margin: 0; +` + +const EventListItem = styled.li` + list-style-type: none; +` + const UpcomingEventsList = () => { const [orderedUpcomingEvents, setOrderedUpcomingEvents] = useState() @@ -35,12 +51,13 @@ const UpcomingEventsList = () => { event.endDate ).toLocaleDateString()}` - const details = `${event.sponsor ? "(" + event.sponsor + ")" : ""} - ${ + const details = `${event.sponsor ? "(" + event.sponsor + ")" : ""} ${ event.description - } (${dateRange})` + }` return { ...event, + date: dateRange, formattedDetails: details, } }) @@ -48,17 +65,36 @@ const UpcomingEventsList = () => { setOrderedUpcomingEvents(formattedEvents) }, []) + if (orderedUpcomingEvents?.length === 0) { + return ( + + {" "} + We're not aware of any upcoming events. Know of one?{" "} + + Please add it to this page! + + + ) + } + return ( - + + {orderedUpcomingEvents?.map( + ({ title, to, formattedDetails, date, location }, idx) => { + return ( + + + + ) + } + )} + ) } diff --git a/src/content/community/events/index.md b/src/content/community/events/index.md new file mode 100644 index 00000000000..9c87a7caaae --- /dev/null +++ b/src/content/community/events/index.md @@ -0,0 +1,24 @@ +--- +title: Ethereum events +description: How to get involved in the Ethereum community. +sidebar: false +lang: en +--- + +## Upcoming events {#events} + +**Every month, there are major Ethereum events around the world.** Consider attending one near you to meet more people in the community, learn about employment opportunities, and develop new skills. + + + +This is a non-exhaustive list maintained by our community. Know of an upcoming Ethereum event to add to this list? [Please add it](https://github.com/ethereum/ethereum-org-website/blob/dev/src/data/community-events.json)! + +## Ethereum meetups {#meetups} + +Don't see an event that works for you? Try joining a meetup. Meetups are smaller events held by groups of Ethereum enthusiasts - a chance for people interested in Ethereum to get together, talk about Ethereum, and learn about recent developments. + + + +Interested in starting your own meetup? Check out the [BUIDL Network](https://consensys.net/developers/buidlnetwork/), an initiative by ConsenSys to help support Ethereum’s meetup communities. + +This is a non-exhaustive list built by our community. You can [find more Ethereum meetups here](https://www.meetup.com/topics/ethereum/). Know of an active meetup group to add to this list? [Please add it](https://github.com/ethereum/ethereum-org-website/blob/dev/src/data/community-meetups.json)! diff --git a/src/content/community/get-involved/index.md b/src/content/community/get-involved/index.md new file mode 100644 index 00000000000..f4e98cb9863 --- /dev/null +++ b/src/content/community/get-involved/index.md @@ -0,0 +1,111 @@ +--- +title: How can I get involved? +description: How to get involved in the Ethereum community. +sidebar: true +lang: en +--- + +# How can I get involved? {#get-involved} + +The Ethereum community includes people of many different backgrounds and skillsets. Whether you’re a developer, an artist, or an accountant, there are ways to get involved. Here’s a list of suggestions that might help you get started. + +## Developers ‍ {#developers} + +- Learn about and try Ethereum at [ethereum.org/developers/](/developers/) +- [Find a bounty on Gitcoin](https://gitcoin.co/), work on a small or large technical issue, earn crypto! +- Attend an [ETHGlobal](http://ethglobal.co/) hackathon near you! +- Check out [projects related to your area of expertise or programming language of choice](/developers/docs/programming-languages/) +- Watch or participate in the [Core Dev calls](https://www.youtube.com/playlist?list=PLaM7G4Llrb7zfMXCZVEXEABT8OSnd4-7w) +- [Ecosystem Support Program's wishlist](https://esp.ethereum.foundation/wishlist/) - tooling, documentation, and infrastructure areas where the Ethereum Ecosystem Support Program is actively seeking grant applications +- [Web3Bridge](https://www.web3bridge.com/) - join the aspiring web3 community in their initiative to identify, train, and support hundreds of developers and community members throughout Africa + +## Researchers & Academics ‍ {#researchers-and-academics} + +Do you have a background in mathematics, cryptography, or economics? You might be interested in some of the cutting-edge work being done within the Ethereum ecosystem + +- [Challenges.ethereum.org](https://challenges.ethereum.org/) - a series of high-value research bounties, where you can earn >$100,000 USD +- [Ethresear.ch](https://ethresear.ch) - Ethereum’s primary forum for research, and the world’s most influential forum for cryptoeconomics +- [Ecosystem Support Program's wishlist](https://esp.ethereum.foundation/wishlist/) - research areas where the Ethereum Ecosystem Support Program is actively seeking grant applications + +## Non-technical skillsets ‍ {#non-technical} + +If you’re not a developer, it can be hard to know where to start in Ethereum. Here are a few suggestions, along with resources for specific professional backgrounds. + +### Organize a meetup in your city {#meetups} + +- Not sure how to start? The [BUIDL network](https://consensys.net/developers/buidlnetwork/) can help. + +### Write content about Ethereum {#write-content} + +- Ethereum needs good writers who can explain its value in plain language +- Not ready to publish your own articles? Consider contributing to the existing content on community resources like [EthHub](https://docs.ethhub.io/), or propose new content for ethereum.org! + +### Offer to take notes for community calls {#take-notes} + +- There are many open-source community calls, and having notetakers is a huge help. If you’re interested, join the [Ethereum Cat Herders discord](https://discord.com/invite/tzYmDmF), and introduce yourself! + +### Translate Ethereum content into your native language {#translate-ethereum} + +- ethereum.org maintains a translation program that translates the website, and other resources, into many different languages +- Find out how to get involved [here](/contributing/translation-program) + +### Run a node {#run-a-node} + +Join thousands of node operators in helping to further decentralize Ethereum. + +- [More on how to run a node](/developers/docs/nodes-and-clients/run-a-node/) + +### Stake your ETH {#staking} + +By staking your ETH you can earn rewards whilst helping to secure the Ethereum network. + +- [More on staking](/eth2/staking/) + +### Support projects {#suport-projects} + +The Ethereum ecosystem is on a mission to fund public goods and impactful projects. With very small donations you can show your support and allow important work to be realized. + +- [Gitcoin](https://gitcoin.co/fund) +- [clr.fund](https://clr.fund/#/about) + +## Financial professionals & Accountants ‍ {#financial-professionals} + +- Ethereum is home to the “Decentralized Finance” ecosystem - a network of protocols and applications that offer an alternative financial system. If you’re a financial professional, check out some DeFi apps at [DeFi Pulse](https://defipulse.com/) or [DeFiPrime](https://defiprime.com) +- Accountant? Assets on Ethereum - ETH, tokens, DeFi, etc - introduce many novel accounting issues. You could start by checking out some projects that aim to help users of cryptocurrency solve their bookkeeping & accounting challenges, like [Rotki](https://rotki.com/) + +## Product Managers ‍ {#product-managers} + +- The Ethereum ecosystem needs your talents! Many companies are hiring for product manager roles. If you want to start by contributing to an open source project, get in touch with the [Ethereum Cat Herders](https://discord.gg/tzYmDmF) or [MetaCartel](https://www.metacartel.org/) + +## Marketing ‍ {#marketing} + +- There are many marketing and communications positions in the Ethereum ecosystem! + +## Ethereum jobs {#ethereum-jobs} + +**Want to find a job working in Ethereum?** + +- [Cryptocurrency Jobs](https://cryptocurrencyjobs.co/ethereum/) +- [Crypto.jobs](https://crypto.jobs/) +- [Careers at ConsenSys](https://consensys.net/careers/) +- [Crypto Jobs List](https://cryptojobslist.com/ethereum-jobs) +- [Bankless jobs board](https://pallet.xyz/list/bankless/jobs) +- [useWeb3 Jobs](https://www.useweb3.xyz/jobs) + +## Join a DAO {#decentralized-autonomous-organizations-daos} + +"DAOs" are decentralized autonomous organizations. These groups leverage Ethereum technology to facilitate organization and collaboration. For instance, for controlling membership, voting on proposals, or managing pooled assets. While DAOs are still experimental, they offer opportunities for you to find groups that you identify with, find collaborators, and grow your impact on the Ethereum community. [More on DAOs](/dao/) + +- [LexDAO](https://lexdao.coop) [@lex_DAO](https://twitter.com/lex_DAO) - _Legal engineering_ +- [Machi X](https://machix.com) [@MachiXOfficial](https://twitter.com/MachiXOfficial) - _Art community_ +- [MetaCartel](https://metacartel.org) [@Meta_Cartel](https://twitter.com/Meta_Cartel) - _DAO incubator_ +- [MetaCartel Ventures](https://metacartel.xyz) [@VENTURE_DAO](https://twitter.com/VENTURE_DAO) - _Venture for pre-seed crypto projects_ +- [MetaGame](https://metagame.wtf) [@MetaFam](https://twitter.com/MetaFam) - _MMORPG Game Mechanics for Real Life_ +- [MetaFactory](https://metafactory.ai) [@TheMetaFactory](https://twitter.com/TheMetaFactory) - _Digiphysical Apparel Brands_ +- [MolochDAO](https://molochdao.com) [@MolochDAO](https://twitter.com/MolochDAO) - _Community focused on funding Ethereum development_ +- [ΜΓΔ](https://metagammadelta.com/) (Meta Gamma Delta) [@metagammadelta](https://twitter.com/metagammadelta) - _Women-led projects_ +- [Raid Guild](https://raidguild.org) [@RaidGuild](https://twitter.com/RaidGuild) - _Collective of Web3 builders_ +- [DAOSquare](https://www.daosquare.io) [@DAOSquare](https://twitter.com/DAOSquare) - _Promote the DAO concept in non-tech field and help people create value through DAO._ +- [dOrg](https://dOrg.tech) [@dOrg_tech](https://twitter.com/dOrg_tech) - _Freelancer Web3 development collective working as a DAO_ +- [HausDAO](https://daohaus.club) [@nowdaoit](https://twitter.com/nowdaoit) - _Community governance of DAOhaus_ +- [Developer DAO](https://www.developerdao.com/) [@developer_dao](https://twitter.com/developer_dao) - _Community of builders who believe in collective ownership of the internet_ diff --git a/src/content/community/grants/index.md b/src/content/community/grants/index.md index f2f5d75154d..a71373242ca 100644 --- a/src/content/community/grants/index.md +++ b/src/content/community/grants/index.md @@ -11,7 +11,7 @@ The programs listed below offer a variety of funding grants for projects working This list is curated by our community. If there's something missing or incorrect, please edit this page! -### Broad Ethereum ecosystem {#broad-ethereum-ecosystem} +## Broad Ethereum ecosystem {#broad-ethereum-ecosystem} These programs support the broad Ethereum ecosystem by offering grants to a wide scope of projects. These include solutions for scalability, community building, security, privacy, and more. These grants are not specific to any one Ethereum platform and are a good place to start if you're unsure. @@ -22,7 +22,7 @@ These programs support the broad Ethereum ecosystem by offering grants to a wide - [Moloch DAO](https://www.molochdao.com/) - _Privacy, layer 2 scaling, client security, and more_ - [Open Grants](https://opengrants.com/explore) -### Project specific {#project-specific} +## Project specific {#project-specific} These projects have created their own grants for projects aimed at developing and experimenting with their own technology. @@ -31,9 +31,13 @@ These projects have created their own grants for projects aimed at developing an - [Balancer](https://forms.gle/c68e4fM7JHCQkPkN7) – _[Balancer](https://balancer.fi/) Ecosystem Fund_ - [mStable](https://docs.mstable.org/advanced/grants-program) - _[mStable](https://mstable.org/) community_ -### Quadratic funding {#quadratic-funding} +## Quadratic funding {#quadratic-funding} The open source roots of Ethereum have led to the growth of an interesting new fundraising model: quadratic funding. This has the potential to improve the way we fund all types of public goods in the future. Quadratic funding makes sure that the projects that receive the most funding are those with the most unique demand. In other words, projects that stand to improve the lives of the most people. [More on quadratic funding.](/defi/#quadratic-funding) - [Gitcoin](https://gitcoin.co/grants) - [clr.fund](https://clr.fund/) + +## Work in Ethereum {#work-in-ethereum} + +Not ready to start your own project? There are hundreds of companies actively looking for passionate individuals to work in and contribute to the Ethereum ecosystem. Looking for more information? [Check out Ethereum related jobs](/community/get-involved/#ethereum-jobs) diff --git a/src/content/community/index.md b/src/content/community/index.md deleted file mode 100644 index 5bb66f1a9d3..00000000000 --- a/src/content/community/index.md +++ /dev/null @@ -1,143 +0,0 @@ ---- -title: Get involved in the Ethereum community -description: How to get involved in the Ethereum community. -sidebar: true -lang: en ---- - -# Ethereum community {#ethereum-community} - -**Learn how to get involved in the Ethereum community** - -The Ethereum community includes tens of thousands of developers, technologists, users, miners, HODLers, and enthusiasts all over the world. There are many ways to get involved in the Ethereum community: you can attend an event, join a meetup group, contribute to a project, or participate in one of many online forums about Ethereum. - -Want to contribute to Ethereum more directly? Check out [how to get involved](#how-can-i-get-involved) below for a list of ways that you can contribute based on your skills and professional background. - -## Online communities {#online-communities} - -Hundreds of thousands of Ethereum enthusiasts gather in these online forums to share news, talk about recent developments, debate technical issues, and imagine the future. - -- Forums - - [r/ethereum](https://www.reddit.com/r/ethereum/) - _all things Ethereum_ - - [r/ethfinance](https://www.reddit.com/r/ethfinance/) - _the financial side of Ethereum, including DeFi_ - - [r/ethdev](https://www.reddit.com/r/ethdev/) - _focused on Ethereum development_ - - [r/ethtrader](https://www.reddit.com/r/ethtrader/) - _trends & market analysis_ - - [r/EtherMining](https://www.reddit.com/r/EtherMining/) - _focused on securing the Ethereum Network (mining)_ - - [r/ethstaker](https://www.reddit.com/r/ethstaker/) - _welcome to all interested in staking on Ethereum_ - - [Fellowship of Ethereum Magicians](https://ethereum-magicians.org) - _community oriented around technical standards in Ethereum_ - - [Ethereum Stackexchange](https://ethereum.stackexchange.com) - _discussion and help for Ethereum developers_ - - [Ethereum Research](https://ethresear.ch) - _the most influential messageboard for cryptoeconomic research_ -- Chat rooms - - [Ethereum Gitter](https://gitter.im/ethereum/home) - _chat room for the Ethereum GitHub repo_ - - [Ethereum Cat Herders](https://discord.gg/tzYmDmF) - _community oriented around offering project management support to Ethereum development_ - - [Ethereum Hackers](https://ethglobal.co/discord) - _Discord chat run by [ETHGlobal](https://www.ethglobal.co/): an online community for Ethereum hackers all over the world_ - - [CryptoDevs Discord](https://discord.gg/5W5tVb3) - _Ethereum development focused Discord community_ - - [EthStaker Discord](https://discord.io/ethstaker) - _Support for the [Beacon Chain](/eth2/beacon-chain/) staking community_ - - [Eth R&D Discord](https://discord.gg/qGpsxSA) - _Strictly for focused discussions around core protocol development (Not for individual support or assistance)_ - - [ethereum.org Website Team](https://discord.gg/CetY6Y4) - _Stop by and chat ethereum.org web design with the team and folks from the community_ -- Twitter - - The Ethereum community is very active on Twitter - not sure where to start? - - [List of influential Ethereum twitter accounts](https://hive.one/ethereum/) - -## Upcoming events {#upcoming-events} - -**Every month, there are major Ethereum events around the world.** Consider attending one near you to meet more people in the community, learn about employment opportunities, and develop new skills. - - - -_Have an event to add to this list? [Add it](https://github.com/ethereum/ethereum-org-website#how-can-i-contribute)!_ - -## Ethereum meetup groups {#ethereum-meetup-groups} - -"Meetups" are small events held by groups of Ethereum enthusiasts - a chance for people interested in Ethereum to get together, talk about Ethereum, and learn about recent developments. - - - -Interested in starting your own meetup? Check out the [BUIDL Network](https://consensys.net/developers/buidlnetwork/), an initiative by ConsenSys to help support Ethereum’s meetup communities. - -This is a non-exhaustive list built by our community. Know of an active meetup group to add to this list? [Please add it](https://github.com/ethereum/ethereum-org-website#content-contributions)! - -## Decentralized autonomous organizations (DAOs) {#decentralized-autonomous-organizations-daos} - -"DAOs" are Decentralized autonomous organizations. These groups leverage Ethereum technology to facilitate organization and collaboration. For instance, for controlling membership, voting on proposals, or managing pooled assets. While DAOs are still experimental, they offer opportunities for you to find groups that you identify with, find collaborators, and grow your impact on the Ethereum community. [More on DAOs](/dao/) - -- [LexDAO](https://lexdao.coop) [@lex_DAO](https://twitter.com/lex_DAO) - _Legal engineering_ -- [Machi X](https://machix.com) [@MachiXOfficial](https://twitter.com/MachiXOfficial) - _Art community_ -- [MetaCartel](https://metacartel.org) [@Meta_Cartel](https://twitter.com/Meta_Cartel) - _DAO incubator_ -- [MetaCartel Ventures](https://metacartel.xyz) [@VENTURE_DAO](https://twitter.com/VENTURE_DAO) - _Venture for pre-seed crypto projects_ -- [MetaGame](https://wiki.metagame.wtf) [@MetaFam](https://twitter.com/MetaFam) - _MMORPG Game Mechanics for Real Life_ -- [MetaFactory](https://metafactory.ai) [@TheMetaFactory](https://twitter.com/TheMetaFactory) - _Digiphysical Apparel Brands_ -- [MolochDAO](https://molochdao.com) [@MolochDAO](https://twitter.com/MolochDAO) - _Community focused on funding Ethereum development_ -- [ΜΓΔ](https://metagammadelta.com/) (Meta Gamma Delta) [@metagammadelta](https://twitter.com/metagammadelta) - _Women-led projects_ -- [Raid Guild](https://raidguild.org) [@RaidGuild](https://twitter.com/RaidGuild) - _Collective of Web3 builders_ -- [DAOSquare](https://www.daosquare.io) [@DAOSquare](https://twitter.com/DAOSquare) - _Promote the DAO concept in non-tech field and help people create value through DAO._ -- [dOrg](https://dOrg.tech) [@dOrg_tech](https://twitter.com/dOrg_tech) - _Freelancer Web3 development collective working as a DAO_ -- [HausDAO](https://daohaus.club) [@nowdaoit](https://twitter.com/nowdaoit) - _Community governance of DAOhaus_ -- [Developer DAO](https://www.developerdao.com/) [@developer_dao](https://twitter.com/developer_dao) - _Community of builders who believe in collective ownership of the internet_ - -## How can I get involved? {#how-can-i-get-involved} - -The Ethereum community includes people of many different backgrounds and skillsets. Whether you’re a developer, an artist, or an accountant, there are ways to get involved. Here’s a list of suggestions that might help you get started. - -**Developers** - -- Learn about and try Ethereum at [ethereum.org/developers/](/developers/) -- [Find a bounty on Gitcoin](https://gitcoin.co/), work on a small or large technical issue, earn crypto! -- Attend an [ETHGlobal](http://ethglobal.co/) hackathon near you! -- Check out [projects related to your area of expertise or programming language of choice](/developers/docs/programming-languages/) -- Watch or participate in the [Core Dev calls](https://www.youtube.com/playlist?list=PLaM7G4Llrb7zfMXCZVEXEABT8OSnd4-7w) -- [Ecosystem Support Program's wishlist](https://esp.ethereum.foundation/wishlist/) - tooling, documentation, and infrastructure areas where the Ethereum Ecosystem Support Program is actively seeking grant applications -- [Web3Bridge](https://www.web3bridge.com/) - join the aspiring web3 community in their initiative to identify, train, and support hundreds of developers and community members throughout Africa -- [useWeb3](https://www.useweb3.xyz/) - a curated overview of the latest resources on Ethereum, Solidity and Web3 development. - -**Researchers & Academics** - -Do you have a background in mathematics, cryptography, or economics? You might be interested in some of the cutting-edge work being done within the Ethereum ecosystem - -- [Challenges.ethereum.org](https://challenges.ethereum.org/) - a series of high-value research bounties, where you can earn >$100,000 USD -- [Ethresear.ch](https://ethresear.ch) - Ethereum’s primary forum for research, and the world’s most influential forum for cryptoeconomics -- [Ecosystem Support Program's wishlist](https://esp.ethereum.foundation/wishlist/) - research areas where the Ethereum Ecosystem Support Program is actively seeking grant applications - -**Have non-technical skills, and aren’t sure where to start?** - -If you’re not a developer, it can be hard to know where to start in Ethereum. Here are a few suggestions, along with resources for specific professional backgrounds. - -- **Organize a meetup in your city** - - Not sure how to start? The [BUIDL network](https://consensys.net/developers/buidlnetwork/) can help. -- **Write content about Ethereum** - - Ethereum needs good writers who can explain its value in plain language - - Not ready to publish your own articles? Consider contributing to the existing content on community resources like [EthHub](https://docs.ethhub.io/), or propose new content for ethereum.org! -- **Offer to take notes for community calls** - - There are many open-source community calls, and having notetakers is a huge help. If you’re interested, join the [Ethereum Cat Herders discord](https://discord.com/invite/tzYmDmF), and introduce yourself! -- **Translate Ethereum content into your native language** - - ethereum.org maintains a translation program that translates the website, and other resources, into many different languages - - Find out how to get involved [here](/contributing/translation-program) - -**Financial professionals & Accountants** - -- Ethereum is home to the “Decentralized Finance” ecosystem - a network of protocols and applications that offer an alternative financial system. If you’re a financial professional, check out some DeFi apps at [DeFi Pulse](https://defipulse.com/) or [DeFiPrime](https://defiprime.com) -- Accountant? Assets on Ethereum - ETH, tokens, DeFi, etc - introduce many novel accounting issues. You could start by checking out some projects that aim to help users of cryptocurrency solve their bookkeeping & accounting challenges, like [Rotki](https://rotki.com/) - -**Product Managers** - -- The Ethereum ecosystem needs your talents! Many companies are hiring for product manager roles. If you want to start by contributing to an open source project, get in touch with the [Ethereum Cat Herders](https://discord.gg/tzYmDmF) or [MetaCartel](https://www.metacartel.org/) - -**Marketing** - -- There are many marketing and communications positions in the Ethereum ecosystem! - -## Ethereum grants {#ethereum-grants} - -[View open Ethereum grants](/community/grants/) - -## Ethereum jobs {#ethereum-jobs} - -**Want to find a job working in Ethereum?** - -- [Cryptocurrency Jobs](https://cryptocurrencyjobs.co/ethereum/) -- [Crypto.jobs](https://crypto.jobs/) -- [Careers at ConsenSys](https://consensys.net/careers/) -- [Crypto Jobs List](https://cryptojobslist.com/ethereum-jobs) -- [Bankless jobs board](https://pallet.xyz/list/bankless/jobs) -- [useWeb3 Jobs](https://www.useweb3.xyz/jobs) -- [Web3Jobs](https://web3.career) diff --git a/src/content/community/online/index.md b/src/content/community/online/index.md new file mode 100644 index 00000000000..92c7a3e6c3f --- /dev/null +++ b/src/content/community/online/index.md @@ -0,0 +1,42 @@ +--- +title: Online communities +description: A listing of the grant programs throughout the Ethereum ecosystem. +sidebar: true +lang: en +--- + +# Online communities {#online-communities} + +Hundreds of thousands of Ethereum enthusiasts gather in these online forums to share news, talk about recent developments, debate technical issues, and imagine the future. + +## Forums {#forums} + +r/ethereum - all things Ethereum +r/ethfinance - the financial side of Ethereum, including DeFi +r/ethdev - focused on Ethereum development +r/ethtrader - trends & market analysis +r/EtherMining - focused on securing the Ethereum Network (mining) +r/ethstaker - welcome to all interested in staking on Ethereum +Fellowship of Ethereum Magicians - community oriented around technical standards in Ethereum +Ethereum Stackexchange - discussion and help for Ethereum developers +Ethereum Research - the most influential messageboard for cryptoeconomic research + +## Chat rooms {#chat-rooms} + +Ethereum Cat Herders - community oriented around offering project management support to Ethereum development +Ethereum Hackers - Discord chat run by ETHGlobal: an online community for Ethereum hackers all over the world +CryptoDevs - Ethereum development focused Discord community +EthStaker Discord - community oriented around offering project management support to Ethereum development +Ethereum.org website team - stop by and chat ethereum.org web development and design with the team and folks from the community +Ethereum.org website team - stop by and chat ethereum.org web development and design with the team and folks from the community + +## YouTube and Twitter {#youtube-and-twitter} + +Ethereum Foundation - Keep upto date with the latest from the Ethereum Foundation +@ethereum - Offical account of the Ethereum Foundation +@ethdotorg - The portal to Ethereum, built for our growing global community +List of influential Ethereum twitter accounts + + + + diff --git a/src/content/community/support/index.md b/src/content/community/support/index.md new file mode 100644 index 00000000000..dce7b6a2960 --- /dev/null +++ b/src/content/community/support/index.md @@ -0,0 +1,103 @@ +--- +title: Ethereum support +description: Get support in the Ethereum ecosystem. +sidebar: true +lang: en +--- + +# Ethereum support {#support} + +## Official Ethereum support {#official-support} + +Are you looking for the official Ethereum support? The first thing you should know is that Ethereum is decentralized. This means no central organization, entity, or person owns Ethereum, and because of this, no official support channels exist. + +Understanding the decentralized nature of Ethereum is vital because anyone claiming to be official support for Ethereum is probably trying to scam you! The best protection against scammers is educating yourself and taking security seriously. + + + + + +Despite the lack of official support, many groups, communities, and projects across the Ethereum ecosystem are happy to help. + +## Wallet support {#wallet-support} + +Having trouble with your wallet? Most wallets have dedicated support teams that can help: + +- [MetaMask](https://metamask.zendesk.com/hc/) +- [Argent](https://support.argent.xyz/hc/) + +_This is not an exhaustive list. Need help finding support for a specific wallet? Join the [ethereum.org discord](https://discord.gg/rZz26QWfCg) and we'll try to help._ + +Looking for an Ethereum wallet? [Explore our full list of Ethereum wallets](/wallets/find-wallet/). + +## Building dapps {#building-support} + +Building can be hard. Here are some development focused spaces with experienced Ethereum developers that are happy to help. + +- [CryptoDevs discord](https://discord.gg/Z9TA39m8Yu) +- [Ethereum StackExchange](https://ethereum.stackexchange.com/) +- [StackOverflow](https://stackoverflow.com/questions/tagged/web3) + +You can also find documentation and development guides in our [Ethereum developer resources](/developers/) section. + +### Tooling {#dapp-tooling} + +Does your question relate to a particular tool, project, or library? Most projects have chat servers or forums dedicated to supporting you. + +Here are some popular examples: + +- [Solidity](https://gitter.im/ethereum/solidity/) +- [ethers.js](https://discord.gg/6jyGVDK6Jx) +- [web3.js](https://discord.gg/GsABYQu4sC) +- [Hardhat](https://discord.gg/xtrMGhmbfZ) +- [Truffle](https://discord.gg/8uKcsccEYE) + +## Running a node {#node-support} + +If you're running a node or validator, here are some communities that are dedicated to helping you get started. + +- [EthStaker discord](https://discord.io/ethstaker) +- [EthStaker reddit](https://www.reddit.com/r/ethstaker) + +Most of the teams building Ethereum clients also have dedicated, public-facing, spaces where you can get support and ask questions. + +### Execution clients {#execution-clients} + +- [Geth](https://discord.gg/FqDzupGyYf) +- [Nethermind](https://discord.gg/YJx3pm8z5C) +- [Besu](https://discord.gg/p8djYngzKN) +- [Ergion](https://github.com/ledgerwatch/erigon/issues) + +### Consensus clients {#consensus-clients} + +- [Prysm](https://discord.gg/prysmaticlabs) +- [Nimbus](https://discord.gg/nSmEH3qgFv) +- [Lighthouse](https://discord.gg/cyAszAh) +- [Teku](https://discord.gg/7hPv2T6) +- [Lodestar](https://discord.gg/aMxzVcr) + +You can also [learn how to run a node here](/developers/docs/nodes-and-clients/run-a-node/). + +## Frequently asked questions {#faq} + +#### I've sent ETH to the wrong wallet {#wrong-wallet} + +A transaction sent on Ethereum is irreversible. Unfortunately, if you've sent ETH to the wrong wallet, there is no way to recover these funds. No one central organization, entity, or person owns Ethereum, which means no one can reverse transactions. Therefore, it is vital always to double-check your transactions before sending them. + +#### How can I claim my Ethereum giveaway? {#giveaway-scam} + +Ethereum giveaways are scams designed to steal your ETH. Do not be tempted by offers that seem too good to be true — if you send ETH to a giveaway address, you will not receive a giveaway, and you will not be able to recover your funds. + +[More on scam prevention](/security/#common-scams) + +#### My transaction is stuck {#stuck-transaction} + +Transactions on Ethereum can sometimes get stuck if you have submitted a lower transaction fee than is required due to network demand. Many wallets provide an option to resubmit the same transaction with a higher transaction fee to allow the transaction to be processed. Alternatively, you can cancel a pending transaction by sending a transaction to your own address and using the same nonce as the pending transaction. + +[How to speed up or cancel a pending transaction on MetaMask](https://metamask.zendesk.com/hc/en-us/articles/360015489251-How-to-speed-up-or-cancel-a-pending-transaction) + +[How to cancel pending Ethereum transactions](https://info.etherscan.com/how-to-cancel-ethereum-pending-transactions/) + +#### How do I mine Ethereum? {#mining-ethereum} + +We do not recommend buying mining equipment if you are not already mining Ethereum. In ~Q2 2022, [the merge](/eth2/merge/) will happen, switching Ethereum from proof-of-work to proof-of-stake. This change means mining Ethereum will no longer be possible. If you are still interested in mining Ethereum, you can seek help from mining communities, such as [/r/EtherMining](https://www.reddit.com/r/EtherMining/). diff --git a/src/content/developers/docs/consensus-mechanisms/pos/index.md b/src/content/developers/docs/consensus-mechanisms/pos/index.md index c41d5bc43cc..b4d6d8f4225 100644 --- a/src/content/developers/docs/consensus-mechanisms/pos/index.md +++ b/src/content/developers/docs/consensus-mechanisms/pos/index.md @@ -84,6 +84,7 @@ Stake slashings, ejections, and other penalties, coordinated by the beacon chain | Staking allows for secure sharding. Shard chains allow Ethereum to create multiple blocks at the same time, increasing transaction throughput. Sharding the network in a proof-of-work system would simply lower the power needed to compromise a portion of the network. | | ## Further reading {#further-reading} + - [What is Proof of Stake](https://consensys.net/blog/blockchain-explained/what-is-proof-of-stake/) _ConsenSys_ - [What Proof of Stake Is And Why It Matters](https://bitcoinmagazine.com/culture/what-proof-of-stake-is-and-why-it-matters-1377531463) _Vitalik Buterin_ - [The Beacon Chain Ethereum 2.0 explainer you need to read first](https://ethos.dev/beacon-chain/) _Ethos.dev_ diff --git a/src/content/developers/docs/standards/index.md b/src/content/developers/docs/standards/index.md index 77004f2697d..8e175e49663 100644 --- a/src/content/developers/docs/standards/index.md +++ b/src/content/developers/docs/standards/index.md @@ -17,7 +17,7 @@ Typically standards are introduced as [Ethereum Improvement Proposals](/eips/) ( - [EIP github repo](https://github.com/ethereum/EIPs) - [EIP discussion board](https://ethereum-magicians.org/c/eips) - [Introduction to Ethereum Governance](/governance/) -- [Ethereum Governance Overview](https://web.archive.org/web/20201107234050/https://blog.bmannconsulting.com/ethereum-governance/) _March 31, 2019 - Boris Mann_ +- [Ethereum Governance Overview](https://web.archive.org/web/20201107234050/https://blog.bmannconsulting.com/ethereum-governance/) _March 31, 2019 - Boris Mann_ - [Ethereum Protocol Development Governance and Network Upgrade Coordination](https://hudsonjameson.com/2020-03-23-ethereum-protocol-development-governance-and-network-upgrade-coordination/) _March 23, 2020 - Hudson Jameson_ - [Playlist of all Ethereum Core Dev Meetings](https://www.youtube.com/playlist?list=PLaM7G4Llrb7zfMXCZVEXEABT8OSnd4-7w) _(YouTube Playlist)_ diff --git a/src/data/community-events.json b/src/data/community-events.json index 7ab1eb3002e..17d4848b65e 100644 --- a/src/data/community-events.json +++ b/src/data/community-events.json @@ -1,88 +1,9 @@ [ - { - "title": "This is old, should not display", - "to": "https://www.ethereum.com/", - "sponsor": "Ethereum Foundation", - "description": "test event that happened in the past and should not be rendered", - "startDate": "2021-04-20", - "endDate": "2021-04-21" - }, - { - "title": "Ethereum Community Conference 4 (EthCC) - Paris", - "to": "https://ethcc.io/", - "sponsor": null, - "description": "The largest annual European Ethereum event focused on technology and community. Three intense days of conferences, networking and learning.", - "startDate": "2021-07-20", - "endDate": "2021-07-22" - }, - { - "title": "EthCC Week - Paris", - "to": "https://ethccweek.fr/", - "sponsor": null, - "description": "Along with the flagship events of EthCC, multiple side events, meetups, panels and parties will take place on the same week in Paris.", - "startDate": "2021-07-19", - "endDate": "2021-07-25" - }, - { - "title": "ETHOdyssey", - "to": "https://ethodyssey.devfolio.co/", - "sponsor": null, - "description": "Global Online Ethereum Hackathon", - "startDate": "2021-07-02", - "endDate": "2021-08-01" - }, - { - "title": "HackFS", - "to": "https://fs.ethglobal.com/", - "sponsor": null, - "description": "A global virtual hackathon to build the foundation for the decentralized web", - "startDate": "2021-07-30", - "endDate": "2021-08-20" - }, - { - "title": "ETHOnline", - "to": "https://online.ethglobal.com/", - "sponsor": "ETHGlobal", - "description": "Virtual Summit and Hackathon", - "startDate": "2021-09-17", - "endDate": "2021-10-15" - }, - { - "title": "ETHLisbon", - "to": "https://www.ethlisbon.org/", - "sponsor": null, - "description": "A hackathon organized by the biggest Fintech hub in Portugal", - "startDate": "2021-10-22", - "endDate": "2021-10-24" - }, - { - "title": "LisCon", - "to": "https://liscon.org/", - "sponsor": null, - "description": "Ethereum Conference in Lisbon, Portugal", - "startDate": "2021-10-20", - "endDate": "2021-10-21" - }, - { - "title": "Chainlink Hackathon", - "to": "https://chain.link/hackathon", - "sponsor": "Chainlink", - "description": "Build the next generation of hybrid smart contracts alongside developers, creators, artists, and industry-leading mentors from across the blockchain ecosystem.", - "startDate": "2021-10-22", - "endDate": "2021-11-28" - }, - { - "title": "ETH Portland", - "to": "https://2021.ethportland.com", - "sponsor": null, - "description": "ETH Portland is a gathering of ETH folks from the Northwest. The goal is to bring together the local community & have fun.", - "startDate": "2021-10-28", - "endDate": "2021-10-29" - }, { "title": "ETHDubai", "to": "https://www.ethdubaiconf.org", "sponsor": null, + "location": "Dubai, UAE", "description": "The Ethereum dev conference in Dubai on everything DeFi, NFTs, EVM scaling, Gaming and more with a focus on decentralization and community projects.", "startDate": "2022-03-29", "endDate": "2022-03-31" @@ -91,6 +12,7 @@ "title": "ZK Hack", "to": "https://www.zkhack.dev", "sponsor": null, + "location": "Remote", "description": "ZK Hack is a 7-week virtual event featuring weekly workshops and advanced puzzle solving competitions.", "startDate": "2021-10-26", "endDate": "2021-12-07" @@ -99,6 +21,7 @@ "title": "ETHDenver", "to": "https://www.ethdenver.com/", "sponsor": null, + "location": "Denver, US", "description": "ETHDenver is a member-owned Community Innovation Festival. With the genesis of SporkDAO in June of 2021, ETHDenver is the first event based DAO in the world.", "startDate": "2022-02-11", "endDate": "2022-02-20" @@ -107,24 +30,9 @@ "title": "Schelling Point", "to": "https://schellingpoint.gitcoin.co/", "sponsor": "GitcoinDAO", + "location": "Denver, US", "description": "A one-day celebration of mechanism design, coordination tech, public goods, and regen finance.", "startDate": "2022-02-17", "endDate": "2022-02-17" - }, - { - "title": "DeFiCon", - "to": "https://deficon.nyc/", - "sponsor": null, - "description": "DeFiCon is a nonprofit conference with a mission to elevate the ethos of peer-to-peer crypto.", - "startDate": "2021-12-18", - "endDate": "2021-12-19" - }, - { - "title": "Ethereum Community Conference 5 (EthCC)", - "to": "https://ethcc.io/", - "sponsor": null, - "description": "The largest annual European Ethereum event focused on technology and community. Three intense days of conferences, networking and learning.", - "startDate": "2021-07-19", - "endDate": "2021-07-21" } ] diff --git a/src/data/community-meetups.json b/src/data/community-meetups.json new file mode 100644 index 00000000000..9c8b41d736a --- /dev/null +++ b/src/data/community-meetups.json @@ -0,0 +1,260 @@ +[ + { + "title": "Bokky's Ethereum Workshop", + "emoji": ":australia:", + "location": "Sydney", + "link": "https://www.meetup.com/BokkyPooBahs-Ethereum-Workshop/" + }, + { + "title": "ETHSydney", + "emoji": ":australia:", + "location": "Sydney", + "link": "https://www.meetup.com/ethsydney/" + }, + { + "title": "Web3 Sydney", + "emoji": ":australia:", + "location": "Sydney", + "link": "https://www.meetup.com/web3sydney/" + }, + { + "title": "Ethereum Vienna", + "emoji": ":austria:", + "location": "Vienna", + "link": "https://www.meetup.com/Ethereum-Vienna/" + }, + { + "title": "Ethereum Buenos Aires", + "emoji": ":argentina:", + "location": "Buenos Aires", + "link": "https://www.meetup.com/ethereum-ba/" + }, + { + "title": "BUIDL Tegucigalpa", + "emoji": ":honduras:", + "location": "Tegucigalpa", + "link": "https://www.meetup.com/buidl-tegucigalpa/" + }, + { + "title": "Ethereum Developers São Paulo", + "emoji": ":brazil:", + "location": "São Paulo", + "link": "https://www.meetup.com/Ethereum-Developers-Sao-Paulo/" + }, + { + "title": "Ethereum Developers", + "emoji": ":canada:", + "location": "Toronto", + "link": "https://www.meetup.com/Ethereum-Developers/" + }, + { + "title": "Vancouver Ethereum & Blockchain 2.0 Meetup", + "emoji": ":canada:", + "location": "Vancouver", + "link": "https://www.meetup.com/Vancouver-Ethereum-Meetup/" + }, + { + "title": "Ethereum Paris", + "emoji": ":fr:", + "location": "Paris", + "link": "https://www.meetup.com/Ethereum-Paris/" + }, + { + "title": "Ethereum Toulouse", + "emoji": ":fr:", + "location": "Toulouse", + "link": "https://www.meetup.com/Ethereum-Toulouse/" + }, + { + "title": "Berlin Ethereum Meetup", + "emoji": ":de:", + "location": "Berlin", + "link": "https://www.meetup.com/Berlin-Ethereum-Meetup/" + }, + { + "title": "Ethereum Hong Kong", + "emoji": ":hong_kong:", + "location": "Hong Kong", + "link": "https://www.meetup.com/Ethereum-Hong-Kong/" + }, + { + "title": "Ethereum Indonesia", + "emoji": ":indonesia:", + "location": "Jakarta", + "link": "https://www.meetup.com/Ethereum-indonesia/" + }, + { + "title": "Italian Ethereum Meetup", + "emoji": ":it:", + "location": "Milan", + "link": "https://www.meetup.com/it-IT/Italian-Ethereum-Meetup/" + }, + { + "title": "Ethereum Italia Hub (Telegram Group)", + "emoji": ":it:", + "location": "Remote", + "link": "https://t.me/ethereumitalia" + }, + { + "title": "Ethereum Japan", + "emoji": ":jp:", + "location": "Multiple locations", + "link": "https://ethereumjapan.connpass.com/" + }, + { + "title": "Ethereum Malaysia", + "emoji": ":malaysia:", + "location": "Kuala Lumpur", + "link": "https://www.meetup.com/ETHMALAYSIA/" + }, + { + "title": "Ethereum DEV NL", + "emoji": ":netherlands:", + "location": "Amsterdam", + "link": "https://www.meetup.com/Ethereum-DEV-NL/" + }, + { + "title": "Lagos Ethereum Meetup", + "emoji": ":nigeria:", + "location": "Lagos", + "link": "https://www.meetup.com/Lagos-Ethereum-Meetup/" + }, + { + "title": "Ethereum Singapore", + "emoji": ":singapore:", + "location": "Singapore", + "link": "https://www.meetup.com/Ethereum-Singapore/" + }, + { + "title": "Cape Town Ethereum Meetup", + "emoji": ":south_africa:", + "location": "Cape Town", + "link": "https://www.meetup.com/Cape-Town-Ethereum-Meetup/" + }, + { + "title": "Johannesburg Ethereum Meetup", + "emoji": ":south_africa:", + "location": "Johannesburg", + "link": "https://www.meetup.com/Johannesburg-Ethereum-Meetup/" + }, + { + "title": "Jeju Blockchain Meetup", + "emoji": ":kr:", + "location": "Jeju", + "link": "https://www.meetup.com/Jeju-Blockchain-Meetup" + }, + { + "title": "Seoul Ethereum Meetup", + "emoji": ":kr:", + "location": "Seoul", + "link": "https://www.meetup.com/Seoul-Ethereum-Meetup/" + }, + { + "title": "BCN Ethereum Dev", + "emoji": ":es:", + "location": "Barcelona", + "link": "https://www.meetup.com/ethereumbcn" + }, + { + "title": "Ethereum Spain", + "emoji": ":es:", + "location": "Madrid", + "link": "https://www.meetup.com/Ethereum-Spain/" + }, + { + "title": "Ethereum Madrid", + "emoji": ":es:", + "location": "Madrid", + "link": "https://ethereummadrid.com/" + }, + { + "title": "Geneva DevChain", + "emoji": ":switzerland:", + "location": "Geneva", + "link": "https://www.meetup.com/devchain-geneva/" + }, + { + "title": "Ethereum London", + "emoji": ":gb:", + "location": "London", + "link": "https://www.meetup.com/ethereum/" + }, + { + "title": "Austin Ethereum Meetup", + "emoji": ":us:", + "location": "Austin", + "link": "https://www.meetup.com/Austin-Ethereum-Meetup/" + }, + { + "title": "Ethereum Columbus", + "emoji": ":us:", + "location": "Columbus", + "link": "https://www.meetup.com/eth-columbus/" + }, + { + "title": "Ethereum Denver", + "emoji": ":us:", + "location": "Denver", + "link": "https://www.meetup.com/Ethereum-Denver/" + }, + { + "title": "Ethereum Los Angeles", + "emoji": ":us:", + "location": "Los Angeles", + "link": "https://www.meetup.com/Ethereum-Los-Angeles/" + }, + { + "title": "Ethereum Community NYC", + "emoji": ":us:", + "location": "New York City", + "link": "https://www.meetup.com/ConsenSys-Ethereum-Meetup/" + }, + { + "title": "NYC Ethereum", + "emoji": ":us:", + "location": "New York City", + "link": "https://www.meetup.com/NYC_Ethereum/" + }, + { + "title": "Blockchain and Brews (San Diego)", + "emoji": ":us:", + "location": "San Diego", + "link": "https://www.meetup.com/Blockchain-and-Brews/" + }, + { + "title": "SF Ethereum Developers", + "emoji": ":us:", + "location": "SF/ Bay Area", + "link": "https://www.meetup.com/SF-Ethereum-Developers/" + }, + { + "title": "Silicon Valley Ethereum Meetup", + "emoji": ":us:", + "location": "SF / Bay Area", + "link": "https://www.meetup.com/SF-Ethereum-Developers/" + }, + { + "title": "SF Ethereum", + "emoji": ":us:", + "location": "SF / Bay Area", + "link": "https://www.meetup.com/SF_Ethereum/" + }, + { + "title": "Chainlink San Francisco", + "emoji": ":us:", + "location": "SF / Bay Area", + "link": "https://www.meetup.com/Chainlink-San-Francisco/" + }, + { + "title": "Seattle", + "emoji": ":us:", + "location": "Seattle", + "link": "https://www.meetup.com/Seattle-Ethereum-Meetup/" + }, + { + "title": "Chiang Mai Dapps", + "emoji": ":thailand:", + "location": "Chiang Mai", + "link": "https://www.facebook.com/groups/219236462407862/" + } +] diff --git a/src/data/eth2-articles.js b/src/data/eth2-articles.js index 0792eaf2d45..7537b1d51e7 100644 --- a/src/data/eth2-articles.js +++ b/src/data/eth2-articles.js @@ -25,21 +25,25 @@ export const benArticles = [ { title: "What’s New in Eth2 – #82", description: "19 November 2021", - link: "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211119", + link: + "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211119", }, { title: "What’s New in Eth2 – #81", description: "5 November 2021", - link: "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211105", + link: + "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211105", }, { title: "What’s New in Eth2 – #80", description: "22 October 2021", - link: "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211022", + link: + "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211022", }, { title: "What’s New in Eth2 – #79", description: "8 October 2021", - link: "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211008", + link: + "https://hackmd.io/@benjaminion/eth2_news/https%3A%2F%2Fhackmd.io%2F%40benjaminion%2Fwnie2_211008", }, ] diff --git a/src/intl/en/common.json b/src/intl/en/common.json index ac51136a967..271032fb287 100644 --- a/src/intl/en/common.json +++ b/src/intl/en/common.json @@ -19,6 +19,7 @@ "coinbase-logo": "Coinbase logo", "coinmama-logo": "Coinmama logo", "community": "Community", + "community-hub": "Community hub", "community-menu": "Community Menu", "compound-logo": "Compound logo", "cons": "Cons", @@ -63,15 +64,19 @@ "ethereum-2-0": "Ethereum 2.0", "ethereum-brand-assets": "Ethereum Brand Assets", "ethereum-community": "Ethereum Community", + "ethereum-online": "Online communities", + "ethereum-events": "Ethereum events", "ethereum-foundation": "Ethereum Foundation", "ethereum-foundation-logo": "Ethereum Foundation logo", "ethereum-glossary": "Ethereum Glossary", "ethereum-governance": "Ethereum Governance", "ethereum-logo": "Ethereum logo", "ethereum-security": "Ethereum security and scam prevention", + "ethereum-support": "Ethereum support", "ethereum-studio": "Ethereum Studio", "ethereum-wallets": "Ethereum Wallets", "ethereum-whitepaper": "Ethereum Whitepaper", + "events": "Events", "example-projects": "Example projects", "find-wallet": "Find wallet", "foundation": "Foundation", @@ -161,6 +166,7 @@ "nav-beginners": "Beginners", "next": "Next", "oasis-logo": "Oasis logo", + "online": "Online", "on-this-page": "On this page", "page-content": "Page content", "page-enterprise": "Enterprise", @@ -188,6 +194,7 @@ "stablecoins": "Stablecoins", "staking": "Staking", "summary": "Summary", + "support": "Support", "terms-of-use": "Terms of Use", "transaction-fees": "What are transaction fees?", "translation-banner-body-new": "You’re viewing this page in English because we haven’t translated it yet. Help us translate this content.", diff --git a/src/intl/en/page-community.json b/src/intl/en/page-community.json new file mode 100644 index 00000000000..967e673ac46 --- /dev/null +++ b/src/intl/en/page-community.json @@ -0,0 +1,48 @@ +{ + "page-community-card-1-title": "Join an online community", + "page-community-card-1-description": "Find your tribe and participate in community with other Ethereum enthusiasts.", + "page-community-card-2-title": "Ethereum events", + "page-community-card-2-description": "Find and participate in an Ethereum conference, hackathon, or meetup.", + "page-community-card-3-title": "Contribute to a project", + "page-community-card-3-description": "Check out how to get involved for a list of ways that you can contribute based on your skills and professional background.", + "page-community-card-4-title": "Search for grants", + "page-community-card-4-description": "Funding grants are available to help you get a project off the ground.", + "page-community-contribute": "Contribute to ethereum.org", + "page-community-contribute-button": "More on contributing", + "page-community-contribute-description": "For many people, ethereum.org is their first step into the ecosystem. It is kept up-to-date and accurate by thousands of open-source contributors. Want to help? Read our guide on contributing, or take up an issue on our GitHub.", + "page-community-contribute-secondary-button": "View on GitHub", + "page-community-explore-dapps": "Explore dapps", + "page-community-explore-dapps-alt": "Explore dapps", + "page-community-explore-dapps-description": "Dapps are applications built on Ethereum. Dapps are disrupting current business models and inventing new ones.", + "page-community-explore-dapps-title": "Try some dapps", + "page-community-explore-grants": "Explore grants", + "page-community-find-a-job": "Find a job", + "page-community-get-eth": "Get ETH", + "page-community-get-eth-alt": "Get some ETH", + "page-community-get-eth-description": "ETH is the native currency of Ethereum. You'll need some ETH in your wallet to use Ethereum applications.", + "page-community-get-eth-title": "Get some ETH", + "page-community-get-involved-title": "How can I get involved?", + "page-community-get-involved-description": "There are many ways to get involved in the fast-growing Ethereum community; you can join one of the popular online communities, attend an event, join a meetup group, contribute to a project, or participate in one of the many online forums about Ethereum.", + "page-community-get-involved-image-alt": "Get Involved", + "page-community-hero-alt": "Ethereum community hub", + "page-community-hero-header": "Welcome to the Ethereum community hub", + "page-community-hero-subtitle": "The Ethereum community is home to hundreds of thousands of developers, technologists, designers, users, HODLers and enthusiasts.", + "page-community-hero-title": "Join the community", + "page-community-meta-title": "Community Hub", + "page-community-meta-description": "Community homepage description", + "page-community-open-source": "Creator? Builder? Get paid for your work.", + "page-community-open-source-description": "Are you building on Ethereum, or do you want to? Companies are hiring for thousands of technical and non-technical roles. Got an idea of your own? Try finding a grant to get your project off the ground.", + "page-community-open-source-image-alt": "Get paid for your work", + "page-community-support": "Ethereum support", + "page-community-support-alt": "Support", + "page-community-support-button": "Get support", + "page-community-support-description": "Need support? There is no official Ethereum support, but hundreds of helpful communities are available to help you prosper on Ethereum.", + "page-community-try-ethereum": "Try Ethereum for yourself", + "page-community-why-get-involved-title": "Why get involved?", + "page-community-why-get-involved-card-1-title": "Find your tribe", + "page-community-why-get-involved-card-1-description": "There is a tribe for everyone. Find and connect with like minded individuals to discuss, ponder, and celebrate Ethereum together.", + "page-community-why-get-involved-card-2-title": "Earn a living", + "page-community-why-get-involved-card-2-description": "Everyone has bills to pay. Ethereum allows you to find meaningful work, and get paid well to do it.", + "page-community-why-get-involved-card-3-title": "Make a difference", + "page-community-why-get-involved-card-3-description": "Getting involved with Ethereum allows you to be an active stakeholder in a technology that is having a positive impact on millions of people." +} diff --git a/src/pages-conditional/eth.js b/src/pages-conditional/eth.js index 9b11b5e6a99..e3d9aebfed2 100644 --- a/src/pages-conditional/eth.js +++ b/src/pages-conditional/eth.js @@ -260,7 +260,8 @@ const cardListContent = [ caption: , }, { - link: "https://support.mycrypto.com/how-to/getting-started/how-to-buy-ether-with-usd", + link: + "https://support.mycrypto.com/how-to/getting-started/how-to-buy-ether-with-usd", title: , description: "MyCrypto", caption: , diff --git a/src/pages-conditional/wallets/index.js b/src/pages-conditional/wallets/index.js index ea866d9b8ff..b74c1c4facf 100644 --- a/src/pages-conditional/wallets/index.js +++ b/src/pages-conditional/wallets/index.js @@ -202,17 +202,20 @@ const articles = [ { title: , description: "MyCrypto", - link: "https://support.mycrypto.com/staying-safe/protecting-yourself-and-your-funds", + link: + "https://support.mycrypto.com/staying-safe/protecting-yourself-and-your-funds", }, { title: , description: , - link: "https://blog.coinbase.com/the-keys-to-keeping-your-crypto-safe-96d497cce6cf", + link: + "https://blog.coinbase.com/the-keys-to-keeping-your-crypto-safe-96d497cce6cf", }, { title: , description: "ConsenSys", - link: "https://media.consensys.net/how-to-store-digital-assets-on-ethereum-a2bfdcf66bd0", + link: + "https://media.consensys.net/how-to-store-digital-assets-on-ethereum-a2bfdcf66bd0", }, ] diff --git a/src/pages/community.js b/src/pages/community.js new file mode 100644 index 00000000000..b252e84f05f --- /dev/null +++ b/src/pages/community.js @@ -0,0 +1,709 @@ +import React from "react" +import styled from "styled-components" +import { GatsbyImage, getImage } from "gatsby-plugin-image" +import { graphql } from "gatsby" +import { useIntl } from "gatsby-plugin-intl" + +import ActionCard from "../components/ActionCard" +import Callout from "../components/Callout" +import Card from "../components/Card" +import ButtonLink from "../components/ButtonLink" +import PageMetadata from "../components/PageMetadata" +import Translation from "../components/Translation" +import PageHero from "../components/PageHero" + +import { + CardContainer, + Content, + Divider, + GrayContainer, + Page, +} from "../components/SharedStyledComponents" +import { translateMessageId } from "../utils/translations" + +const ButtonRow = styled.div` + display: flex; + align-items: flex-start; + @media (max-width: ${(props) => props.theme.breakpoints.m}) { + flex-direction: column; + } +` + +const StyledButtonLink = styled(ButtonLink)` + margin-left: 0.5rem; + margin-top: 0rem; + display: flex; + align-items: center; + @media (max-width: ${(props) => props.theme.breakpoints.m}) { + margin-top: 1rem; + margin-left: 0rem; + } +` + +const StyledContent = styled(Content)` + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + padding: 1rem; + } +` + +const StyledCard = styled(ActionCard)` + min-width: 480px; + margin: 1rem; + border-radius: 2px; + border: 1px solid ${(props) => props.theme.colors.text}; + background: ${(props) => props.theme.colors.background}; + box-shadow: ${(props) => props.theme.colors.cardBoxShadow}; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + margin: 0; + min-width: min(100%, 240px); + } +` + +export const StyledGetInvolvedCard = styled(Card)` + margin: 1rem; + padding: 1.5rem; + flex: 1 0 30%; + min-width: 280px; + max-width: 31%; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + max-width: 46%; + } + @media (max-width: ${(props) => props.theme.breakpoints.m}) { + max-width: 100%; + } +` + +const StyledPurpleContainer = styled.div` + background: ${(props) => props.theme.colors.homeBoxTurquoise}; + display: flex; + align-items: center; + flex-direction: row-reverse; + padding-left: 2rem; + width: 100%; + height: 720px; + margin-top: -1px; + /* border-top: 1px solid ${(props) => props.theme.colors.text}; */ + border-bottom: 1px solid ${(props) => props.theme.colors.text}; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + flex-direction: column-reverse; + height: 100%; + padding-top: 2rem; + padding-left: 0rem; + padding-bottom: 2rem; + } +` + +const StyledGrayContainer = styled(GrayContainer)` + box-shadow: inset 0px 0px 0px + ${(props) => props.theme.colors.tableItemBoxShadow}; + padding: 0rem; + padding-bottom: 4rem; + margin-top: 0rem; +` + +const StyledCardContainer = styled(CardContainer)` + display: flex; + flex-wrap: wrap; + justify-content: space-between; + width: 100%; + margin: 0rem; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + display: grid; + gap: 2rem; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + grid-template-columns: 1fr; + } +` + +const IntroRow = styled.div` + display: flex; + align-items: center; + margin-bottom: 3rem; + margin-top: 1rem; + @media (max-width: ${(props) => props.theme.breakpoints.m}) { + flex-direction: column-reverse; + margin: 0rem; + } +` + +const RowReverse = styled.div` + display: flex; + flex-direction: row-reverse; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + flex-direction: column-reverse; + align-items: center; + } +` + +const Row = styled.div` + display: flex; + flex-direction: row; + align-items: center; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + flex-direction: column-reverse; + align-items: center; + } +` + +const CentralColumn = styled.div` + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 2rem; +` + +const ImageContainer = styled.div` + background: "#F1FFFD"; + display: flex; + height: 100%; + width: 100%; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + width: 75%; + } +` + +const IntroImage = styled(GatsbyImage)` + width: 100%; + background-size: cover; + background: no-repeat 50px; +` + +const FeatureImage = styled(GatsbyImage)` + width: 100%; +` + +const Subtitle = styled.div` + margin-bottom: 2rem; + font-size: 20px; + line-height: 140%; + @media (max-width: ${(props) => props.theme.breakpoints.s}) { + font-size: 16px; + } +` + +const H2 = styled.h2` + margin-top: 0rem; +` + +const H3 = styled.h3` + font-size: 20px; + font-style: normal; + font-weight: 700; + text-align: left; + margin-top: 0; + margin-bottom: 1rem; +` + +const OpenSourceContainer = styled.div` + background: ${(props) => props.theme.colors.homeBoxTurquoise}; + display: flex; + align-items: center; + flex-direction: row-reverse; + padding-left: 2rem; + width: 100%; + height: 720px; + margin-top: -1px; + border-top: 1px solid ${(props) => props.theme.colors.text}; + border-bottom: 1px solid ${(props) => props.theme.colors.text}; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + flex-direction: column-reverse; + height: 100%; + padding-top: 2rem; + padding-left: 0rem; + padding-bottom: 2rem; + } +` + +const PoapContainer = styled.div` + background: ${(props) => props.theme.colors.homeBoxPink}; + display: flex; + align-items: center; + flex-direction: row-reverse; + padding-left: 2rem; + height: 720px; + width: 100%; + margin-top: -1px; + margin-bottom: 0rem; + border-top: 1px solid ${(props) => props.theme.colors.text}; + border-bottom: 1px solid ${(props) => props.theme.colors.text}; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + flex-direction: column-reverse; + height: 100%; + padding-top: 2rem; + padding-left: 0rem; + padding-bottom: 2rem; + } +` + +const SupportContainer = styled.div` + background: ${(props) => props.theme.colors.homeBoxPurple}; + display: flex; + align-items: center; + flex-direction: row; + height: 720px; + width: 100%; + margin-top: -1px; + border-top: 1px solid ${(props) => props.theme.colors.text}; + border-bottom: 1px solid ${(props) => props.theme.colors.text}; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + flex-direction: column-reverse; + height: 100%; + } +` + +const LeftColumn = styled.div` + margin-right: 2rem; + width: 100%; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + margin: auto 0rem; + } +` + +const FeatureContent = styled(LeftColumn)` + padding: 6rem; + height: 100%; + width: 100%; + margin: 0; + display: flex; + flex-direction: column; + justify-content: center; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + padding: 2rem; + } +` + +const LeftColumnContent = styled.div` + display: flex; + flex-direction: column; + justify-content: center; +` + +const IntroLeftColumn = styled(LeftColumn)` + padding: 6rem; + height: 100%; + width: 100%; + margin: 0; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + padding: 2rem; + } + @media (max-width: ${(props) => props.theme.breakpoints.s}) { + padding: 0rem; + } +` + +const TwoColumnContent = styled(Content)` + display: flex; + align-items: center; + @media (max-width: ${(props) => props.theme.breakpoints.l}) { + flex-direction: column; + align-items: flex-start; + } +` + +const Column = styled.div` + flex: 0 0 50%; + max-width: 75%; + @media (max-width: ${(props) => props.theme.breakpoints.m}) { + max-width: 100%; + } + margin-bottom: 1.5rem; +` + +const StyledCallout = styled(Callout)` + flex: 1 1 416px; + min-height: 100%; +` + +const CommunityPage = ({ data }) => { + const intl = useIntl() + + const heroContent = { + title: translateMessageId("page-community-hero-title", intl), + header: translateMessageId("page-community-hero-header", intl), + subtitle: translateMessageId("page-community-hero-subtitle", intl), + image: getImage(data.enterprise), + alt: translateMessageId("page-community-hero-alt", intl), + } + + const cards = [ + { + image: getImage(data.docking), + title: translateMessageId("page-community-card-1-title", intl), + description: translateMessageId( + "page-community-card-1-description", + intl + ), + alt: translateMessageId("page-index-get-started-wallet-image-alt", intl), + to: "/community/online/", + }, + { + image: getImage(data.eth), + title: translateMessageId("page-community-card-2-title", intl), + description: translateMessageId( + "page-community-card-2-description", + intl + ), + alt: translateMessageId("page-index-get-started-eth-image-alt", intl), + to: "/community/events/", + }, + { + image: getImage(data.doge), + title: translateMessageId("page-community-card-3-title", intl), + description: translateMessageId( + "page-community-card-3-description", + intl + ), + alt: translateMessageId("page-index-get-started-dapps-image-alt", intl), + to: "/community/get-involved/", + }, + { + image: getImage(data.future), + title: translateMessageId("page-community-card-4-title", intl), + description: translateMessageId( + "page-community-card-4-description", + intl + ), + alt: translateMessageId("page-index-get-started-dapps-image-alt", intl), + to: "/community/grants/", + }, + ] + + const whyGetInvolvedCards = [ + { + emoji: ":mage:", + title: translateMessageId( + "page-community-why-get-involved-card-1-title", + intl + ), + description: translateMessageId( + "page-community-why-get-involved-card-1-description", + intl + ), + }, + { + emoji: ":dollar:", + title: translateMessageId( + "page-community-why-get-involved-card-2-title", + intl + ), + description: translateMessageId( + "page-community-why-get-involved-card-2-description", + intl + ), + }, + { + emoji: ":collision:", + title: translateMessageId( + "page-community-why-get-involved-card-3-title", + intl + ), + description: translateMessageId( + "page-community-why-get-involved-card-3-description", + intl + ), + }, + ] + + return ( + + + + + + + +

+ +

+ + + {whyGetInvolvedCards.map((card, idx) => ( + + ))} + + + + + + + +

+ +

+ + + + + + + + + + {cards.map((card, idx) => ( + + ))} + + + + + + +

+ +

+ + + + + + + + + + + + + + + + + + + + + +

+ +

+ + + + + + + + + + + + + + + + + + + + + +

+ +

+ + + +
+ + + +
+ + + + + + + + + +

+ +

+ + + + + +
+ + + +
+ + +
+ + + +
+ + + + + ) +} + +export default CommunityPage + +export const query = graphql` + query { + enterprise: file(relativePath: { eq: "enterprise-eth.png" }) { + childImageSharp { + gatsbyImageData( + width: 800 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + developerBlocks: file(relativePath: { eq: "developers-eth-blocks.png" }) { + childImageSharp { + gatsbyImageData( + width: 624 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + ethereum: file(relativePath: { eq: "what-is-ethereum.png" }) { + childImageSharp { + gatsbyImageData( + width: 1440 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + finance: file(relativePath: { eq: "finance_transparent.png" }) { + childImageSharp { + gatsbyImageData( + width: 800 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + hackathon: file(relativePath: { eq: "hackathon_transparent.png" }) { + childImageSharp { + gatsbyImageData( + width: 1440 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + docking: file(relativePath: { eq: "eth2/core.png" }) { + childImageSharp { + gatsbyImageData( + width: 320 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + eth: file(relativePath: { eq: "eth.png" }) { + childImageSharp { + gatsbyImageData( + width: 320 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + doge: file(relativePath: { eq: "doge-computer.png" }) { + childImageSharp { + gatsbyImageData( + width: 320 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + future: file(relativePath: { eq: "future_transparent.png" }) { + childImageSharp { + gatsbyImageData( + width: 320 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + enterpriseFixed: file(relativePath: { eq: "enterprise-eth.png" }) { + childImageSharp { + gatsbyImageData( + width: 320 + layout: CONSTRAINED + placeholder: BLURRED + quality: 100 + ) + } + } + } +` diff --git a/src/pages/eth2/deposit-contract.js b/src/pages/eth2/deposit-contract.js index 9e1a66a66eb..51552a5cb06 100644 --- a/src/pages/eth2/deposit-contract.js +++ b/src/pages/eth2/deposit-contract.js @@ -263,7 +263,8 @@ const DepositContractPage = ({ data, location }) => { const addressSources = [ { title: "ConsenSys", - link: "https://consensys.net/blog/news/eth2-phase-0-deposit-contract-address/", + link: + "https://consensys.net/blog/news/eth2-phase-0-deposit-contract-address/", image: getImage(data.consensys), }, { @@ -278,7 +279,8 @@ const DepositContractPage = ({ data, location }) => { }, { title: "EthHub", - link: "https://docs.ethhub.io/ethereum-roadmap/ethereum-2.0/deposit-contract/", + link: + "https://docs.ethhub.io/ethereum-roadmap/ethereum-2.0/deposit-contract/", image: getImage(data.ethhub), }, ] @@ -377,8 +379,7 @@ const DepositContractPage = ({ data, location }) => { callback={() => setState({ ...state, - userWillCheckOtherSources: - !state.userWillCheckOtherSources, + userWillCheckOtherSources: !state.userWillCheckOtherSources, }) } > diff --git a/src/pages/eth2/get-involved/bug-bounty.js b/src/pages/eth2/get-involved/bug-bounty.js index a7e59b11ce3..a0db49ea076 100644 --- a/src/pages/eth2/get-involved/bug-bounty.js +++ b/src/pages/eth2/get-involved/bug-bounty.js @@ -243,19 +243,23 @@ const BugBountiesPage = ({ data, location }) => { const specs = [ { title: , - link: "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/beacon-chain.md", + link: + "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/beacon-chain.md", }, { title: , - link: "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/fork-choice.md", + link: + "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/fork-choice.md", }, { title: , - link: "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/deposit-contract.md", + link: + "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/deposit-contract.md", }, { title: , - link: "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/p2p-interface.md", + link: + "https://github.com/ethereum/eth2.0-specs/blob/dev/specs/phase0/p2p-interface.md", }, ] return ( diff --git a/src/pages/get-eth.js b/src/pages/get-eth.js index 2c6c855d61a..445dc578126 100644 --- a/src/pages/get-eth.js +++ b/src/pages/get-eth.js @@ -223,17 +223,20 @@ const GetETHPage = ({ data }) => { const safetyArticles = [ { title: "Protecting yourself and your funds", - link: "https://support.mycrypto.com/staying-safe/protecting-yourself-and-your-funds", + link: + "https://support.mycrypto.com/staying-safe/protecting-yourself-and-your-funds", description: "MyCrypto", }, { title: "The keys to keeping your crypto safe", - link: "https://blog.coinbase.com/the-keys-to-keeping-your-crypto-safe-96d497cce6cf", + link: + "https://blog.coinbase.com/the-keys-to-keeping-your-crypto-safe-96d497cce6cf", description: "Coinbase blog", }, { title: "How to store digital assets on Ethereum", - link: "https://media.consensys.net/how-to-store-digital-assets-on-ethereum-a2bfdcf66bd0", + link: + "https://media.consensys.net/how-to-store-digital-assets-on-ethereum-a2bfdcf66bd0", description: "ConsenSys", }, ] diff --git a/src/templates/static.js b/src/templates/static.js index b5607a70f76..e2967688136 100644 --- a/src/templates/static.js +++ b/src/templates/static.js @@ -39,6 +39,8 @@ import { } from "../components/SharedStyledComponents" import Emoji from "../components/Emoji" import UpcomingEventsList from "../components/UpcomingEventsList" +import Icon from "../components/Icon" +import SocialListItem from "../components/SocialListItem" const Page = styled.div` display: flex; @@ -130,6 +132,9 @@ const components = { CardContainer, GhostCard, UpcomingEventsList, + Icon, + Link, + SocialListItem, MatomoOptOut, } diff --git a/yarn.lock b/yarn.lock index 07e42557d22..43be4fe7096 100644 --- a/yarn.lock +++ b/yarn.lock @@ -13360,7 +13360,7 @@ react-helmet@^6.1.0: react-fast-compare "^3.1.1" react-side-effect "^2.1.0" -react-icons@^4.1.0: +react-icons@^4.3.1: version "4.3.1" resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.3.1.tgz#2fa92aebbbc71f43d2db2ed1aed07361124e91ca" integrity sha512-cB10MXLTs3gVuXimblAdI71jrJx8njrJZmNMEMC+sQu5B/BIOmlsAjskdqpn81y8UBVEGuHODd7/ci5DvoSzTQ==