Merge pull request #1260 from news-catalyst/feature/donation-language

Changed location of donation via check info. Closes Issue #1239

components/common/CommonStyles.js

@@ -17,6 +17,7 @@ export const PostText = tw.div`flex mt-1 pt-8 mb-12 w-full mx-auto`;
 export const PostTextContainer = tw.div`max-w-2xl w-full mx-auto`;
 export const NewsletterPostText = tw.div`max-w-2xl mb-12 w-full mx-auto`;
 export const Paragraph = tw.p`text-lg mb-5 leading-relaxed`;
+export const Address = tw.address`text-lg mb-5 leading-relaxed`;
 export const H1 = tw.h1`font-bold text-3xl lg:text-4xl leading-tight mt-10 mb-4`;
 export const H2 = tw.h2`font-bold text-2xl leading-tight mt-10 mb-4`;
 export const H3 = tw.h3`font-bold text-xl leading-tight mt-10 mb-4`;

pages/_sites/[site]/donate.js

@@ -17,9 +17,13 @@ import {
   ArticleTitle,
   PostTextContainer,
   PostText,
+  Paragraph,
+  Address,
+  Anchor,
 } from '../../../components/common/CommonStyles.js';
 import { NextSeo } from 'next-seo';
 import TwitterMeta from '../../../components/TwitterMeta';
+import React from 'react';
 
 const SectionContainer = tw.div`flex flex-col flex-nowrap items-center px-5 mx-auto max-w-7xl w-full`;
 const WideContainer = styled.div(() => ({
@@ -37,6 +41,31 @@ export default function Donate({
 }) {
   const isAmp = false;
   const router = useRouter();
+  const tncDonationInfo = (
+    <>
+      <Paragraph>
+        If you would like to make a tax-deductible donation by check, please
+        mail it to our fiscal agent:
+      </Paragraph>
+      <Address>
+        Tiny News Collective
+        <br />
+        1500 Chestnut Street #2113
+        <br />
+        Philadelphia, PA 19102
+        <br />
+      </Address>
+      <Paragraph>
+        If you have questions about your donations please contact:
+      </Paragraph>
+      <Paragraph>Heather Bryant, Interim Executive Director</Paragraph>
+      <Paragraph>
+        <Anchor meta={siteMetadata} href="mailto:[email protected]">
+          [email protected]
+        </Anchor>
+      </Paragraph>
+    </>
+  );
 
   // If the page is not yet generated, this will be displayed
   // initially until getStaticProps() finishes running
@@ -111,6 +140,11 @@ export default function Donate({
           wrap={true}
         />
       </WideContainer>
+      <SectionContainer>
+        <PostText>
+          <PostTextContainer>{tncDonationInfo}</PostTextContainer>
+        </PostText>
+      </SectionContainer>
 
       <NextSeo
         title={localisedPage.headline}