Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 | 1x 1x 1x 1x 1x 1x | import * as React from "react"
import { Head } from "./Head"
import { SiteHeader } from "./SiteHeader"
import { SiteFooter } from "./SiteFooter"
export const DonatePage = (props: {
baseUrl: string
recaptchaKey: string
}) => (
<html>
<Head
canonicalUrl={`${props.baseUrl}/donate`}
pageTitle="Donate"
baseUrl={props.baseUrl}
>
<script src="https://js.stripe.com/v3/" />
<script
src={`https://www.google.com/recaptcha/api.js?render=${props.recaptchaKey}`}
/>
</Head>
<body>
<SiteHeader baseUrl={props.baseUrl} />
<main>
<article className="donate-page">
<div className="page-header">
<div className="wrapper">
<h1 className="page-heading">Help us do more</h1>
</div>
</div>
<div className="wrapper">
<div className="columns">
<div className="column">
<p>
To bring about a better future, we need data
and research to understand the big problems
the world is facing and how to make progress
against them. That’s why we make all our
work free and accessible for everyone.
</p>
<p>
We are a nonprofit. This means we rely on
donations and grants to keep us going.
Reader donations are essential to our work,
providing us with the stability and
independence we need, so we can focus on
showing the data and evidence we think
everyone needs to know.
</p>
<p>
Donating is also one way to show us that you
find our work helpful and valuable. Knowing
this is a huge source of inspiration for our
team.
</p>
<p>
If you want to help us do more, please
donate today – it will make a real
difference.
</p>
<p>
Thank you, <br />
Global Change Data Lab and the Our World in
Data team
</p>
<hr />
<p>
<a href="/about">About us</a> –{" "}
<a href="https://ourworldindata.org/uploads/2019/02/Donations-Policy-Global-Change-Data-Lab.pdf">
Donations Policy
</a>{" "}
–{" "}
<a href="/donate/faq">Donations FAQ</a>
</p>
</div>
<div className="column">
<div className="donate-form-container shaded-box">
{/* temporary message, client-side generated form */}
Loading donate form…
</div>
</div>
</div>
<div className="columns">
<div className="column"></div>
</div>
</div>
</article>
</main>
<SiteFooter hideDonate={true} baseUrl={props.baseUrl} />
<script
dangerouslySetInnerHTML={{
__html: `runDonateForm()`,
}}
/>
</body>
</html>
)
|