From 28c84a9e0325eaf9647079988543684912c41355 Mon Sep 17 00:00:00 2001
From: Jonah Aragon <jonah@triplebit.net>
Date: Thu, 28 Mar 2024 22:33:11 -0500
Subject: [PATCH] header

---
 config/mkdocs-offline.yml  |  1 -
 theme/main.html            | 19 +------------------
 theme/partials/header.html | 29 +++++++++++++++++++++++++++++
 3 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/config/mkdocs-offline.yml b/config/mkdocs-offline.yml
index 384dc69fd4..431bd59afe 100644
--- a/config/mkdocs-offline.yml
+++ b/config/mkdocs-offline.yml
@@ -145,7 +145,6 @@ nav:
   - About:
     - 'about/index.md'
     - 'about/criteria.md'
-    - 'about/statistics.md'
     - 'about/notices.md'
     - 'about/privacy-policy.md'
     - Community:
diff --git a/theme/main.html b/theme/main.html
index 9eb5ccd7b5..cc2054da74 100644
--- a/theme/main.html
+++ b/theme/main.html
@@ -69,24 +69,7 @@
     <title>{{ config.site_name }}</title>
     {% endif %}
 {% endblock %}
-{% block announce %}{% if config.extra.offline %}
-    You're viewing an offline copy of Privacy Guides built on {{ build_date_utc }}.
-    <a href="https://www.privacyguides.org/">
-    <strong>Visit privacyguides.org for the latest version.</strong>
-    </a>
-{% elif config.extra.context == "deploy-preview" %}
-    You're viewing an <strong>unreviewed preview</strong> of Privacy Guides built on {{ build_date_utc }}.
-    These previews are <strong>user-submitted</strong> and may not necessarily reflect the opinion of the site.
-    <a href="https://www.privacyguides.org/">
-    <strong>Visit privacyguides.org for current advice.</strong>
-    </a>
-{% elif config.extra.context == "branch-deploy" %}
-    You're viewing a <strong>staging branch</strong> of Privacy Guides built on {{ build_date_utc }}.
-    The information on this page may be incomplete or otherwise not yet meet our editorial release standards.
-    <a href="https://www.privacyguides.org/">
-    <strong>Visit privacyguides.org for current advice.</strong>
-    </a>
-{% else %}{% endif %}{% endblock %}
+
 {% block extrahead %}
 <meta name="robots" content="max-snippet:-1, max-image-preview:large">
 {% if config.extra.context == "production" %}
diff --git a/theme/partials/header.html b/theme/partials/header.html
index 2ce3b75982..b4516c3bc6 100644
--- a/theme/partials/header.html
+++ b/theme/partials/header.html
@@ -21,6 +21,35 @@
   IN THE SOFTWARE.
 -->
 
+{% macro notice() %}{% if config.extra.offline %}
+    You're viewing an offline copy of Privacy Guides built on {{ build_date_utc.strftime('%B %d, %Y at %I:%M%p') }}.
+    <a href="https://www.privacyguides.org/">
+    <strong>Visit privacyguides.org for the latest version.</strong>
+    </a>
+{% elif config.extra.context == "deploy-preview" %}
+    You're viewing an <strong>unreviewed preview</strong> of Privacy Guides built on {{ build_date_utc.strftime('%B %d, %Y at %I:%M%p') }}.
+    These previews are <strong>user-submitted</strong> and may not necessarily reflect the opinion of the site.
+    <a href="https://www.privacyguides.org/">
+    <strong>Visit privacyguides.org for current advice.</strong>
+    </a>
+{% elif config.extra.context == "branch-deploy" %}
+    You're viewing a <strong>staging branch</strong> of Privacy Guides built on {{ build_date_utc.strftime('%B %d, %Y at %I:%M%p') }}.
+    The information on this page may be incomplete or otherwise not yet meet our editorial release standards.
+    <a href="https://www.privacyguides.org/">
+    <strong>Visit privacyguides.org for current advice.</strong>
+    </a>
+{% else %}{% endif %}{% endmacro %}
+
+{% if notice() %}
+<div data-md-color-scheme="default" data-md-component="outdated">
+  <aside class="md-banner md-banner--warning">
+    <div class="md-banner__inner md-grid md-typeset">
+      {{ notice() }}
+    </div>
+  </aside>
+</div>
+{% endif %}
+
 <!-- Determine classes -->
 {% set class = "md-header" %}
 {% if "navigation.tabs.sticky" in features %}