diff --git a/public/banner.js b/public/banner.js
new file mode 100644
index 0000000..bcd0d15
--- /dev/null
+++ b/public/banner.js
@@ -0,0 +1,344 @@
+/**
+ * Keep Android Open – Countdown Banner
+ * Licensed under the GNU General Public License v3.0
+ * SPDX-License-Identifier: GPL-3.0-only
+ *
+ * A self-contained, embeddable script that injects a countdown banner into any
+ * web page. No external dependencies.
+ *
+ * Usage:
+ *
+ *
+ * Query parameters (appended to the script src URL):
+ * lang=fr Override the browser language (default: auto-detected)
+ * id=myDiv Insert the banner inside the element with this id
+ * (default: prepend to )
+ * size=normal Banner size: "normal" (default) or "mini"
+ * link=URL Make the banner text a link (default: https://keepandroidopen.org)
+ * Set link=none to disable the link
+ * hidebutton=on Show an X close button (default: on)
+ * Set hidebutton=off to hide the close button
+ */
+(function () {
+ "use strict";
+
+ // ── Localized banner strings ──────────────────────────────────────────
+ var messages = {
+ en: "Android will become a locked-down platform",
+ ca: "Android es convertir\u00E0 en una plataforma tancada",
+ cs: "Android will become a locked-down platform in",
+ de: "Android wird eine geschlossene Plattform werden.",
+ el: "\u03A4\u03BF Android \u03B8\u03B1 \u03B3\u03AF\u03BD\u03B5\u03B9 \u03BC\u03AF\u03B1 \u03BA\u03BB\u03B5\u03B9\u03C3\u03C4\u03AE \u03C0\u03BB\u03B1\u03C4\u03C6\u03CC\u03C1\u03BC\u03B1",
+ es: "Android se convertir\u00E1 en una plataforma cerrada",
+ fr: "Android deviendra une plateforme verrouill\u00E9e",
+ id: "Android akan menjadi platform yang terkunci.",
+ it: "Android diventer\u00E0 una piattaforma bloccata",
+ ko: "Android\uAC00 \uD3D0\uC1C7\uB41C \uD50C\uB7AB\uD3FC\uC774 \uB418\uAE30 \uAE4C\uC9C0 \uB0A8\uC740 \uC2DC\uAC04:",
+ pl: "Android stanie si\u0119 platform\u0105 zamkni\u0119t\u0105",
+ "pt-BR": "O Android se tornar\u00E1 uma plataforma fechada",
+ ru: "Android \u0441\u0442\u0430\u043D\u0435\u0442 \u0437\u0430\u043A\u0440\u044B\u0442\u043E\u0439 \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u0439 \u0447\u0435\u0440\u0435\u0437",
+ sk: "Android sa stane uzamknutou platformou",
+ th: "Android\u0E08\u0E30\u0E40\u0E1B\u0E47\u0E19\u0E41\u0E1E\u0E25\u0E15\u0E1F\u0E2D\u0E23\u0E4C\u0E21\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E25\u0E47\u0E2D\u0E01",
+ tr: "Android k\u0131s\u0131tl\u0131 bir platform haline gelecek.",
+ uk: "Android \u0441\u0442\u0430\u043D\u0435 \u0437\u0430\u043A\u0440\u0438\u0442\u043E\u044E \u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u043E\u044E",
+ "zh-CN": "\u5B89\u5353\u5C06\u6210\u4E3A\u4E00\u4E2A\u5C01\u95ED\u5E73\u53F0",
+ "zh-TW": "\u5012\u6578 Android \u5373\u5C07\u6DEA\u70BA\u756B\u5730\u70BA\u7262\u3001\u687C\u68B0\u6EFF\u76C8\u7684\u5C01\u9589\u5E73\u81FA"
+ };
+
+ // ── Parse query parameters from the script's own src URL ──────────────
+ function getScriptParams() {
+ var params = {};
+ try {
+ var src = document.currentScript && document.currentScript.src;
+ if (!src) return params;
+ var q = src.indexOf("?");
+ if (q === -1) return params;
+ var pairs = src.substring(q + 1).split("&");
+ for (var i = 0; i < pairs.length; i++) {
+ var kv = pairs[i].split("=");
+ params[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1] || "");
+ }
+ } catch (e) {}
+ return params;
+ }
+
+ var params = getScriptParams();
+
+ // ── Determine locale ──────────────────────────────────────────────────
+ function resolveLocale(tag) {
+ if (!tag) return "en";
+ if (messages[tag]) return tag;
+ var lower = tag.toLowerCase();
+ for (var key in messages) {
+ if (key.toLowerCase() === lower) return key;
+ }
+ var base = tag.split("-")[0].toLowerCase();
+ if (messages[base]) return base;
+ for (var key2 in messages) {
+ if (key2.toLowerCase().split("-")[0] === base) return key2;
+ }
+ return "en";
+ }
+
+ var locale = resolveLocale(
+ params.lang ||
+ document.documentElement.lang ||
+ navigator.language ||
+ navigator.userLanguage
+ );
+
+ // ── Size variant ──────────────────────────────────────────────────────
+ var size = params.size === "mini" ? "mini" : "normal";
+
+ // ── Link ────────────────────────────────────────────────────────────
+ var linkParam = params.link;
+ var linkUrl = linkParam === "none" ? null : (linkParam || "https://keepandroidopen.org");
+
+ // ── Close button ────────────────────────────────────────────────────
+ var showClose = params.hidebutton !== "off";
+ var storageKey = "kao-banner-hidden";
+
+ // ── Inject CSS ────────────────────────────────────────────────────────
+ var cssNormal =
+ ".kao-banner{" +
+ "position:relative;" +
+ "font-variant-numeric:tabular-nums;" +
+ "background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);" +
+ "border-bottom:4px solid #801313;" +
+ "color:#fff;" +
+ "font-family:'Arial Black',sans-serif;" +
+ "font-weight:900;" +
+ "text-transform:uppercase;" +
+ "letter-spacing:2px;" +
+ "font-size:1.5rem;" +
+ "text-align:center;" +
+ "text-shadow:" +
+ "0px 1px 0px #9e1a1a," +
+ "0px 2px 0px #8a1515," +
+ "0px 3px 0px #751111," +
+ "0px 4px 0px #5e0d0d," +
+ "0px 6px 10px rgba(0,0,0,0.5);" +
+ "animation:kao-pulse 2s infinite;" +
+ "padding:0.5rem 2.5rem;" +
+ "line-height:1.6;" +
+ "box-sizing:border-box;" +
+ "}";
+
+ var cssMini =
+ ".kao-banner{" +
+ "position:relative;" +
+ "font-variant-numeric:tabular-nums;" +
+ "background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);" +
+ "border-bottom:2px solid #801313;" +
+ "color:#fff;" +
+ "font-family:'Arial Black',sans-serif;" +
+ "font-weight:900;" +
+ "text-transform:uppercase;" +
+ "letter-spacing:1px;" +
+ "font-size:0.75rem;" +
+ "text-align:center;" +
+ "text-shadow:" +
+ "0px 1px 0px #9e1a1a," +
+ "0px 2px 0px #8a1515," +
+ "0px 3px 5px rgba(0,0,0,0.4);" +
+ "animation:kao-pulse 2s infinite;" +
+ "padding:0.25rem 1.5rem;" +
+ "line-height:1.4;" +
+ "box-sizing:border-box;" +
+ "}";
+
+ var cssCommon =
+ ".kao-banner a{color:#fff;text-decoration:none;}" +
+ ".kao-banner a:hover{text-decoration:underline;}" +
+ ".kao-banner-close{" +
+ "position:absolute;" +
+ "right:0.5rem;" +
+ "top:50%;" +
+ "transform:translateY(-50%);" +
+ "background:none;" +
+ "border:none;" +
+ "color:#fff;" +
+ "font-size:0.8em;" +
+ "cursor:pointer;" +
+ "opacity:0.7;" +
+ "padding:0.25rem 0.5rem;" +
+ "line-height:1;" +
+ "text-shadow:none;" +
+ "}" +
+ ".kao-banner-close:hover{opacity:1;}" +
+ "@keyframes kao-pulse{" +
+ "0%{box-shadow:0 0 0 0 rgba(211,47,47,0.7)}" +
+ "70%{box-shadow:0 0 0 15px rgba(211,47,47,0)}" +
+ "100%{box-shadow:0 0 0 0 rgba(211,47,47,0)}" +
+ "}";
+
+ var style = document.createElement("style");
+ style.textContent = (size === "mini" ? cssMini : cssNormal) + cssCommon;
+ document.head.appendChild(style);
+
+ // ── Check if previously dismissed ────────────────────────────────────
+ try {
+ if (localStorage.getItem(storageKey)) return;
+ } catch (e) {}
+
+ // ── Create banner DOM ─────────────────────────────────────────────────
+ var banner = document.createElement("div");
+ banner.className = "kao-banner";
+
+ var messageText = messages[locale] || messages.en;
+
+ if (linkUrl) {
+ var link = document.createElement("a");
+ link.href = linkUrl;
+ link.target = "_blank";
+ link.rel = "noopener";
+ link.textContent = messageText;
+ banner.appendChild(link);
+ } else {
+ banner.appendChild(document.createTextNode(messageText));
+ }
+
+ banner.appendChild(document.createElement("br"));
+
+ var countdownSpan = document.createElement("span");
+ countdownSpan.textContent = "\u00A0";
+ banner.appendChild(countdownSpan);
+
+ // Close button
+ if (showClose) {
+ var closeBtn = document.createElement("button");
+ closeBtn.className = "kao-banner-close";
+ closeBtn.setAttribute("aria-label", "Close");
+ closeBtn.textContent = "\u2715";
+ closeBtn.addEventListener("click", function () {
+ banner.style.display = "none";
+ try { localStorage.setItem(storageKey, "1"); } catch (e) {}
+ });
+ banner.appendChild(closeBtn);
+ }
+
+ // Insert into target element (by id) or prepend to
+ var targetId = params.id;
+ if (targetId) {
+ var target = document.getElementById(targetId);
+ if (target) {
+ target.appendChild(banner);
+ } else {
+ document.body.insertBefore(banner, document.body.firstChild);
+ }
+ } else {
+ document.body.insertBefore(banner, document.body.firstChild);
+ }
+
+ // ── Countdown logic ───────────────────────────────────────────────────
+ var countDownDate = new Date("Sep 1, 2026 00:00:00").getTime();
+
+ var formatter = new Intl.RelativeTimeFormat(locale, { style: "narrow" });
+
+ var pfx = new Array(4);
+ var sfx = new Array(4);
+
+ function getOffset(unit) {
+ switch (unit) {
+ case "day": return 0;
+ case "hour": return 1;
+ case "minute": return 2;
+ case "second": return 3;
+ }
+ }
+
+ function extractCommon(p, c, reverse) {
+ var s = 0;
+ var w = 0;
+ var i = reverse ? p.length - 1 : 0;
+ var j = reverse ? c.length - 1 : 0;
+ var pEnd = reverse ? 0 : p.length;
+ var cEnd = reverse ? 0 : c.length;
+ var chr;
+ while (
+ (reverse ? i >= pEnd : i < pEnd) &&
+ (reverse ? j >= cEnd : j < cEnd) &&
+ (chr = p[reverse ? i-- : i++]) === c[reverse ? j-- : j++]
+ ) {
+ w = chr === " " ? w + 1 : 0;
+ s++;
+ }
+ return s - w;
+ }
+
+ function cacheFormattingInfo(value, unit) {
+ var p = formatter.formatToParts(value, unit);
+ if (!p.length) return;
+ var c = formatter.formatToParts(-value, unit);
+
+ var offset = getOffset(unit);
+ if (p[0].type === "literal" && (!c.length || c[0].type !== "literal" || !c[0].value.endsWith(p[0].value))) {
+ pfx[offset] = p[0].value.length;
+ }
+ if (p[p.length - 1].type === "literal") {
+ if (!c.length || c[c.length - 1].type !== "literal") {
+ sfx[offset] = p[p.length - 1].value.length;
+ } else if (!c[c.length - 1].value.startsWith(p[p.length - 1].value)) {
+ sfx[offset] =
+ p[p.length - 1].value.length -
+ extractCommon(p[p.length - 1].value, c[c.length - 1].value, false);
+ }
+ }
+ }
+
+ cacheFormattingInfo(1, "day");
+ cacheFormattingInfo(2, "hour");
+ cacheFormattingInfo(3, "minute");
+ cacheFormattingInfo(4, "second");
+
+ function getLocalizedUnit(value, unit, trimConjunction, trimSuffix) {
+ var offset = getOffset(unit);
+ var string = formatter.format(value, unit);
+ var p = pfx[offset];
+ var s = sfx[offset];
+ return string.slice(
+ trimConjunction && p || (p == 1 && string[0] === "+") ? pfx[offset] : 0,
+ trimSuffix && s ? -sfx[offset] : string.length
+ );
+ }
+
+ var remaining = new Array(7);
+ var separator = " ";
+ var timer = null;
+
+ function updateBanner() {
+ var now = new Date().getTime();
+ var distance = countDownDate - now;
+
+ var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+ var hours = Math.floor(
+ (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+ );
+ var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+ var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+ var parts = 0;
+ remaining[0] = days > 0 ? getLocalizedUnit(days, "day", parts++, true) : null;
+ remaining[1] = parts ? separator : null;
+ remaining[2] =
+ parts || hours > 0
+ ? getLocalizedUnit(hours, "hour", parts++, true)
+ : null;
+ remaining[3] = parts ? separator : null;
+ remaining[4] =
+ parts || minutes > 0
+ ? getLocalizedUnit(minutes, "minute", parts++, true)
+ : null;
+ remaining[5] = parts ? separator : null;
+ remaining[6] = getLocalizedUnit(seconds, "second", parts++, false);
+
+ countdownSpan.textContent = remaining.join("");
+
+ if (distance < 0) {
+ clearInterval(timer);
+ }
+ }
+
+ timer = setInterval(updateBanner, 1000);
+ updateBanner();
+})();
diff --git a/src/content/pages/banner.md b/src/content/pages/banner.md
new file mode 100644
index 0000000..0eab52c
--- /dev/null
+++ b/src/content/pages/banner.md
@@ -0,0 +1,58 @@
+---
+title: "Add the Countdown Banner to Your Site"
+description: "Embed the Keep Android Open countdown banner on your own website with a single script tag."
+lang: en
+---
+
+Add the Keep Android Open countdown banner to your website with a single `
+```
+
+## Query parameters
+
+Customize the banner by appending query parameters to the script URL:
+
+| Parameter | Values | Default | Description |
+|-----------|--------|---------|-------------|
+| `lang` | `en`, `fr`, `de`, `es`, … | Browser language | Override the display language |
+| `id` | Any element id | _(prepend to body)_ | Insert the banner inside the element with this id |
+| `size` | `normal`, `mini` | `normal` | Banner size variant |
+| `link` | Any URL, or `none` | `https://keepandroidopen.org` | Make the banner text a clickable link; set to `none` to disable |
+| `hidebutton` | `on`, `off` | `on` | Show or hide the X close button (dismissed state is remembered per-site via localStorage) |
+
+## Examples
+
+Basic usage, displays at the top of the page:
+
+```html
+
+```
+
+
+
+French, mini size, inserted into a specific element:
+
+```html
+
+
+```
+
+
+
+
+
+Link to a custom page, no close button:
+
+```html
+
+```
+
+
+
+
diff --git a/src/content/pages/en/index.md b/src/content/pages/en/index.md
index 6de3bb7..c491c09 100644
--- a/src/content/pages/en/index.md
+++ b/src/content/pages/en/index.md
@@ -61,7 +61,7 @@ If you are an app developer, _**do not sign up**_ for the early access program,
—— _It is only through developer acquiescence that their takeover plan can possibly succeed._ ——
-Discourage fellow app developers and organizations from signing up to the program. Use community forums, social media, and blog posts to spread the message. Include the [FreeDroidWarn library](https://github.com/woheller69/FreeDroidWarn) in your code to inform your app users.
+Discourage fellow app developers and organizations from signing up to the program. Use community forums, social media, and blog posts to spread the message. Include the [FreeDroidWarn library](https://github.com/woheller69/FreeDroidWarn) in your code to inform your app users. If you manage a web site, consider [adding the countdown banner](/banner) to the top of your page.
If you are a Google employee or contractor of good conscience and have additional insight about the program, including planned technical implementation details or additional rationales for the program, please reach out to [tips@keepandroidopen.org](mailto:tips@keepandroidopen.org) from a _non-work_ machine and a _non-gmail_ account. Your information will be kept in strict confidence.
@@ -73,3 +73,7 @@ If you are a Google employee or contractor of good conscience and have additiona
- Combat astroturfing: when you encounter suspect posts on community forums and social media in support of the policy (“Well, actually…”), challenge them and do not be shy.
- Help this project out by [editing this page](https://github.com/keepandroidopen/keepandroidopen.github.io/blob/main/src/content/pages/en/index.md) with more useful information.
- [Sign this change.org petition](https://www.change.org/p/stop-google-from-limiting-apk-file-usage?recruiter=1370041382&recruited_by_id=fddec6e0-0e30-11f0-a55d-cd0eb0fd0ac4)
+
+### Web Site Owners: Show your support {#webmasters}
+
+[Add the countdown banner to your site](/banner) with a single `