From 9ac6855c04c7be25c417cef72a543d4cc54a3487 Mon Sep 17 00:00:00 2001
From: liushuyu <liushuyu011@gmail.com>
Date: Tue, 30 May 2023 17:37:52 -0600
Subject: [PATCH] download: add Android download links

---
 site/content/downloads.md        | 23 +++++++++++++++++++++++
 site/layouts/page/downloads.html | 23 +++++++++++++++++++++--
 2 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/site/content/downloads.md b/site/content/downloads.md
index 1fe6f07e..813b5271 100644
--- a/site/content/downloads.md
+++ b/site/content/downloads.md
@@ -43,3 +43,26 @@ chmod a+x yuzu-*.AppImage
 
 Or with the GUI, right click the AppImage, click Properties, then Permissions, then click "Allow this file to run as a program". After that, double-click the AppImage to run it.
 </div>
+
+<div class="tab-content" id="tab-android">
+<h2 class="hide-with-js mt-5">Android Instructions</h2>
+<article class="message has-text-weight-semibold">
+<div class="message-body">
+<p style="color:cyan;margin-bottom: 0px;">yuzu requires Android 11 or above.</p>
+</div>
+</article>
+
+<div class="columns is-desktop" style="text-align: center;">
+    <div class="column">
+    <a href="https://play.google.com/store/apps/details?id=org.yuzu.yuzu_emu">
+        <div style="align-items: center"><img alt="yuzu mainline" src="/entry/yuzu-android/svg/mainline.svg" width="400"></div>
+        <img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" width="200">
+    </a>
+    </div>
+    <div class="column">
+    <a href="https://play.google.com/store/apps/details?id=org.yuzu.yuzu_emu.ea">
+        <div style="align-items: center;"><img alt="yuzu early access" src="/entry/yuzu-android/svg/early_access.svg" width="400"></div>
+        <img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" width="200">
+    </a>
+    </div>
+</div>
diff --git a/site/layouts/page/downloads.html b/site/layouts/page/downloads.html
index 783855b3..bc9739cb 100644
--- a/site/layouts/page/downloads.html
+++ b/site/layouts/page/downloads.html
@@ -12,6 +12,9 @@
                 <a href="https://github.com/yuzu-emu/liftinstall/releases/download/1.9/liftinstall-31b3e7e.tar.xz" class="button dl-button is-medium is-success" id="dl-button-linux">
                     <span class="icon mr-1"><i class="fab fa-linux"></i></span> Download for Linux x64
                 </a>
+                <a href="https://play.google.com/store/apps/details?id=org.yuzu.yuzu_emu" class="button dl-button is-medium is-success" id="dl-button-android">
+                    <span class="icon mr-1"><i class="fab fa-android"></i></span> Download for Android
+                </a>
             </div>
         </div>
 
@@ -39,6 +42,12 @@
                             <span>Linux</span>
                         </a>
                     </li>
+                    <li data-target="tab-android">
+                        <a>
+                            <span class="icon is-small"><i class="fab fa-android"></i></span>
+                            <span>Android</span>
+                        </a>
+                    </li>
                 </ul>
             </div>
 
@@ -130,9 +139,12 @@
             !userAgent.includes("phone")
         ) {
             return "Mac";
-        } else if (
-            userAgent.includes("linux") && 
+        }  else if (
             userAgent.includes("android")
+        ) {
+            return "Android";
+        } else if (
+            userAgent.includes("linux")
         ) {
             return "Linux";
         }
@@ -165,12 +177,19 @@
     switch (getOSGuess()) {
         case "Windows":
             document.getElementById("dl-button-linux").style.display = "none";
+            document.getElementById("dl-button-android").style.display = "none";
             setTabActive('tab-windows');
             break;
         case "Linux":
             document.getElementById("dl-button-windows").style.display = "none";
+            document.getElementById("dl-button-android").style.display = "none";
             setTabActive('tab-linux');
             break;
+        case "Android":
+            document.getElementById("dl-button-windows").style.display = "none";
+            document.getElementById("dl-button-linux").style.display = "none";
+            setTabActive('tab-android');
+            break;
         default:
             document.getElementById("unsupported-platform-view").style.display = "block";
             setTabActive('tab-windows');