Merge pull request #106 from tderflinger/master

Addition mobile support section and update mobile platform note to clarify modifier key usage #33

Author: Kuuuube

docs/getting-started.md

@@ -237,7 +237,11 @@ If a definition is found, a popup window will appear.
 </figure>
 
 !!! tip "Tip"
-    You can customize the modifier key in Settings to suit your preferences (e.g., <kbd>Ctrl</kbd>, <kbd>Alt</kbd>, or `No Modifier` to have the popup open on every word).
+    You can customize the modifier key in Settings to suit your preferences (e.g., <kbd>Ctrl</kbd>, <kbd>Alt</kbd>, or `No Key` to have the popup open on every word).  
+
+    :fontawesome-solid-mobile-screen-button:{ .md .middle }  ___Mobile platform note___: On mobile platforms directly touching the word brings up the popup.
+    There is no need to configure the modifier key.
+
 
 #### Listen to Audio
 

overrides/assets/android-dict-action.webp

@@ -207,6 +207,28 @@ <h2>Personalize Your Experience</h2>
             </div>
         </div>
     </div>
+    
+    <div class="feature right">
+        <div class="feature-text">
+            <h2>Mobile Support</h2>
+            <p>
+                Take your language learning <strong>anywhere</strong>. Yomitan now works seamlessly on <strong>Android devices</strong>, bringing the same powerful dictionary lookups to your phone or tablet.
+            </p>
+            <p>
+                When reading your favorite foreign language website on the go, simply <strong>select any text</strong> and access instant definitions, audio pronunciations, and detailed word information—all without leaving what you're reading.
+            </p>
+            <p>Your <strong>learning never stops</strong>, even when you're away from your desk. Perfect for commutes, travel, or whenever inspiration strikes.</p>
+                <a href="getting-started">Learn more →</a></p>
+        </div>
+        <div class="feature-image-container" style="display: flex; justify-content: center;">
+            <div class="tooltip-container">
+                <div class="tooltip"><strong>Android Mobile Support</strong></div>
+                <a href="getting-started">
+                    <img class="feature-image" style="width: 100%; max-width: 300px; height: auto; aspect-ratio: 1/2;" src="./assets/android-dict-action.webp" alt="Android Dictionary Screenshot" />
+                </a>
+            </div>
+        </div>
+    </div>
 </section>
 
 <section class="feature-section" style="padding-top: 0;">