Publish 2024-10-02

Author: alexanderby

tips/mobile/index.html

@@ -22,6 +22,12 @@
     <main class="page-grid-content">
         <article>
             <h1 id="how-to-install-dark-reader-for-mobile-devices">How to install Dark Reader for mobile devices</h1>
+<h2 id="qr-code">QR Code</h2>
+<p>Simply scan the following QR code with your phone.</p>
+<img src="/images/qr-code.png" style="width: 10rem;">
+
+<p>You will be prompted to install our iOS app from the App Store,
+or Microsoft Edge browser for Android that will include our extension.</p>
 <h2 id="ios-and-ipados">iOS and iPadOS</h2>
 <p><a href="https://apps.apple.com/us/app/dark-reader-for-safari/id1438243180?platform=iphone" target="_blank"
     rel="noopener" data-s="drios-tips-badge">
@@ -75,17 +81,30 @@ <h2 id="ios-and-ipados">iOS and iPadOS</h2>
 has an amazing brand new design.
 You can choose from many color presets, or set lovely text and background colors of your choice.</p>
 <h2 id="android">Android</h2>
-<h3 id="firefox">Firefox</h3>
-<p>Mozilla Firefox for Android supports mobile extensions.</p>
+<h3 id="microsoft-edge">Microsoft Edge</h3>
+<p><a href="https://www.microsoft.com/edge/emmx/darkreadercollaboration" target="_blank"
+    rel="noopener" data-s="drand-tips-badge">
+    <img src="/images/google-play-badge.svg" width="200">
+</a></p>
+<p>Microsoft Edge for Android <strong>supports Chromium extensions</strong>.</p>
+<ul>
+<li>Scan the following QR code with your Android phone:</li>
+</ul>
+<img src="/images/qr-code.png" style="margin-left: 2.5rem; width: 5rem;">
+
+<ul>
+<li>You will be redirected to Google Play. Click <strong>Install</strong>.</li>
+<li>Follow the initial setup. Dark Reader should be included by default.</li>
+</ul>
 <div>
     <span class="blog-mobile-android-scr">
-        <img src="/images/dr-ff-android-1.png">
+        <img src="/images/plus-screen-1.png">
     </span>
     <span class="blog-mobile-android-scr">
-        <img src="/images/dr-ff-android-2.png">
+        <img src="/images/plus-screen-3.png">
     </span>
     <span class="blog-mobile-android-scr">
-        <img src="/images/dr-ff-android-3.webp">
+        <img src="/images/plus-screen-2.png">
     </span>
 </div>
 <style>
@@ -104,32 +123,45 @@ <h3 id="firefox">Firefox</h3>
         content: "";
         display: inline-block;
         height: 0.75rem;
-        left: 0.375rem;
+        left: calc(50% - 0.375rem);
         position: absolute;
         top: 0.375rem;
         width: 0.75rem;
     }
+    .blog-mobile-android-scr--left-notch::after {
+        left: 0.375rem;
+    }
     .blog-mobile-android-scr img {
         width: 11rem;
     }
 </style>
 
+<p>If you already have Edge for Android installed,
+go to <strong>Extensions</strong> menu and install Dark Reader from the list.</p>
+<p><em>If you haven&#39;t been redirected automatically, simply install Edge from the
+<a href="https://play.google.com/store/apps/details?id=com.microsoft.emmx" target="_blank"
+    rel="noopener" data-s="drand-tips-link">Play Store</a>.</em></p>
+<h3 id="firefox">Firefox</h3>
+<p>Mozilla Firefox for Android supports mobile extensions.</p>
+<div>
+    <span class="blog-mobile-android-scr">
+        <img src="/images/dr-ff-android-1.png">
+    </span>
+    <span class="blog-mobile-android-scr">
+        <img src="/images/dr-ff-android-2.png">
+    </span>
+    <span class="blog-mobile-android-scr">
+        <img src="/images/dr-ff-android-3.webp">
+    </span>
+</div>
+
 <ul>
 <li>First you need to <a href="https://play.google.com/store/apps/details?id=org.mozilla.firefox">install Firefox for Android</a>.</li>
 <li>Open the browser, click <strong>Menu icon</strong> (three dots in the bottom-right corner).</li>
 <li>Click <strong>Add-ons</strong>, find Dark Reader in the list, click <strong>+</strong> (plus icon).</li>
 <li>Alternatively you can visit <a href="https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark Reader&#39;s page</a> in the Firefox Add-ons store.</li>
 <li>Now click <strong>Menu icon</strong>, <strong>Add-ons</strong>. Dark Reader will appear there.</li>
 </ul>
-<h3 id="kiwi">Kiwi</h3>
-<p>Kiwi is another Android browser, which supports Chromium extensions. It has many good reviews.</p>
-<ul>
-<li><a href="https://play.google.com/store/apps/details?id=com.kiwibrowser.browser">Install Kiwi from Google Play</a>.</li>
-<li>Open the browser.</li>
-<li>Go to <a href="https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh">Dark Reader&#39;s Chrome Web Store page</a>.</li>
-<li>Click <strong>Install for Chrome</strong>.</li>
-<li>The extension will appear at the bottom of the browser&#39;s Menu.</li>
-</ul>
 <style>
     darkreader-ios-static,
     darkreader-ios-side {