From fd48877cc4c97e8b3a5f707fe6a4b588c728baca Mon Sep 17 00:00:00 2001
From: Giovanni Pellerano <giovanni.pellerano@globaleaks.org>
Date: Sun, 22 Sep 2024 23:08:35 +0200
Subject: [PATCH] Add donation badge to documentation

---
 documentation/_static/custom.css | 25 +++++++++++++++++++++++++
 documentation/_static/custom.js  |  6 ++++++
 documentation/conf.py            |  1 +
 3 files changed, 32 insertions(+)
 create mode 100644 documentation/_static/custom.js

diff --git a/documentation/_static/custom.css b/documentation/_static/custom.css
index b5976dacec..394d6f4ad5 100644
--- a/documentation/_static/custom.css
+++ b/documentation/_static/custom.css
@@ -99,3 +99,28 @@ vertical li.current > a {
     max-width: 100%;
   }
 }
+
+.donation-banner {
+  background-color: #fff;
+  padding: 10px;
+  text-align: center;
+  width: 100%;
+  position: fixed;
+  top: 0;
+  z-index: 1000;
+}
+
+.donation-banner a {
+  font-weight: bold;
+}
+
+.donation-icon {
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
+    margin-right: 10px;
+}
+
+body {
+    padding-top: 50px;  /* To avoid content overlap */
+}
diff --git a/documentation/_static/custom.js b/documentation/_static/custom.js
new file mode 100644
index 0000000000..4f0c17391e
--- /dev/null
+++ b/documentation/_static/custom.js
@@ -0,0 +1,6 @@
+document.addEventListener("DOMContentLoaded", function() {
+    var banner = document.createElement("div");
+    banner.className = 'donation-banner';
+    banner.innerHTML = '<img src="https://raw.githubusercontent.com/globaleaks/whistleblowing-software/main/brand/assets/heart.svg" class="donation-icon" alt="Donate" /> Globaleaks is free and open-source whistleblowing software. <a href="https://github.com/sponsors/globaleaks">Donate here to support its development!</a>';
+    document.body.insertBefore(banner, document.body.firstChild);
+});
diff --git a/documentation/conf.py b/documentation/conf.py
index 7dc1c75f24..b1e001285a 100644
--- a/documentation/conf.py
+++ b/documentation/conf.py
@@ -68,3 +68,4 @@
 
 def setup(app):
     app.add_css_file("custom.css")
+    app.add_js_file("custom.js")