Add ADB pairing video

mirfatif · Sep 12, 2023 · 5b09c3e · 5b09c3e
1 parent 26f584b
commit 5b09c3e
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 6 deletions.
diff --git a/help/en/img/adb_pairing.mp4 b/help/en/img/adb_pairing.mp4
diff --git a/help/en/index.html b/help/en/index.html
@@ -66,7 +66,12 @@ <h2>Contents</h2>
                     <ul>
                         <li><a href="#adb-limits" class="no-underline">Limitations of ADB</a></li>
                         <li><a href="#adb-help-10" class="no-underline">Android 10 and below</a></li>
-                        <li><a href="#adb_help_11" class="no-underline">Android 11 and above</a></li>
+                        <li>
+                            <a href="#adb_help_11" class="no-underline">Android 11 and above</a>
+                            <ul>
+                                <li><a href="#adb-pair-video">Video guide</a></li>
+                            </ul>
+                        </li>
                         <li><a href="#adb_connect_svc" class="no-underline">ADB Connect Service</a></li>
                     </ul>
                 </li>
@@ -526,6 +531,15 @@ <h3 class="high-top" id="adb_help_11">Android 11 and above</h3>
 
             <hr class="dim">
 
+            <p id="adb-pair-video">Here's a 1 minute video guide:</p>
+
+            <video class="medium" controls autoplay muted loop>
+                <source src="img/adb_pairing.mp4" type="video/webm">
+                ADB pairing
+            </video>
+
+            <hr class="dim">
+
             <h3 class="high-top" id="adb_connect_svc">ADB Connect Service</h3>
             <p>If <a href="#perm_watcher">Permission Watcher</a> or <a href="#scheduled_checker">Scheduled Checks</a> are enabled, PMX connects to ADB on device boot. But if ADB has not been enabled by then, PMX will no more try to connect to ADB unless explicitly done by opening the app.</p>
             <p>But if you enable ADB on boot in an automated way, you can notify PMX by sending the following <span class="code">Intent</span> that ADB has been enabled:</p>

diff --git a/help/main.css b/help/main.css
@@ -72,7 +72,8 @@ hr.dim {
     border-bottom: 1px solid rgba(255, 255, 255, 0.25);
 }
 
-img {
+img,
+video {
     width: 100%;
     height: auto;
     border-radius: 10px;

diff --git a/help/main.js b/help/main.js
@@ -59,7 +59,7 @@
             ['box-shadow', '0 2px 12px 0 ' + shadowColor]
         ],
 
-        ['img',
+        ['img, video',
             ['box-shadow', '0 2px 10px 0 ' + shadowColor]
         ],
 
@@ -114,15 +114,15 @@
             ],
 
             // Subtract img margin from card width.
-            ['img',
+            ['img, video',
                 ['max-width', Math.min(cardWidth - 10, 500) + 'px'],
             ],
 
-            ['img.medium',
+            ['img.medium, video.medium',
                 ['max-width', Math.min(cardWidth / 1.25, 400) + 'px'],
             ],
 
-            ['img.small',
+            ['img.small, video.small',
                 ['max-width', Math.min(cardWidth / 1.5, 350) + 'px'],
             ],