diff --git a/components/common/CommonStyles.js b/components/common/CommonStyles.js
index 1c848f4d..2f7d10e9 100644
--- a/components/common/CommonStyles.js
+++ b/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`;
diff --git a/package-lock.json b/package-lock.json
index de75bda6..7cdb940d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,7 +5,6 @@
"requires": true,
"packages": {
"": {
- "name": "next-tinynewsdemo",
"version": "0.1.0",
"dependencies": {
"@actions/core": "^1.3.0",
@@ -3472,6 +3471,7 @@
"dependencies": {
"anymatch": "~3.1.2",
"braces": "~3.0.2",
+ "fsevents": "~2.3.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
@@ -3636,6 +3636,7 @@
"dev": true,
"license": "MIT",
"dependencies": {
+ "colors": "1.4.0",
"string-width": "^4.2.0"
},
"engines": {
@@ -4862,7 +4863,8 @@
"esprima": "^4.0.1",
"estraverse": "^4.2.0",
"esutils": "^2.0.2",
- "optionator": "^0.8.1"
+ "optionator": "^0.8.1",
+ "source-map": "~0.6.1"
},
"bin": {
"escodegen": "bin/escodegen.js",
@@ -5315,6 +5317,9 @@
"version": "4.0.0",
"dev": true,
"license": "MIT",
+ "dependencies": {
+ "graceful-fs": "^4.1.6"
+ },
"optionalDependencies": {
"graceful-fs": "^4.1.6"
}
@@ -5979,6 +5984,7 @@
"dev": true,
"license": "BSD-2-Clause",
"dependencies": {
+ "@types/yauzl": "^2.9.1",
"debug": "^4.1.1",
"get-stream": "^5.1.0",
"yauzl": "^2.10.0"
@@ -8203,6 +8209,7 @@
"@types/graceful-fs": "^4.1.2",
"anymatch": "^3.0.3",
"fb-watchman": "^2.0.0",
+ "fsevents": "^2.1.2",
"graceful-fs": "^4.2.4",
"jest-serializer": "^25.5.0",
"jest-util": "^25.5.0",
@@ -9071,6 +9078,7 @@
"jest-resolve": "^25.5.1",
"jest-util": "^25.5.0",
"jest-worker": "^25.5.0",
+ "node-notifier": "^6.0.0",
"slash": "^3.0.0",
"source-map": "^0.6.0",
"string-length": "^3.1.0",
@@ -9807,6 +9815,7 @@
"version": "6.1.0",
"license": "MIT",
"dependencies": {
+ "graceful-fs": "^4.1.6",
"universalify": "^2.0.0"
},
"optionalDependencies": {
@@ -11474,6 +11483,18 @@
"integrity": "sha512-YGHDpyfgCfnT5GZObsKepmRnne7Kzp7nGrac07dikhutWQug7hHg85/+sPJ4ZW5Q2pDkb+n0FnmLkmd44htIJQ==",
"dependencies": {
"@next/env": "12.1.5",
+ "@next/swc-android-arm-eabi": "12.1.5",
+ "@next/swc-android-arm64": "12.1.5",
+ "@next/swc-darwin-arm64": "12.1.5",
+ "@next/swc-darwin-x64": "12.1.5",
+ "@next/swc-linux-arm-gnueabihf": "12.1.5",
+ "@next/swc-linux-arm64-gnu": "12.1.5",
+ "@next/swc-linux-arm64-musl": "12.1.5",
+ "@next/swc-linux-x64-gnu": "12.1.5",
+ "@next/swc-linux-x64-musl": "12.1.5",
+ "@next/swc-win32-arm64-msvc": "12.1.5",
+ "@next/swc-win32-ia32-msvc": "12.1.5",
+ "@next/swc-win32-x64-msvc": "12.1.5",
"caniuse-lite": "^1.0.30001283",
"postcss": "8.4.5",
"styled-jsx": "5.0.1"
diff --git a/pages/_sites/[site]/donate.js b/pages/_sites/[site]/donate.js
index 6748698f..c57189d3 100644
--- a/pages/_sites/[site]/donate.js
+++ b/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,20 @@ export default function Donate({
}) {
const isAmp = false;
const router = useRouter();
+ const tncDonationInfo =
+ <>
+