Publish 2024-06-26

darkreader · Jun 26, 2024 · c7d256a · c7d256a
1 parent 89c2176
commit c7d256a
Show file tree

Hide file tree

Showing 6 changed files with 202 additions and 1 deletion.
diff --git a/blog/no-war/index.html b/blog/no-war/index.html
@@ -125,7 +125,8 @@ <h3 id="i-wish-the-war-will-never-come-to-your-home-lets-make-everything-for-tha
     darkreader-donate-mascot,
     darkreader-ios-static,
     darkreader-ios-side,
-    darkreader-pay-tiers {
+    darkreader-pay-tiers,
+    darkreader-backers-top-short {
         display: none;
     }
     .header-logo {

diff --git a/help/index.html b/help/index.html
@@ -99,6 +99,12 @@
                 </a>
             </li>
 
+            <li>
+                <a href="v5/">
+                    v5 Help (English)
+                </a>
+            </li>
+
             <li>
                 <a href="zh-CN/">
                     说明 (简体中文)

diff --git a/help/v5/index.html b/help/v5/index.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="v5">
+
+<head>
+    <meta charset="utf-8" />
+    <title>v5 Help – Dark Reader</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="shortcut icon" href="/images/icon-256.png" />
+    <link rel="stylesheet" type="text/css" href="/styles/help-topic.css" />
+    <meta name="theme-color" content="#141e24" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https://darkreader.org/help/v5/" />
+    <meta property="og:title" content="v5 Help – Dark Reader" />
+    <meta property="og:image" content="https://darkreader.org/images/darkreader-screenshot-v5-preview.png" />
+    <script>
+        if (navigator.userAgent.toLowerCase().includes('android')) {
+            document.documentElement.classList.add('android');
+        }
+    </script>
+</head>
+
+<body class="page-grid-body">
+    <header class="page-grid-header">
+        <a class="help-header-logo" href="../">v5 Help – Dark Reader</a>
+    </header>
+    <article class="page-grid-content">
+        <h1>v5 Help — Dark Reader</h1>
+        <p>The article for <strong>Dark Reader v5</strong> is in progress.</p>
+<p>You will be automatically redirected to <a href="../en/">Dark Reader v4 Help</a> page in 5 seconds...</p>
+<script defer>
+    setTimeout(() => {
+        location.replace('../en/');
+    }, 5000);
+</script>
+
+<style>
+    aside,
+    darkreader-donate-mascot,
+    darkreader-ios-static,
+    darkreader-ios-side,
+    darkreader-pay-tiers,
+    darkreader-backers-top-short {
+        display: none;
+    }
+</style>
+
+        <darkreader-pay-tiers></darkreader-pay-tiers>
+        <script type="module" src="/elements/pay-tiers.js"></script>
+        <darkreader-backers-header></darkreader-backers-header>
+        <script type="module" src="/elements/sponsors-top.js"></script>
+        <darkreader-support-us></darkreader-support-us>
+        <script type="module" src="/elements/sponsors-bottom.js"></script>
+    </article>
+    <aside class="page-grid-inside">
+        <darkreader-pay-tiers small></darkreader-pay-tiers>
+        <script type="module" src="/elements/pay-tiers.js"></script>
+        <darkreader-backers-top-short></darkreader-backers-top-short>
+        <script type="module" src="/elements/sponsors-top-short.js"></script>
+        <darkreader-backers-header></darkreader-backers-header>
+        <script type="module" src="/elements/sponsors-top.js"></script>
+    </aside>
+    <aside class="page-grid-side">
+        <darkreader-backers-side></darkreader-backers-side>
+        <script type="module" src="/elements/sponsors-right.js"></script>
+    </aside>
+    <aside class="page-grid-left">
+        <ul></ul>
+        <script>
+            (() => {
+                const script = document.currentScript;
+                const list = document.querySelector('.page-grid-content > ul');
+                if (!script || !list) {
+                    return;
+                }
+                const parent = script.parentElement;
+                const placeholder = parent.querySelector('ul');
+                const copy = list.cloneNode(true);
+                copy.classList.add('nav');
+                placeholder.replaceWith(copy);
+                list.classList.add('list-copied');
+            })();
+        </script>
+        <darkreader-ios-static></darkreader-ios-static>
+        <script type="module" src="/elements/ios-static.js"></script>
+    </aside>
+    <aside class="page-grid-ios">
+        <darkreader-ios-side></darkreader-ios-side>
+        <script type="module" src="/elements/ios.js"></script>
+    </aside>
+</body>
+
+</html>
diff --git a/timeline/index.html b/timeline/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Timeline — Dark Reader</title>
+    <meta name="theme-color" content="#141e24">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="shortcut icon" href="/images/icon-256.png">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="Dark Reader">
+    <meta property="og:url" content="https://darkreader.org/timeline">
+    <meta property="og:title" content="Timeline — Dark Reader">
+    <meta property="og:image" content="https://darkreader.org/images/icon-256.png">
+    <meta property="og:description" content="We develop Dark Reader since 2014. Explore a timeline of our journey.">
+    <meta name="description" content="We develop Dark Reader since 2014. Explore a timeline of our journey.">
+    <link rel="stylesheet" href="style.css">
+    <script src="script.js" type="module"></script>
+    <meta http-equiv="refresh" content="3; url=../" />
+</head>
+
+<body>
+    <a class="banner" href="../">
+        <img class="banner__image" src="/images/darkreader-birthday.svg" />
+    </a>
+
+    <h2>
+        Timeline
+    </h2>
+
+    <p>
+        In progress...
+    </p>
+
+    <footer>
+        <p>
+            © 2024 Dark Reader Ltd
+        </p>
+        <p>
+            Dark Reader Ltd is registered in England and Wales (Company No 13594380),
+            Suite 746 Unit 3A, 34-35 Hatton Garden, London, EC1N 8DX, United Kingdom
+        </p>
+    </footer>
+
+    <script type="module" src="../elements/stats.js"></script>
+
+</body>
+
+</html>
diff --git a/timeline/script.js b/timeline/script.js
@@ -0,0 +1 @@
+void 0;
diff --git a/timeline/style.css b/timeline/style.css
@@ -0,0 +1,52 @@
+:root {
+    --color-background: #141e24;
+    --color-control: #316e7d;
+    --color-control-hover: #193945;
+    --color-text: #53a1b3;
+    --color-text-highlight: white;
+    --color-accent: #e96c4c;
+    --color-honey: #f68623;
+}
+
+html {
+    background-color: var(--color-background);
+}
+
+body {
+    color: var(--color-text);
+    font-family: Open Sans, Helvetica Neue, Segoe UI, Ubuntu, sans-serif;
+    max-width: 42em;
+    margin: 0 auto;
+    padding: 1em
+}
+
+h1,
+h2 {
+    color: var(--color-accent);
+}
+
+h3 {
+    margin-bottom: 0;
+}
+
+a {
+    color: #53a1b3;
+}
+
+a:hover {
+    color: var(--color-text-highlight);
+}
+
+::selection {
+    background-color: var(--color-accent);
+    color: var(--color-text-highlight);
+}
+
+.banner__image {
+    max-width: 32rem;
+}
+
+footer {
+    font-size: 0.75rem;
+    margin-top: 1rem;
+}