feat: Add sitewide announcements bar (#3121)

mkdocs.yml

@@ -37,6 +37,7 @@ extra:
   context: !ENV [BUILD_CONTEXT, "production"]
   offline: !ENV [BUILD_OFFLINE, false]
   deploy: !ENV DEPLOY_ID
+  ghost_content_api_key: da9d77deb3e85ee73925167f3a
   privacy_guides:
     footer:
       intro:

theme/assets/stylesheets/extra.css

@@ -46,6 +46,7 @@
     --pg-green: #2e7e31;
     --pg-blue-gray: #546d78;
     --pg-viridian: #40826d;
+    --ghost-accent-color: #4f46e5;
 }
 :root, [data-md-color-scheme="slate"] {
     --md-default-bg-color: rgb(26, 26, 27);
@@ -67,6 +68,7 @@
     --pg-blue-gray: #9ab2bc;
     --pg-viridian: #40826d;
     --md-footer-bg-color--dark: var(--md-default-bg-color);
+    --ghost-accent-color: #4f46e5;
 }
 
 /* Better contrast link colors */

theme/main.html

@@ -87,6 +87,23 @@
     <meta name="robots" content="max-snippet:-1, max-image-preview:large">
   {% endif %}
 
+  {% if not config.extra.offline %}
+  <script defer src="https://cdn.jsdelivr.net/ghost/portal@2.53.2/umd/portal.min.js"
+          data-i18n="true"
+          data-ghost="https://www.privacyguides.org/"
+          data-key="{{ config.extra.ghost_content_api_key }}"
+          data-api="https://ghost.privacyguides.org/ghost/api/content/"
+          data-locale="{{ config.theme.language }}"
+          data-members-signin-otc="false"
+          crossorigin="anonymous">
+  </script>
+  <script defer src="https://cdn.jsdelivr.net/ghost/announcement-bar@~1.1/umd/announcement-bar.min.js"
+          data-announcement-bar="https://www.privacyguides.org/"
+          data-api-url="https://www.privacyguides.org/members/api/announcement/"
+          crossorigin="anonymous">
+  </script>
+  {% endif %}
+
   {% if config.extra.context == "production" %}
   <link href="https://www.privacyguides.org/webmentions/receive/" rel="webmention">
   <meta http-equiv="onion-location" content="{{ page.canonical_url | replace("https://www.privacyguides.org", "http://www.xoe4vn5uwdztif6goazfbmogh6wh5jc4up35bqdflu6bkdc5cas5vjqd.onion") }}" />
@@ -96,13 +113,4 @@
   {{ page.meta.schema|tojson }}
   </script>
   {% endif %}
-  <script defer src="https://cdn.jsdelivr.net/ghost/portal@2.53.2/umd/portal.min.js"
-          data-i18n="true"
-          data-ghost="https://www.privacyguides.org/"
-          data-key="da9d77deb3e85ee73925167f3a"
-          data-api="https://ghost.privacyguides.org/ghost/api/content/"
-          data-locale="{{ config.theme.language }}"
-          data-members-signin-otc="false"
-          crossorigin="anonymous">
-  </script>
 {% endblock %}