Skip to content

update donation page #449

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
dirar merged 1 commit into from
May 10, 2026
Merged

update donation page #449

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
114 changes: 41 additions & 73 deletions src/pages/donate.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,72 +16,13 @@ const isUK = country === "GB";
Support Tech for Palestine
</h1>
<p class="mx-auto mt-5 max-w-3xl text-lg text-gray-700">
Since launching Tech for Palestine, we've helped bring impactful projects to life: Media
Bias Meter, Boycat, Find a Protest, Newscord, and many more.
Since launching Tech for Palestine, we've helped bring impactful projects to life:
UpScrolled, Media Bias Meter, Boycat, Find a Protest, Newscord, and many more.
</p>
<p class="mx-auto mt-3 max-w-3xl text-lg text-gray-600">
Your donation helps us hire professionals, strengthen existing projects, and launch new
initiatives for a free Palestine.
Your donation helps us strengthen existing projects and launch new initiatives for a free
Palestine.
</p>

<!-- Highlights -->
<div class="mx-auto mt-8 grid max-w-3xl grid-cols-1 gap-4 sm:grid-cols-3">
<div
class="flex items-center space-x-3 rounded-lg border border-gray-200 bg-white/70 px-4 py-3"
>
<div class="flex h-9 w-9 items-center justify-center rounded-full bg-green-100">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-green-700"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
<span class="font-medium text-gray-700">Hire professionals</span>
</div>
<div
class="flex items-center space-x-3 rounded-lg border border-gray-200 bg-white/70 px-4 py-3"
>
<div class="flex h-9 w-9 items-center justify-center rounded-full bg-blue-100">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-blue-700"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path stroke-linecap="round" stroke-linejoin="round" d="M3 10h4l3 10 4-18 3 8h4"
></path>
</svg>
</div>
<span class="font-medium text-gray-700">Strengthen projects</span>
</div>
<div
class="flex items-center space-x-3 rounded-lg border border-gray-200 bg-white/70 px-4 py-3"
>
<div class="flex h-9 w-9 items-center justify-center rounded-full bg-purple-100">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-purple-700"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="font-medium text-gray-700">Launch new initiatives</span>
</div>
</div>
</div>

<!-- Main Content -->
Expand Down Expand Up @@ -222,14 +163,41 @@ const isUK = country === "GB";
</div>

<div class="rounded-xl border border-gray-200 bg-white/70 p-6">
<h3 class="text-lg font-semibold text-gray-800">Alternative ways to give</h3>
<p class="mt-3 text-gray-700">
Donate via crypto <a
href="https://thegivingblock.com/donate/tech-for-palestine"
target="_blank"
class="font-semibold text-green-700 underline hover:text-green-800">here</a
> or email <b>donations&#64;techforpalestine.org</b> and we'll assist you.
</p>
<h3 class="text-lg font-semibold text-gray-800">Other ways to give</h3>
<ul class="mt-4 list-disc space-y-4 pl-5 text-gray-700 marker:text-green-700">
<li>
<h4 class="font-semibold text-gray-800">Stock & Cryptocurrency</h4>
<p class="mt-1 text-sm">
To make a gift via stock or cryptocurrency, visit our <a
href="https://thegivingblock.com/donate/tech-for-palestine/"
target="_blank"
class="font-semibold text-green-700 underline hover:text-green-800"
>form here</a
>.
</p>
</li>
<li>
<h4 class="font-semibold text-gray-800">Corporate Match</h4>
<p class="mt-1 text-sm">
If your employer uses Benevity to match your contribution, find us <a
href="https://causes.benevity.org/user"
target="_blank"
class="font-semibold text-green-700 underline hover:text-green-800"
>on the Benevity Causes Portal</a
>.
</p>
</li>
<li>
<h4 class="font-semibold text-gray-800">Major Gifts</h4>
<p class="mt-1 text-sm">
For more information about making a major gift, please contact <a
href="mailto:donations&#64;techforpalestine.org"
class="font-semibold text-green-700 underline hover:text-green-800"
>donations&#64;techforpalestine.org</a
>.
</p>
</li>
</ul>
</div>
</div>
</div>
Expand Down Expand Up @@ -311,8 +279,8 @@ const isUK = country === "GB";
}

// Track form variant (safely)
if (typeof window.plausible !== 'undefined') {
window.plausible('Donate Form', { props: { donate_form_variant: trackingVariant } });
if (typeof window.plausible !== "undefined") {
window.plausible("Donate Form", { props: { donate_form_variant: trackingVariant } });
}
});
</script>
Expand Down
Loading