Skip to content

Commit 16c9a57

Browse files
alexanderbyalexanderby
committed
Publish 2024-09-05
1 parent e8a628e commit 16c9a57

File tree

2 files changed

+116
-0
lines changed

2 files changed

+116
-0
lines changed

‎help/index.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,12 @@
6969
</a>
7070
</li>
7171

72+
<li>
73+
<a href="mobile/">
74+
Mobile Help (English)
75+
</a>
76+
</li>
77+
7278
<li>
7379
<a href="nl/">
7480
Help (Nederlands)

‎help/mobile/index.html‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
<!DOCTYPE html>
2+
<html lang="mobile">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<title>Mobile Help – Dark Reader</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1" />
8+
<link rel="shortcut icon" href="/images/icon-256.png" />
9+
<link rel="stylesheet" type="text/css" href="/styles/help-topic.css" />
10+
<meta name="theme-color" content="#141e24" />
11+
<meta property="og:type" content="article" />
12+
<meta property="og:url" content="https://darkreader.org/help/mobile/" />
13+
<meta property="og:title" content="Mobile Help – Dark Reader" />
14+
<meta property="og:image" content="https://darkreader.org/images/darkreader-screenshot-v5-preview.png" />
15+
<script>
16+
if (navigator.userAgent.toLowerCase().includes('android')) {
17+
document.documentElement.classList.add('android');
18+
}
19+
</script>
20+
</head>
21+
22+
<body class="page-grid-body">
23+
<header class="page-grid-header">
24+
<a class="help-header-logo" href="../">Mobile Help – Dark Reader</a>
25+
</header>
26+
<article class="page-grid-content">
27+
<h1>Mobile Help — Dark Reader</h1>
28+
<p>The article for <strong>Dark Reader Mobile</strong> is in progress.</p>
29+
<p>You will be automatically redirected to <a href="../en/">Dark Reader v4 Help</a> page in 5 seconds...</p>
30+
<script defer>
31+
setTimeout(() => {
32+
location.replace('../en/');
33+
}, 5000);
34+
</script>
35+
36+
<style>
37+
aside,
38+
darkreader-donate-mascot,
39+
darkreader-ios-static,
40+
darkreader-ios-side,
41+
darkreader-pay-tiers,
42+
darkreader-backers-top-short,
43+
darkreader-mobile-top-short {
44+
display: none;
45+
}
46+
</style>
47+
48+
<darkreader-pay-tiers></darkreader-pay-tiers>
49+
<script type="module" src="/elements/pay-tiers.js"></script>
50+
<darkreader-backers-header></darkreader-backers-header>
51+
<script type="module" src="/elements/sponsors-top.js"></script>
52+
<darkreader-support-us></darkreader-support-us>
53+
<script type="module" src="/elements/sponsors-bottom.js"></script>
54+
</article>
55+
<aside class="page-grid-inside">
56+
<darkreader-pay-tiers></darkreader-pay-tiers>
57+
<script type="module" src="/elements/pay-tiers.js"></script>
58+
<darkreader-backers-top-short></darkreader-backers-top-short>
59+
<script type="module" src="/elements/sponsors-top-short.js"></script>
60+
<darkreader-mobile-top-short></darkreader-mobile-top-short>
61+
<script type="module" src="/elements/mobile-top-short.js"></script>
62+
<darkreader-backers-header></darkreader-backers-header>
63+
<script type="module" src="/elements/sponsors-top.js"></script>
64+
</aside>
65+
<aside class="page-grid-side">
66+
<darkreader-questions></darkreader-questions>
67+
<script type="module" src="/elements/questions.js"></script>
68+
<darkreader-backers-side></darkreader-backers-side>
69+
<script type="module" src="/elements/sponsors-right.js"></script>
70+
<script defer>
71+
(() => {
72+
const check = () => {
73+
const box = document.querySelector('.page-grid-inside').getBoundingClientRect();
74+
document.querySelector('.page-grid-side').classList.toggle('page-grid-side--visible', box.top < 0);
75+
};
76+
77+
check();
78+
79+
addEventListener('scroll', check);
80+
addEventListener('resize', check);
81+
})();
82+
</script>
83+
</aside>
84+
<aside class="page-grid-left">
85+
<ul></ul>
86+
<script>
87+
(() => {
88+
const script = document.currentScript;
89+
const list = document.querySelector('.page-grid-content > ul');
90+
if (!script || !list) {
91+
return;
92+
}
93+
const parent = script.parentElement;
94+
const placeholder = parent.querySelector('ul');
95+
const copy = list.cloneNode(true);
96+
copy.classList.add('nav');
97+
placeholder.replaceWith(copy);
98+
list.classList.add('list-copied');
99+
})();
100+
</script>
101+
<darkreader-ios-static></darkreader-ios-static>
102+
<script type="module" src="/elements/ios-static.js"></script>
103+
</aside>
104+
<aside class="page-grid-ios">
105+
<darkreader-ios-side></darkreader-ios-side>
106+
<script type="module" src="/elements/ios.js"></script>
107+
</aside>
108+
</body>
109+
110+
</html>

0 commit comments

Comments
 (0)