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
This commit is contained in:
Dan G 2023-08-27 06:51:59 +09:00 committed by GitHub
parent 2b1fe7785b
commit fcf21c8242
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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>