Donate instead of the campaign

longlanepasture · Jan 7, 2025 · 5fb40b2 · 5fb40b2
1 parent a988b0f
commit 5fb40b2
Show file tree

Hide file tree

Showing 8 changed files with 46 additions and 59 deletions.
diff --git a/app/components/Campaign/index.tsx b/app/components/Campaign/index.tsx
diff --git a/app/components/DonateButton/index.tsx b/app/components/DonateButton/index.tsx
@@ -0,0 +1,20 @@
+import "./style.css";
+
+export const DonateButton = () => (
+	<a
+		href="https://www.gofundme.com/f/buy-long-lane-pastures-new-equipment/donate"
+		target="_blank"
+		rel="noopener"
+		className="donate-button"
+	>
+		<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+			<path
+				fill="currentColor"
+				fillRule="evenodd"
+				d="M12.286 4.193A.76.76 0 0 1 11.24 3.5V1.21A.79.79 0 0 1 12 .47a.76.76 0 0 1 .74.76V3.5a.74.74 0 0 1-.454.693Zm9.503 11.31c.259.285.447.626.551.997a.76.76 0 0 1-.19.86 63.052 63.052 0 0 1-6.09 4.85.656.656 0 0 1-.19.09c-1.54.497-3.15.747-4.77.74a11.16 11.16 0 0 1-6-1.45.749.749 0 0 1-.18-1.05.74.74 0 0 1 1-.18c1.85 1.3 6.28 1.56 9.35.56a64.98 64.98 0 0 0 5.42-4.28.72.72 0 0 0-.33-.32c-.5-.16-1.63.53-2.63 1.2-1.73 1.14-3.89 2.5-6.3 2.14a5.36 5.36 0 0 1-2.24-.86l-.14-.1a2.652 2.652 0 0 1-.25-.22.75.75 0 0 1 .29-1.24c1.62-.57 2.63-1.28 2.83-2a1.24 1.24 0 0 0 0-.54 14.279 14.279 0 0 1-5.69 1.52c-2.84.33-4.22.58-4.54 2.76a.78.78 0 0 1-.86.63.75.75 0 0 1-.63-.85c.47-3.18 2.8-3.7 5.21-4-1.54-1.95-2.19-3.67-1.94-5.12A4 4 0 0 1 5.76 6.8a4.11 4.11 0 0 1 3.38-.37A6.15 6.15 0 0 1 12 8.85a6.15 6.15 0 0 1 2.9-2.42 4.12 4.12 0 0 1 3.38.37 3.94 3.94 0 0 1 2.33 3.13c.16 1.82-1.03 3.82-2.69 5.68a3.661 3.661 0 0 1 2.93-.75c.359.138.68.359.94.644ZM11 18c.222.066.45.113.68.14.452.063.91.057 1.36-.02 3.97-3.13 6.24-6.13 6.07-8a2.5 2.5 0 0 0-1.54-2 2.64 2.64 0 0 0-2.18-.27c-1.68.57-2.68 2.79-2.68 2.79a.8.8 0 0 1-1.38 0c-.01-.03-1.02-2.22-2.68-2.79a2.64 2.64 0 0 0-2.18.27A2.57 2.57 0 0 0 5 9.9c-.26 1.15.52 2.76 2.15 4.66a10.118 10.118 0 0 0 4.59-1.57.74.74 0 0 1 1 .12 2.79 2.79 0 0 1 .6 2.47A4.051 4.051 0 0 1 11 18Zm4.52-12.78a.74.74 0 0 0 .53-.22l1-1A.75.75 0 0 0 17 3a.75.75 0 0 0-1 0l-1 1a.75.75 0 0 0 0 1 .73.73 0 0 0 .52.22Zm-7.337-.056A.73.73 0 0 1 7.94 5L7 4a.75.75 0 0 1 0-1 .75.75 0 0 1 1 0l1 .94A.75.75 0 0 1 9 5a.79.79 0 0 1-.53.22.73.73 0 0 1-.287-.056Z"
+				clipRule="evenodd"
+			/>
+		</svg>
+		Donate
+	</a>
+);
diff --git a/app/components/Campaign/style.css → app/components/DonateButton/style.css b/app/components/Campaign/style.css → app/components/DonateButton/style.css
@@ -1,6 +1,6 @@
 .donate-button {
 	display: inline-block;
-	padding: 0.5em 0.7em;
+	padding: 0.3em 0.7em;
 	margin: 0 auto 1rem;
 	font-family: "Trebuchet MS", sans-serif;
 	font-size: 1.1rem;

diff --git a/app/contribute/page.tsx b/app/contribute/page.tsx
@@ -1,6 +1,6 @@
 import { mergeMetadata } from "../../lib/helpers/index.ts";
-import { Campaign } from "../components/Campaign/index.tsx";
 import { ContactUsLink } from "../components/ContactUsLink";
+import { DonateButton } from "../components/DonateButton/index.tsx";
 import { DynamicVolunteers } from "../components/DynamicVolunteers/index.tsx";
 import { NavigationLink } from "../components/NavigationLink/index.tsx";
 import "../components/styles/contributors.css";
@@ -33,7 +33,18 @@ export default () => (
 		</article>
 		<article id="the-pasture-is-a-community-space">
 			<h3>Make a charitable donation</h3>
-			<Campaign />
+			<p>
+				We receive no funding from the local council and rely on donations to
+				undertake our work. By donating, you're not just supporting a green
+				space—you're helping us continue to protect biodiversity, maintain safe
+				access, and sustain a valuable community resource. Every contribution,
+				no matter how small, will make a real difference in maintaining this
+				precious pasture for future generations.
+			</p>
+			<p className="center">
+				<DonateButton />
+			</p>
+
 			<p>
 				Long Lane Pasture Trust is a charity registered in England & Wales (№
 				1122236) and is run in accordance with its Trust Deed. Charity details
@@ -48,12 +59,6 @@ export default () => (
 				</a>
 				.{" "}
 			</p>
-			<p>
-				<strong>
-					We receive no funding from the local council and rely on donations to
-					undertake our work. We accept donations of any size.
-				</strong>
-			</p>
 			<p>
 				Cheques can be sent by mail to No. 256 Long Lane, London N3 2RN. If you
 				would like to make a donation any other way, please <ContactUsLink />.

diff --git a/app/donate/page.tsx b/app/donate/page.tsx
@@ -1,4 +1,4 @@
-import { Campaign } from "../components/Campaign";
+import { DonateButton } from "../components/DonateButton";
 
 export default () => (
 	<>
@@ -14,7 +14,6 @@ export default () => (
 			</figure>
 		</article>
 		<article id="donate">
-			<Campaign />
 			<p>
 				Long Lane Pasture is more than just a green space—it's a thriving haven
 				for wildlife and a peaceful retreat for the local community. We are
@@ -35,26 +34,18 @@ export default () => (
 
 			<p>
 				By donating, you're not just supporting a green space—you're helping us
-				replace this vital equipment so we can continue to protect biodiversity,
-				maintain safe access, and sustain a valuable community resource. Every
-				contribution, no matter how small, will make a real difference in
-				maintaining this precious pasture for future generations.
+				continue to protect biodiversity, maintain safe access, and sustain a
+				valuable community resource. Every contribution, no matter how small,
+				will make a real difference in maintaining this precious pasture for
+				future generations.
 			</p>
 
 			<p>
 				Thank you for being part of something that truly matters to both
 				wildlife and our community!
 			</p>
-			<p>
-				Visit our{" "}
-				<a
-					href="https://www.gofundme.com/f/buy-long-lane-pastures-new-equipment"
-					target="_blank"
-					rel="noopener"
-				>
-					Go Fund Me page
-				</a>{" "}
-				to donate.
+			<p className="center">
+				<DonateButton />
 			</p>
 		</article>
 	</>

diff --git a/app/layout.css b/app/layout.css
@@ -287,6 +287,9 @@ ol {
 		text-indent: 0.5rem;
 	}
 }
+.center {
+	text-align: center;
+}
 .caption-on {
 	position: relative;
 	figcaption {

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,6 +1,5 @@
 import { pictures } from "../dynamic/gallery";
 import { mergeMetadata } from "../lib/helpers";
-import { Campaign } from "./components/Campaign";
 import { DynamicPicturesGallery } from "./components/DynamicPicturesGallery";
 import { NavigationLink } from "./components/NavigationLink";
 import { OpeningTimes } from "./components/OpeningTimes";
@@ -44,7 +43,6 @@ export default () => (
 				wildflowers thrive. Enjoy a peaceful escape from the city. Please
 				respect the wildlife and keep dogs on a lead.
 			</p>
-			<Campaign />
 			<OpeningTimes />
 			<p>
 				Check our{" "}

diff --git a/scripts/postbuild/redirects/index.ts b/scripts/postbuild/redirects/index.ts
@@ -15,12 +15,12 @@ export async function redirects() {
 		["/assets/records*", "/the-trust/", "301"],
 		[
 			"/donate",
-			"https://www.gofundme.com/f/buy-long-lane-pastures-new-equipment",
+			"https://www.gofundme.com/f/buy-long-lane-pastures-new-equipment/donate",
 			"307",
 		],
 		[
 			"/donate/",
-			"https://www.gofundme.com/f/buy-long-lane-pastures-new-equipment",
+			"https://www.gofundme.com/f/buy-long-lane-pastures-new-equipment/donate",
 			"307",
 		],
 		["/events*", "/", "301"],