From 0a549d18eeaa68bca5391308ed4fe76f466b1cbc Mon Sep 17 00:00:00 2001
From: Emi <coppolaemilio@protonmail.com>
Date: Mon, 1 Dec 2025 15:02:58 +0100
Subject: [PATCH] Add donation banner (#1219)

---
 _includes/donation-header.html | 66 ++++++++++++++++++++++++++++++++++
 _includes/header.html          |  2 ++
 2 files changed, 68 insertions(+)
 create mode 100644 _includes/donation-header.html

diff --git a/_includes/donation-header.html b/_includes/donation-header.html
new file mode 100644
index 0000000000..208f3b2388
--- /dev/null
+++ b/_includes/donation-header.html
@@ -0,0 +1,66 @@
+<style>
+.donation-header {
+	background-color: #ffa700;
+	color: black;
+	padding: 15px;
+	text-align: center;
+	padding: 40px 15px;
+	font-size: 1.5em;
+	display: none; /* Hidden by default */
+}
+.donation-header.visible {
+	display: block;
+}
+.donation-header h2 {
+	color: black;
+	margin-bottom: 0;
+	font-size: 1.5em;
+}
+.donation-header p {
+	margin-top: 0;
+}
+.donation-header img {
+	position: absolute;
+	right: 10px;
+	top: 10px;
+	filter: invert(1);
+	cursor: pointer;
+}
+.donation-header .btn {
+	background: black;
+  color: white;
+}
+@media (max-width: 600px) {
+	.donation-header {
+		font-size: 1.2em;
+	}
+}
+</style>
+<div class="donation-header" id="donation-header">
+	<img src="/assets/icons/cross.svg" width="24" height="24" alt="Close" title="Close" id="donation-header-close" onclick="dismissHeader()" />
+	<h2>Donate to Godot!</h2>
+	<p>
+		This has been a great year for the engine, but there are still a lot of things we would love to do.<br>
+		If everyone visiting the site would donate €5, we could hire 5 more developers to work on Godot full-time.<br>
+	</p>
+	<a class="btn" href="https://fund.godotengine.org/?ref=december-2025" onclick="dismissHeader(true)">Donate Now</a>
+</div>
+
+<script>
+function dismissHeader(donate=false) {
+	var d = new Date();
+	if (donate) {
+		d.setTime(d.getTime() + 30*24*60*60*1000);
+	} else {
+		d.setTime(d.getTime() + 48*60*60*1000);
+		document.getElementById('donation-header').classList.remove('visible');
+	}
+	document.cookie = "donationHeaderClosed=1;expires=" + d.toUTCString() + ";path=/";
+}
+document.addEventListener("DOMContentLoaded", function() {
+	var header = document.getElementById('donation-header');
+	if (!document.cookie.includes("donationHeaderClosed=1")) {
+		header.classList.add('visible');
+	}
+});
+</script>
\ No newline at end of file
diff --git a/_includes/header.html b/_includes/header.html
index 348c2cd2ff..42956e5d77 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,3 +1,5 @@
+{% include donation-header.html %}
+
 <input type="checkbox" id="nav_toggle_cb">
 <header class="flex column">
 	<div class="container flex align-center">