Publish 2024-11-30

blog/mobile/index.html

@@ -11,7 +11,7 @@
     <meta property="og:type" content="article" />
     <meta property="og:url" content="https://darkreader.org/blog/mobile/" />
     <meta property="og:title" content="Dark Reader for iOS and Android is available – Dark Reader blog" />
-    <meta property="og:image" content="https://darkreader.org/images/dr-ios-1.png" />
+    <meta property="og:image" content="https://darkreader.org/images/qr-code.png" />
     <meta property="og:description" content="Many of you haven&#39;t heard that we have the app available for iOS and Android. These mobile versions have many features that will appear in the upcoming Dark Reader 5." />
 </head>
 
@@ -26,6 +26,12 @@ <h6>May 30, 2022</h6>
             <h1 id="dark-reader-for-ios-and-android-is-available">Dark Reader for iOS and Android is available</h1>
 <p>Many of you haven&#39;t heard that we have the app available for iOS and Android.
 These mobile versions have many features that will appear in the upcoming Dark Reader 5.</p>
+<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>
 <style>
     .page-grid-ios,
     .page-grid-inside {
@@ -86,28 +92,67 @@ <h3 id="ios-and-ipados">iOS and iPadOS</h3>
 By installing it, you will support the development of Dark Reader greatly.
 <a class="blog-mobile-app-link" href="https://apps.apple.com/us/app/dark-reader-for-safari/id1438243180?platform=iphone" data-s="drios-blog-mobile">Check it out in the App Store</a>.</p>
 <h3 id="android">Android</h3>
-<p>Mobile Chrome doesn&#39;t support extensions at the moment.
-But there are some other great browsers that do.</p>
+<h4 id="edge">Edge</h4>
+<p>Microsoft Edge has recently introduced browser extensions on Android.</p>
+<ul>
+<li>The easiest way is to 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/plus-screen-1.png">
+    </span>
+    <span class="blog-mobile-android-scr">
+        <img src="/images/plus-screen-3.png">
+    </span>
+    <span class="blog-mobile-android-scr">
+        <img src="/images/plus-screen-2.png">
+    </span>
+</div>
+<style>
+    .blog-mobile-android-scr {
+        border: 0.375rem solid black;
+        border-radius: 1.5rem;
+        box-shadow: 0 0 0 0.0625rem var(--color-hover);
+        display: inline-block;
+        margin: 0.25rem;
+        overflow: hidden;
+        position: relative;
+    }
+    .blog-mobile-android-scr::after {
+        background-color: black;
+        border-radius: 50%;
+        content: "";
+        display: inline-block;
+        height: 0.75rem;
+        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>
+and install Dark Reader through the browser&#39;s Extensions menu.</em></p>
 <h4 id="firefox">Firefox</h4>
 <p>Mozilla has one of the best Android browsers.
 The company has earned much trust for its openness and privacy practices.</p>
-<blockquote>
-<p>By the way,
-<a href="https://www.mozilla.org/" data-s="moz-blog-mobile">Mozilla</a>&#39;s team,
-along with
-PayPal (Honey)
-and
-<a href="https://fibery.io/" data-s="fib-blog-mobile">Fibery</a> (a collaboration tool),
-have helped Dark Reader to move its headquarters to the UK.
-So please,
-download the <a href="https://www.mozilla.org/" data-s="moz-blog-mobile">Firefox browser</a>,
-help them compete with huge corporations,
-and organize your team&#39;s or company&#39;s work through
-<a href="https://fibery.io/" data-s="fib-blog-mobile">Fibery</a>:
-a wonderful online workspace.
-Thanks them a lot!</p>
-</blockquote>
-<div>
+<div style="display: none;">
     <span class="blog-mobile-android-scr">
         <img src="/images/dr-ff-android-1.png">
     </span>
@@ -168,7 +213,7 @@ <h4 id="chrome-for-android">Chrome for Android</h4>
 <h3 id="support-us"><span class="text-highlight">Support us</span></h3>
 <p>Don&#39;t forget to support the ongoing Dark Reader&#39;s development.
 Install our
-<a class="text-highlight" href="https://apps.apple.com/us/app/dark-reader-for-safari/id1438243180?platform=iphone" data-s="drios-blog-mobile">extension for iPhones and iPads</a>.
+<a class="text-highlight" href="https://apps.apple.com/us/app/dark-reader-for-safari/id1438243180?platform=iphone" data-s="drios-blog-mobile">extension for iPhones and iPads</a>. 
 Tell your friends or colleagues about Dark Reader.
 You can also
 <a class="text-highlight" href="https://opencollective.com/darkreader/donate" data-s="d-blog-mobile">support us financially</a>.</p>