Publish 2024-11-25

Author: alexanderby

elements/mobile-side.js

@@ -60,13 +60,15 @@ const htmlText = `
             Simply <strong>scan the QR code</strong> to install on your phone
         </div>
     </div>
+    <!--
     <div class="mob-qr">
         <div class="mob-qr-wrapper">
             <img src="/images/plus-screen-1.png" class="mob-screenshot mob-screenshot--visible">
             <img src="/images/plus-screen-3.png" class="mob-screenshot">
             <img src="/images/plus-screen-2.png" class="mob-screenshot">
         </div>
     </div>
+    -->
     <div class="mob-badge-wrapper">
         <a class="mob-badge-link" href="${edgeURL}" target="_blank" rel="noopener" data-s="drand-side-badge">
             <img src="/images/google-play-badge.svg">

help/en/index.html

@@ -72,14 +72,16 @@ <h1>Help — Dark Reader</h1>
 </ul>
 <h2 id="options-icon">Toolbar Icon</h2>
 
-<img src="/images/help/darkreader-pin-toolbar-icon.gif" alt="Options icon" style="width: 20rem;" loading="lazy" />
+<img src="/images/help/darkreader-pin-toolbar-icon.png" alt="Options icon" style="width: 20rem;" loading="lazy" />
 
 <p>If the Dark Reader <strong>icon is hidden</strong> after installation,
 click the <strong>Extensions</strong> button next to the address bar and then another button next to Dark Reader.</p>
-<h2 id="video" class="text-highlight">1-Minute Video Guide</h2>
-
-<iframe width="560" height="320" src="https://www.youtube-nocookie.com/embed/849mznBKmIQ?si=QpEUoKvD1KwpdOqx" title="Dark Reader quick guide" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
+<h2 id="video" class="text-highlight">Quick Video Guides</h2>
 
+<ul>
+<li><a target="_blank" rel="noopener" data-s="dryt-help-text" href="https://www.youtube.com/watch?v=849mznBKmIQ">1-Minute Video Guide</a></li>
+<li><a target="_blank" rel="noopener" data-s="dryt-help-text" href="https://www.youtube.com/shorts/9nQjBBe8K44">30-Seconds Video Guide (mobile app)</a></li>
+</ul>
 <blockquote class="pie-help">
     <p>
         <a class="small-pie-logo" target="_blank" rel="noopener" data-s="pie-help-badge"
@@ -96,11 +98,7 @@ <h2 id="video" class="text-highlight">1-Minute Video Guide</h2>
     </p>
 </blockquote>
 
-<h2 id="mobile-video" class="text-highlight">30-Seconds Video Guide (mobile app)</h2>
-
-<iframe width="320" height="480" src="https://www.youtube-nocookie.com/embed/9nQjBBe8K44?si=QpEUoKvD1KwpdOqx" title="Dark Reader iOS" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
 
-<p><a data-s="drios-video-text" href="https://apps.apple.com/us/app/dark-reader-for-safari/id1438243180?platform=iphone" target="_blank" rel="noopener">Download on the App Store</a></p>
 <h2 id="top-section">Top Section</h2>
 
 <img src="/images/help/darkreader-top-section.png" alt="Top section" style="width: 15rem;" loading="lazy" />

help/ja/index.html

@@ -56,7 +56,7 @@ <h1>ヘルプ — Dark Reader</h1>
 </ul>
 <h2 id="options-icon">オプション用アイコン</h2>
 
-<img src="/images/help/darkreader-pin-toolbar-icon.gif" alt="オプション用アイコン" style="width: 20rem;" loading="lazy" />
+<img src="/images/help/darkreader-pin-toolbar-icon.png" alt="オプション用アイコン" style="width: 20rem;" loading="lazy" />
 
 <p>インストール後に Dark Reader のアイコンが表示されないことがあります。
 表示するには、 アドレスバーの右にある<strong>拡張機能</strong>ボタンをクリックし、Dark Reader の横のボタンをクリックします（解説が古い？）。</p>

help/zh-CN/index.html

@@ -61,7 +61,6 @@ <h1>说明 — Dark Reader</h1>
 <a data-s="d-help-top" href="https://darkreader.org/support-us" target="_blank">付款</a>
 有助于我们继续改进它，推出新功能和改进。</p>
 <ul>
-<li><a href="#video">快速指南</a></li>
 <li><a href="#faq">常见问题</a></li>
 <li><a href="#contacts">联络方式</a></li>
 <li><a href="../../tips/">高级用户提示</a></li>

styles/help-topic.css

@@ -229,6 +229,11 @@ iframe {
     max-width: calc(100vw - 2rem);
 }
 
+#video + ul li {
+    list-style-type: "▶️";
+    padding-left: 0.5rem;
+}
+
 /* V2 */
 
 .page-grid-header {