Skip to content

Commit 3c8b571

Browse files
committed
Publish 2024-11-30
1 parent 83a0dfb commit 3c8b571

File tree

1 file changed

+66
-21
lines changed

1 file changed

+66
-21
lines changed

blog/mobile/index.html

Lines changed: 66 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<meta property="og:type" content="article" />
1212
<meta property="og:url" content="https://darkreader.org/blog/mobile/" />
1313
<meta property="og:title" content="Dark Reader for iOS and Android is available – Dark Reader blog" />
14-
<meta property="og:image" content="https://darkreader.org/images/dr-ios-1.png" />
14+
<meta property="og:image" content="https://darkreader.org/images/qr-code.png" />
1515
<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." />
1616
</head>
1717

@@ -26,6 +26,12 @@ <h6>May 30, 2022</h6>
2626
<h1 id="dark-reader-for-ios-and-android-is-available">Dark Reader for iOS and Android is available</h1>
2727
<p>Many of you haven&#39;t heard that we have the app available for iOS and Android.
2828
These mobile versions have many features that will appear in the upcoming Dark Reader 5.</p>
29+
<h2 id="qr-code">QR Code</h2>
30+
<p>Simply scan the following QR code with your phone.</p>
31+
<img src="/images/qr-code.png" style="width: 10rem;">
32+
33+
<p>You will be prompted to install our iOS app from the App Store,
34+
or Microsoft Edge browser for Android that will include our extension.</p>
2935
<style>
3036
.page-grid-ios,
3137
.page-grid-inside {
@@ -86,28 +92,67 @@ <h3 id="ios-and-ipados">iOS and iPadOS</h3>
8692
By installing it, you will support the development of Dark Reader greatly.
8793
<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>
8894
<h3 id="android">Android</h3>
89-
<p>Mobile Chrome doesn&#39;t support extensions at the moment.
90-
But there are some other great browsers that do.</p>
95+
<h4 id="edge">Edge</h4>
96+
<p>Microsoft Edge has recently introduced browser extensions on Android.</p>
97+
<ul>
98+
<li>The easiest way is to scan the following QR code with your Android phone:</li>
99+
</ul>
100+
<img src="/images/qr-code.png" style="margin-left: 2.5rem; width: 5rem;">
101+
102+
<ul>
103+
<li>You will be redirected to Google Play. Click <strong>Install</strong>.</li>
104+
<li>Follow the initial setup. Dark Reader should be included by default.</li>
105+
</ul>
106+
<div>
107+
<span class="blog-mobile-android-scr">
108+
<img src="/images/plus-screen-1.png">
109+
</span>
110+
<span class="blog-mobile-android-scr">
111+
<img src="/images/plus-screen-3.png">
112+
</span>
113+
<span class="blog-mobile-android-scr">
114+
<img src="/images/plus-screen-2.png">
115+
</span>
116+
</div>
117+
<style>
118+
.blog-mobile-android-scr {
119+
border: 0.375rem solid black;
120+
border-radius: 1.5rem;
121+
box-shadow: 0 0 0 0.0625rem var(--color-hover);
122+
display: inline-block;
123+
margin: 0.25rem;
124+
overflow: hidden;
125+
position: relative;
126+
}
127+
.blog-mobile-android-scr::after {
128+
background-color: black;
129+
border-radius: 50%;
130+
content: "";
131+
display: inline-block;
132+
height: 0.75rem;
133+
left: calc(50% - 0.375rem);
134+
position: absolute;
135+
top: 0.375rem;
136+
width: 0.75rem;
137+
}
138+
.blog-mobile-android-scr--left-notch::after {
139+
left: 0.375rem;
140+
}
141+
.blog-mobile-android-scr img {
142+
width: 11rem;
143+
}
144+
</style>
145+
146+
<p>If you already have Edge for Android installed,
147+
go to <strong>Extensions</strong> menu and install Dark Reader from the list.</p>
148+
<p><em>If you haven&#39;t been redirected automatically, simply install Edge from the
149+
<a href="https://play.google.com/store/apps/details?id=com.microsoft.emmx" target="_blank"
150+
rel="noopener" data-s="drand-tips-link">Play Store</a>
151+
and install Dark Reader through the browser&#39;s Extensions menu.</em></p>
91152
<h4 id="firefox">Firefox</h4>
92153
<p>Mozilla has one of the best Android browsers.
93154
The company has earned much trust for its openness and privacy practices.</p>
94-
<blockquote>
95-
<p>By the way,
96-
<a href="https://www.mozilla.org/" data-s="moz-blog-mobile">Mozilla</a>&#39;s team,
97-
along with
98-
PayPal (Honey)
99-
and
100-
<a href="https://fibery.io/" data-s="fib-blog-mobile">Fibery</a> (a collaboration tool),
101-
have helped Dark Reader to move its headquarters to the UK.
102-
So please,
103-
download the <a href="https://www.mozilla.org/" data-s="moz-blog-mobile">Firefox browser</a>,
104-
help them compete with huge corporations,
105-
and organize your team&#39;s or company&#39;s work through
106-
<a href="https://fibery.io/" data-s="fib-blog-mobile">Fibery</a>:
107-
a wonderful online workspace.
108-
Thanks them a lot!</p>
109-
</blockquote>
110-
<div>
155+
<div style="display: none;">
111156
<span class="blog-mobile-android-scr">
112157
<img src="/images/dr-ff-android-1.png">
113158
</span>
@@ -168,7 +213,7 @@ <h4 id="chrome-for-android">Chrome for Android</h4>
168213
<h3 id="support-us"><span class="text-highlight">Support us</span></h3>
169214
<p>Don&#39;t forget to support the ongoing Dark Reader&#39;s development.
170215
Install our
171-
<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>.
216+
<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>.
172217
Tell your friends or colleagues about Dark Reader.
173218
You can also
174219
<a class="text-highlight" href="https://opencollective.com/darkreader/donate" data-s="d-blog-mobile">support us financially</a>.</p>

0 commit comments

Comments
 (0)