Publish 2024-11-04

Author: alexanderby

qr/index.html

@@ -111,6 +111,29 @@ <h3>
 
     <section id="android-static" style="display: none;">
         <h3>Dark Reader for Android</h3>
+        <div class="firefox" style="display: none;">
+            <h4>
+                Mozilla Firefox
+            </h4>
+            <p class="mini-instruction">
+                <img class="mini-instruction-icon" src="/images/icon-android-dark.svg">
+                ➡
+                <img class="mini-instruction-icon" src="/images/icon-firefox-87x82.svg">
+                ➡
+                <img class="mini-instruction-icon" src="/images/icon-256.png">
+            </p>
+            <p>
+                Please use the following link to install <strong style="white-space: pre;">Dark Reader</strong>
+                for <strong style="white-space: pre;">Mozilla Firefox</strong> browser:<br>
+                <a data-s="drff-qr-text"
+                    href="https://addons.mozilla.org/en-GB/android/addon/darkreader/">
+                    https://addons.mozilla.org/en-GB/android/addon/darkreader/
+                </a>
+            </p>
+            <h4>
+                Microsoft Edge
+            </h4>
+        </div>
         <p class="mini-instruction">
             <img class="mini-instruction-icon" src="/images/icon-android-dark.svg">
             ➡
@@ -148,12 +171,7 @@ <h3>
             </a>
         </p>
         <h3>Android</h3>
-        <div id="firefox" style="display: none;">
-            <script>
-                if (location.hash.includes('firefox')) {
-                    document.getElementById('firefox').style.display = '';
-                }
-            </script>
+        <div class="firefox" style="display: none;">
             <h4>
                 Mozilla Firefox
             </h4>
@@ -218,6 +236,9 @@ <h4>
                 sectionAndroidStatic.style.display = 'block';
                 sectionUnrecognized.style.display = 'none';
             }
+            if (location.hash.includes('firefox')) {
+                document.querySelectorAll('.firefox').forEach((el => el.style.display = ''));
+            }
         })();
     </script>