From fcf21c8242a6de6c79313512a84efa33950392c3 Mon Sep 17 00:00:00 2001
From: Dan G <danielginovker@gmail.com>
Date: Sun, 27 Aug 2023 06:51:59 +0900
Subject: [PATCH] Add unofficial client section to Play Now (#233)

* Add unofficial client section to Play Now

* Make Android download button slightly smaller, use Crop's preferred Android svg
---
 site/game_guide/play.html | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/site/game_guide/play.html b/site/game_guide/play.html
index 468fde43c..3f2355d3e 100644
--- a/site/game_guide/play.html
+++ b/site/game_guide/play.html
@@ -25,7 +25,7 @@ Play Now - Multiplayer
 <div class="rightcorner">
 <div class="bottomleft">
 <div class="bottomright">
-<div class="links"><a href="#download">Download</a> | <a href="#About">About</a> | <a href="#tutorial_island">Tutorial Island</a> | <a href="#starter_items">Starter Items</a> | <a href="#money_making">Money Making</a> | <a href="#fast_travel">Fast Traveling</a> | <a href="#extra">Extra</a></div>
+<div class="links"><a href="#download">Download</a> | <a href="#unofficial">Unofficial</a> | <a href="#About">About</a> | <a href="#tutorial_island">Tutorial Island</a> | <a href="#starter_items">Starter Items</a> | <a href="#money_making">Money Making</a> | <a href="#fast_travel">Fast Traveling</a> | <a href="#extra">Extra</a></div>
 <br/>
 <a name="Download"></a><br class="clear"/>
 <div class="headings">
@@ -81,6 +81,31 @@ Play Now - Multiplayer
   <li>Log in and play!</li>
 </ol>
 
+<div class="headings">
+  <span class="headertitleleft"><span class="headertitleright" id="unofficial">Unofficial Clients</span></span>
+</div>
+
+<!-- Create 1 column div to hold Android download button -->
+<div style="display: flex; flex-direction: row; justify-content: center; align-content: space-around; align-items: center;">
+  <a href="https://github.com/2009scape/2009Scape-mobile/releases">
+    <div
+      style="flex: 1 1 0%; border-style: double; border-color: #ccc49e; border-radius: 0.5rem; padding: 2.2rem; margin: 0.3rem">
+      <svg xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+        <path fill="currentColor"
+          d="M420.55,301.93a24,24,0,1,1,24-24,24,24,0,0,1-24,24m-265.1,0a24,24,0,1,1,24-24,24,24,0,0,1-24,24m273.7-144.48,47.94-83a10,10,0,1,0-17.27-10h0l-48.54,84.07a301.25,301.25,0,0,0-246.56,0L116.18,64.45a10,10,0,1,0-17.27,10h0l47.94,83C64.53,202.22,8.24,285.55,0,384H576c-8.24-98.45-64.54-181.78-146.85-226.55" />
+      </svg>
+      <div style="width: 40px; display: flex; justify-content: center">Android</div>
+    </div>
+  </a>
+</div>
+
+<div>
+  <p>Unofficial clients may require additional configuration. Please see the links on their pages, or get
+    support on the <a href="forum.2009scape.org">forums</a>.
+  </p>
+</div>
+
 <div class="headings">
 <span class="headertitleleft"><span class="headertitleright" id="About">About</span></span>
 </div>