From 55b87fdbbaf40be62a16573c7efbc5efce71083d Mon Sep 17 00:00:00 2001
From: Mahdi Dibaiee <mdibaiee@pm.me>
Date: Wed, 26 Jul 2023 15:00:47 +0100
Subject: [PATCH] add firefox banner

---
 _includes/header.html | 10 ++++++++++
 _sass/_base.scss      |  4 ++++
 _sass/_layout.scss    |  4 ++++
 3 files changed, 18 insertions(+)

diff --git a/_includes/header.html b/_includes/header.html
index 0f4ab04..ac20827 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -27,4 +27,14 @@
     </p>
   </nav>
 
+  <span id='browser' class='notice hidden'>
+    This website is designed for <a target="_blank" rel="noopener noreferrer" href="https://firefox.com/">Firefox</a>, a web
+browser that respects your privacy.
+  </span>
+
+  <script>
+    if (window.chrome) {
+      document.getElementById('browser').className = 'notice';
+    }
+  </script>
 </header>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 46fbf06..3acb409 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -13,6 +13,10 @@ dl, dd, ol, ul, figure {
   text-align: center;
 }
 
+.hidden {
+  display: none !important;
+}
+
 
 /**
  * Basic styling
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 5d5a4da..a7b9804 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -271,3 +271,7 @@ hr {
     margin: 0;
   }
 }
+
+#browser {
+  display: inline-block;
+}