Update homepage announcement to promote Discord server

Replaces the previous Processing 4 announcement with a new section inviting users to join the official Processing Discord server. Updates related i18n strings and homepage content to reflect the use of this section for announcements.

Author: SableRaf

i18n/react-intl/en.json

@@ -37,10 +37,10 @@
   "gettingStartedP1": "Download and open the 'Processing' application. Select something from the Examples. Hit the Run button. Lather, rinse, repeat as necessary. More information on using Processing itself is can be found in the <a href='/environment'>environment</a> section of the reference. To learn the Processing language, we recommend you try a few of the built-in <a href='/examples'>examples</a>, and check out the <a href='/reference'>reference</a>. A group of diverse <a href='/books'>books</a> have been written to help people with different goals and skill levels.",
   "gettingStartedP2": "To learn the Processing language, we recommend you try a few of the built-in examples, and check out the <a href='/reference'>reference</a>. A group of diverse <a href='/books'>books</a> have been written to help people with different goals and skill levels. If you're stuck or want to talk about your work, head over to the forum section of the site to find open minds and helpful peers.",
   "gettingStartedP3": "For a more detailed overview, check the <a href='/tutorials/gettingstarted'>Getting Started</a> tutorial.",
-  "participate": "Processing 4 is out!",
-  "participateP1": "Processing 4 introduces major improvements behind the scenes, with the primary goal to keep your code running smoothly on the latest hardware and operating systems.",
-  "participateP2": "If you are still using Processing 3 or a Processing 4 beta, we strongly encourage you to switch to Processing 4 to get the best performance, compatibility, and support in the future.",
-  "buttonParticipate": "Read the blog post",
+  "announcement": "Join our Discord!",
+  "announcementP1": "We're excited to announce the launch of the official Processing Discord server, a new space for our community to connect, share, and collaborate in real time.",
+  "announcementP2": "Whether you're a beginner or an expert, join us to ask questions, get help, and meet fellow creative coders from around the world.",
+  "announcementButton": "Join Discord",
   "contribute": "Contribute",
   "contributeP1": "The core Processing software is augmented by libraries and tools contributed through the community. These inventive extensions are a bright future for the project. We have a list of Contributed Libraries and Contributed Tools posted online. These contributions can't be underestimated.",
   "contributeP2": "To contribute to Processing development, please visit Processing on GitHub to read instructions for downloading the code,",
@@ -61,8 +61,6 @@
   "building": " building from the source",
   "reporting": "reporting and tracking bugs",
   "creating": "creating libraries and tools",
-  "announcement": "Processing Community Day",
-  "announcementText": "The Processing Community Day (PCD) initiative is evolving. For 2020, we will offer a mentorship program for PCD Worldwide Organizers who are interested in learning from past community organizers and mentors. The goal is to help a diverse group of organizers launch a PCD in their local communities. Check out the <a href='https://processingfoundation.org/advocacy/processing-community-day-2020'>PCD @ Worldwide</a> site to learn more about starting or attending an event in 2020!",
   "partners": "Partners",
   "tableOfContents": "Table of contents",
   "topicExamples": "Programs about animation, interaction, motion, simulation, and more...",

src/pages/index.js

@@ -170,17 +170,17 @@ const IndexPage = ({ data }) => {
       <div className={css.takePart}>
         <div className={classnames(grid.grid, grid.container)}>
           <div className={classnames(grid.col, css.participate)}>
-            <h2>{intl.formatMessage({ id: 'participate' })}</h2>
+            <h2>{intl.formatMessage({ id: 'announcement' })}</h2>
             <div>
-              <p>{intl.formatMessage({ id: 'participateP1' })}</p>
-              <p>{intl.formatMessage({ id: 'participateP2' })}</p>
+              <p>{intl.formatMessage({ id: 'announcementP1' })}</p>
+              <p>{intl.formatMessage({ id: 'announcementP2' })}</p>
             </div>
             <div className={css.participateButton}>
               <Button
-                href={'https://medium.com/@ProcessingOrg/3a1f8b8a7aed'}
+                href={'https://discord.gg/h99u95nU7q'}
                 variant="animate1"
                 size="large">
-                {intl.formatMessage({ id: 'buttonParticipate' })}
+                {intl.formatMessage({ id: 'announcementButton' })}
               </Button>
             </div>
           </div>