Merge pull request #656 from SableRaf/add-every-org-button

Add every.org donation link to the donate page

Author: SableRaf

i18n/react-intl/en.json

@@ -152,9 +152,10 @@
   "dxf": "DXF Export",
   "openEditor": "Open Editor",
   "closeEditor": "Close Editor",
-  "donateIntro": "We need your help! Please support Processing by making a donation to the Processing Foundation. Your donation contributes to software development, education resources like code examples and tutorials, Fellowships, and community events. To be clear, you don't need to donate to use our software. We've always been free, libre, open-source software.",
+  "donateIntro": "We need your help! Please support Processing by making a donation to the Processing Foundation using the form below. Your donation contributes to software development, education resources like code examples and tutorials, Fellowships, and community events. To be clear, you don't need to donate to use our software. We've always been free, libre, open-source software.",
   "donateOutro": "The Processing Foundation was established in 2012 after more than a decade of work with the Processing software. The Foundation’s mission is to promote software literacy within the visual arts, and visual literacy within technology-related fields — and to make these fields accessible to diverse communities. Our goal is to empower people of all interests and backgrounds to learn how to program and make creative work with code, especially those who might not otherwise have access to these tools and resources. You can read more about the history of Processing in the short essay <a href='https://medium.com/processing-foundation/a-modern-prometheus-59aed94abe85'>'A Modern Prometheus'</a>.",
   "donatePaymentTitle": "Donate to Processing",
+  "donateCryptoInfo": "To donate using crypto, DAF, or stocks, visit our <strong><a href='https://www.every.org/processing-foundation?method=crypto,stocks,daf&success_url=https%3A%2F%2Fprocessing.org%2Fdonate&exit_url=https%3A%2F%2Fprocessing.org%2Fdonate&partner_metadata=eyJzb3VyY2UiOiAicHJvY2Vzc2luZy5vcmcifQ==#donate'>Every.org donation page</a></strong> instead.",
   "donateButton": "Donate",
   "donateHelp": "Help us continue with your generosity!",
   "moreExamples": "More Examples",

src/pages/donate.js

@@ -22,6 +22,10 @@ const Donate = () => {
         <div className={classnames(grid.col, css.left)}>
           <h1>{intl.formatMessage({ id: 'donate' })}</h1>
           <h3>{intl.formatMessage({ id: 'donateIntro' })}</h3>
+          <h3
+            dangerouslySetInnerHTML={{
+              __html: intl.formatMessage({ id: 'donateCryptoInfo' })
+            }}></h3>
           <div>
             <script
               src="https://donorbox.org/widget.js"

src/styles/pages/donate.module.css

@@ -4,6 +4,10 @@
 .left {
   flex-basis: var(--col4);
 }
+
+.left a {
+  text-decoration: underline;
+}
 .right {
   flex-basis: var(--col2);
   position: relative;