feat: Add sitewide announcements bar (#3121)

Signed-off-by: Daniel Gray <dngray@privacyguides.org>

docs/browser-extensions.md

@@ -70,6 +70,8 @@ uBlock Origin also has a "Lite" version of their extension, which offers a very
 <summary>Downloads</summary>
 
 - [:simple-googlechrome: Chrome](https://chrome.google.com/webstore/detail/ublock-origin-lite/ddkjiahejlhfcafbddmgiahcphecmpfh)
+- [:fontawesome-brands-edge: Edge](https://microsoftedge.microsoft.com/addons/detail/cimighlppcgcoapaliogpjjdehbnofhn)
+- [:simple-safari: Safari](https://apps.apple.com/app/id6745342698)
 
 </details>
 

docs/language-tools.md

@@ -11,7 +11,9 @@ cover: language-tools.webp
 
 Text inputted to grammar, spelling, and style checkers, as well as translation services, can contain sensitive information which may be stored on their servers for an indefinite amount of time and sold to third parties. The language tools listed on this page do not store your submitted text on a server and can be self-hosted and used offline for maximum control of your data.
 
-## LanguageTool
+## Grammar & Spelling
+
+### LanguageTool
 
 <div class="admonition recommendation" markdown>
 
@@ -42,6 +44,26 @@ Text inputted to grammar, spelling, and style checkers, as well as translation s
 
 LanguageTool offers integration with a variety of [office suites](https://languagetool.org/services#text_editors) and [email clients](https://languagetool.org/services#mail_clients).
 
+## Translation Tools
+
+### LibreTranslate
+
+<div class="admonition recommendation" markdown>
+
+![LibreTranslate logo](assets/img/language-tools/libretranslate.png){ align=right }
+
+**LibreTranslate** is a free and open-source machine translation web interface and API server. It uses [Argos Translate](https://github.com/argosopentech/argos-translate) models on the backend for translations.
+
+[:octicons-home-16: Homepage](https://libretranslate.com){ .md-button .md-button--primary }
+[:octicons-server-16:](https://github.com/LibreTranslate/LibreTranslate#mirrors){ .card-link title="Public Instances" }
+[:octicons-code-16:](https://github.com/LibreTranslate/LibreTranslate){ .card-link title="Source Code" }
+
+</div>
+
+You can use LibreTranslate through a number of public instances, with some that offer a [Tor](tor.md) onion service or an [I2P](alternative-networks.md#i2p-the-invisible-internet-project) eepsite. You can also host the software yourself for maximum control over the text submitted for translation.
+
+We use a self-hosted instance of LibreTranslate to automatically translate posts on our [forum](https://discuss.privacyguides.net) to multiple languages.
+
 ## Criteria
 
 **Please note we are not affiliated with any of the projects we recommend.** In addition to [our standard criteria](about/criteria.md), we have developed a clear set of requirements to allow us to provide objective recommendations. We suggest you familiarize yourself with this list before choosing to use a project, and conduct your own research to ensure it's the right choice for you.

docs/mobile-browsers.md

@@ -285,8 +285,6 @@ On iOS, any app that can browse the web is [restricted](https://developer.apple.
 
 ### Recommended Safari Configuration
 
-We would suggest installing [AdGuard](browser-extensions.md#adguard) if you want a content blocker in Safari.
-
 The following privacy/security-related options can be found in :gear: **Settings** → **Apps** → **Safari**.
 
 #### Allow Safari to Access

docs/passwords.md

@@ -360,6 +360,35 @@ KeePassXC stores its export data as [CSV](https://en.wikipedia.org/wiki/Comma-se
 
 The [pro version](https://play.google.com/store/apps/details?id=com.kunzisoft.keepass.pro) of the app allows you to unlock cosmetic content and non-standard protocol features, but more importantly, it helps and encourages development.
 
+### KeePassium (iOS & macOS)
+
+<div class="admonition recommendation" markdown>
+
+![KeePassium logo](assets/img/password-management/keepassium.svg){ align=right }
+
+KeePassium is a commercial, open-source password manager made by KeePassium Labs that's compatible with other KeePass applications. It provides autofill support, passkey management, automatic two-way synchronization through [most cloud storage providers](https://support.keepassium.com/kb/sync), and more.
+
+[:material-star-box: Read our latest KeePassium review.](https://www.privacyguides.org/articles/2025/05/13/keepassium-review)
+
+[:octicons-home-16: Homepage](https://keepassium.com){ .md-button .md-button--primary }
+[:octicons-eye-16:](https://keepassium.com/privacy/app){ .card-link title="Privacy Policy" }
+[:octicons-info-16:](https://support.keepassium.com){ .card-link title="Documentation" }
+[:octicons-code-16:](https://github.com/keepassium/KeePassium){ .card-link title="Source Code" }
+[:octicons-heart-16:](https://keepassium.com/donate){ .card-link title="Contribute" }
+
+<details class="downloads" markdown>
+<summary>Downloads</summary>
+
+- [:simple-appstore: App Store](https://apps.apple.com/us/app/id1435127111)
+
+</details>
+
+</div>
+
+KeePassium offers a [Premium version](https://keepassium.com/pricing) with additional features such as support for multiple databases, YubiKey support, and a password audit tool.
+
+KeePassium's iOS app has been [audited](https://cure53.de/pentest-report_keepassium.pdf) by Cure53 in October 2024, and all [issues](https://keepassium.com/blog/2024/11/independent-security-audit-complete) found in the audit were subsequently fixed.
+
 ### Gopass (CLI)
 
 <div class="admonition recommendation" markdown>

docs/tools.md

@@ -493,6 +493,7 @@ For encrypting your OS drive, we typically recommend using the encryption tool y
 <div class="grid cards" markdown>
 
 - ![LanguageTool logo](assets/img/language-tools/languagetool.svg#only-light){ .twemoji loading=lazy }![LanguageTool logo](assets/img/language-tools/languagetool-dark.svg#only-dark){ .twemoji loading=lazy } [LanguageTool](language-tools.md#languagetool)
+- ![LibreTranslate logo](assets/img/language-tools/libretranslate.png){ .twemoji } [LibreTranslate](language-tools.md#libretranslate)
 
 </div>
 
@@ -572,6 +573,7 @@ For encrypting your OS drive, we typically recommend using the encryption tool y
 - ![Psono logo](assets/img/password-management/psono.svg){ .twemoji loading=lazy } [Psono](passwords.md#psono)
 - ![KeePassXC logo](assets/img/password-management/keepassxc.svg){ .twemoji loading=lazy } [KeePassXC](passwords.md#keepassxc)
 - ![KeePassDX logo](assets/img/password-management/keepassdx.svg){ .twemoji loading=lazy } [KeePassDX (Android)](passwords.md#keepassdx-android)
+- ![KeePassium logo](assets/img/password-management/keepassium.svg){ .twemoji loading=lazy } [KeePassium (iOS & macOS)](passwords.md#keepassium-ios-macos)
 - ![Gopass logo](assets/img/password-management/gopass.svg){ .twemoji loading=lazy } [Gopass (CLI)](passwords.md#gopass-cli)
 
 </div>

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 %}