From 77bb2bef74bdb4201ef9899e0b1b8fb3f513bafa Mon Sep 17 00:00:00 2001
From: Ac_K <Acoustik666@gmail.com>
Date: Fri, 28 Aug 2020 00:18:17 +0200
Subject: [PATCH] Add Metadata/Favicon/Guide and polish the website

---
 img/favicon.120x120.png | Bin 0 -> 997 bytes
 img/favicon.16x16.png   | Bin 0 -> 400 bytes
 img/favicon.32x32.png   | Bin 0 -> 599 bytes
 img/favicon.76x76.png   | Bin 0 -> 717 bytes
 img/favicon.96x96.png   | Bin 0 -> 851 bytes
 index.html              |  38 ++++++++++++++++++++++++++++++++------
 main.js                 |   2 +-
 7 files changed, 33 insertions(+), 7 deletions(-)
 create mode 100644 img/favicon.120x120.png
 create mode 100644 img/favicon.16x16.png
 create mode 100644 img/favicon.32x32.png
 create mode 100644 img/favicon.76x76.png
 create mode 100644 img/favicon.96x96.png

diff --git a/img/favicon.120x120.png b/img/favicon.120x120.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8b736fd2dd51ab588451a355b236234c42de452
GIT binary patch
literal 997
zcmV<B0~-8^P)<h;3K|Lk000e1NJLTq004LZ004jp0{{R3_j_HG00009a7bBm000XT
z000XT0n*)m`~Uy|KTu3mMMrQ<{a;l9#pU;5S@>dF0mbD3#pMFU<pIUz|6f%G#N+Q|
zUHo5G_+eP|V_NuOSe}K7|6f%C#pMFc?*Z2NujBK_0000HbW%=J0OLc35`N|%%D<^6
zlVv=xhLX>Ig8%>nFG)l}RA}Dq+uM?(AP@jhxnC4r!2kc&g(NCyqHa~1e%SQOIH{>R
zh0UcQOxIOGg|%9SI;`qoLs6^a9OKT78W^Tl9?(a?!ph3<AwXfOL&Sio{K$gBr!F9T
z?!v)JpSp0c4FLtF5(idS4GvP_G#IMIHeR?ub2Zfwr^VvZ1%mC21%JK8d>pD^%#A%i
z{F(kfZ2T?=F_Y_ee|9;Tz5qY<p{7GCIMYaQqDLgydxr&kh6S&3b9j;4!+ykq2}gpT
zFB=1X3}+1Z(PR`jXBh`}NU)!<U^8OD3<)L%3HAgF_CNRse})y^KJLf98LX^a&p3Ni
zmdwzwobB@Lyl)3n8O8EERFyg~ETW{FMA~&OJFg#)#G7WY(p8FCGnj_3rkE|Iauayo
zQan{D28N3i_jQV4VWs1m;;~LKFdVlOyE?_NFx^IRH@!APfG`zH=qRlae^?IU30s20
zz;=%FGeSsD;aEJvz)I+6SRI12+D;|~$u;9E9MG#)TZ&WP;vG+sQ#?MN@-NVx%NBi$
zJYR5|UM*ueeGJV?A0=bCLbztIC{~E6DguCE8@3di-Shzpr|F~Hih!wEd7DzKi?x_F
zgUcdd*sTztaOzuSoyUP;wXG1T#jh1&C|8Ic1{QN%A}<lg6@oy)dWrN&ie-gZ76`(i
zUiA_=#py?%BTpZ^e+Gx{Txt4PcZtSNyxBIjtn<izq6UOjv0HQGFpA;eVif0XV&4o-
zMS$A&5Cd-pr`?)5OEDCz<SafH0f4ZmwuxqJ1{ZZ+O7U?NgTcBw2^gB4b5R|NI*+(^
z2W)AU-oBH6^9}s(Eb|Aiu>9}f78g+7!WIh_GZu`MWA*imWH;d(H_3qDi)*NG@a26_
zF!-{`Q1E5P27|9A5jgl_-UNit2Qwgie)AU+?v#)b1<r-*j05LJ&kb)yRD14xlGN%R
z$o^|^VYQZZSOECl-bX1~$3I>+zIEls0o-4{dAkV*W=Jp@kzkNFedm^<LxSHOU^Ib2
zGJFGO9S&?b4s7}k1%`9a;R((?g$LeYz(5nn6--#)wTH>^pJBcaPY0B_ai843Aln){
Tmjs2F00000NkvXXu0mjf-txqY

literal 0
HcmV?d00001

diff --git a/img/favicon.16x16.png b/img/favicon.16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1332d44d4dd845e88ad73ab59a2f259f1fa9d93
GIT binary patch
literal 400
zcmeAS@N?(olHy`uVBq!ia0vp^0zfRt!3-oH7vA{>q&N#aB8wRqxP?HN@zUM8KS06i
z0G|+7_X3|;-BbR@1Tvg>^*=6z@#s?^`Wqj{eB{ah_)sAGcU%a=$=AQ*Lzs>}{gD{)
z4<z^`ch-vZIjceJBTs<hKoY2!;oL{=gZF{xf2apg%544d8+lm_$6x#p_X5f?9ewsc
zDV*ud+yCh?OxJ!gUHtq?=KNZqGn7h#{DK*{8a>aS`^(Jy=Sx7U=mYD;lO%QSuiZQO
zuBePj)V7?=TBkX7jyHj-dp%toLnJQyo)70ctRTR0fzdkQK<G<bM(OAO)On67eEXbf
zGRxKYWa{+;^5yJ4+TH>Jmr@oe%Q74m`p~^~Gt+6#xNJjtApxffTkeI4N+G}XWnQpc
zeeP?`pVVCaTf)Pqr7!yTqAu|VS|Vl~)&;7uERFY0>``|39evHN`F7*03ajazYW1%U
g_Bn9=y7`y!h9RF=^2!sfK!-7Sy85}Sb4q9e00nNTc>n+a

literal 0
HcmV?d00001

diff --git a/img/favicon.32x32.png b/img/favicon.32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed5c4f930d4e75b959b90674555a767e5845bfa8
GIT binary patch
literal 599
zcmeAS@N?(olHy`uVBq!ia0vp^3P7yH!3-ohbF|Nbr~;43Vg?3oArNM~bhqvgP_QMy
zC&bmgz~_H_=%4toZ%L6r2IJAEK(wM`0-Viw<SEy|2Y(X6{()tGCxrb@2xmR~_)mN&
z(~&1Y#ec!#Oh=!7N{$Aq`4=C;eDo>vktaYA{sZ@ZCPpwEeY(7<jq%8nUkTwrEkKij
zQvXvTnJ#={I{lXE?*A<Z-mU|>N3A5tFPPz<6Ytu8YZ-t431O3+^0`bVly6D<PyI8?
zYaj02HTQ{W=7d21GpQ@S`>QfAFuHrXIEGl9uD$%atXYAF;lYZnfmf>bf4!I2{OI2Q
zzhW2jrX2dj{nguMjtWDjzPjMCB5sat9#uDwEi_<Q6>vOe+d_`Fq9QMsN3<MTbK$25
z>zVaYUgB&HH*9RqmCx?$o07*W*m?XMd&Ium4bNTsV;{1`bn+Y#@^5(6#WkVh$2}JA
zNQUnxW+<#(z>&bZxq^|S!b|b>oCdBr3M>9=1?*|yieRp5Yh(`DzRbR_-Pz2_AxQNw
z>!wSQjaBtbE1vJZ#rQj`@B7EkRi&Xn5)QwOyPo>;pX=m9FV0`T+Hg(BV>@RaSH-tO
zOcE?huXVHTV0*@S?$?QxIm|pkzDsu>YTe|V{3h_dn(i@?<Av6|d<_TAO`h`U_Yb}+
zE*FE3ezM7*u`TeI&${AYyNX_ie6Cz|l}WvWb6<1E<+vM<$~P;?|6{zkX?9t_W&LkY
bYko0yZFV}gQe58|7zqrXu6{1-oD!M<XcQUT

literal 0
HcmV?d00001

diff --git a/img/favicon.76x76.png b/img/favicon.76x76.png
new file mode 100644
index 0000000000000000000000000000000000000000..e785091802189e5d75f5f719972e3e7424557831
GIT binary patch
literal 717
zcmV;;0y6!HP)<h;3K|Lk000e1NJLTq002w?002=40{{R3PXVx800009a7bBm000XT
z000XT0n*)m`~Uy|MNmvsMMrQ<0>$P0UseId<^Eq)laHJJUsVCc<pIUz|6f)5U{~&C
zUIE4B0mbF|U{?Xf<@{h)q=Sg6fQA2GRRP820?X_I)b*FZ^6LNq026dlPE!DY*|#(b
zyVn-;c_COeS?8MQyCdu5WB>pH4@pEpR9M61*lTm6AQT2*E^=3)3;6$k>H-=~8nd%K
z=X}}Ox0!0Doo4{K%GeP#a~aE#Y7~P<aZ|QhF3iHM#nekeVsm++P}rM=z?L@)jw$nI
z!7=`Bfw8-SfwB3<0%Lq5#3Z0(L7z!}4c8xH`8hV_=ZJK21%kQUe_F<`>^u&8PWz@6
z71lkW2(hf`uoh2;wFfd0mMkYq%mq5k<(05xt)7IKpv3Y&jw!p3<DdvI9_?;;Jf=(>
zSKoRP8e0k<SDgbMo40usPzZtt!0WQl{D}aQee0*#`e-r?W{Vux^k^~|W*6H&bLBR)
z2oXkr*tI}^W#_Kx8G^Mvb5D$%d+$?Dz9(SXOhtKg*$F!~6<apW`j~7@h9BsB@3LWE
z8IhPQ<9^K^kJ)IBUN&K|)?~FcS&MEfS-%3Y*^Ja^zJw4ii=G6;xa^5V%3oTGEc!-K
ztf)3K=6f%LW40a>qf>b7oESBJbyB<>6Qd_s>dby7z9vQlc20~g;IT)OIYF?ZFMQl6
zzy1dsm%qj$B?dVne#9V$*N@mjSxv}+|08yL;s;|)ZiJYPl?+oiFN5GEYr{EibQrVp
zM=#_4jJ0PfOFaX`+|ve~OLIm-F#Y;p_6!4H9`yd`12z$2FSS%iY-Lm>bC1_SG}VN)
z*bU~umAow(*m}kKy_gsyDw#`xkzh_}e^S2zebDXQ>T<<E00000NkvXXu0mjfTPi|0

literal 0
HcmV?d00001

diff --git a/img/favicon.96x96.png b/img/favicon.96x96.png
new file mode 100644
index 0000000000000000000000000000000000000000..6638abe00dc85f2bd9d138fc47e627a3529e0686
GIT binary patch
literal 851
zcmV-Z1FZasP)<h;3K|Lk000e1NJLTq003YB003tQ0{{R3$V0cX00009a7bBm000XT
z000XT0n*)m`~Uy|LQqUpMMrQ<{$Ex3VOaEIS^>r71I6V5#pMCT<^Eq*0mbF^Vp##j
z<pjm$^<r8H!{Ym3SNUL9|6f%C#pMFa>;cyKLbS{}pE=F|000qmQchC<+_xAIHlzGw
z#4zGkP<Nh%rm(WC0007-Nkl<ZXx{DGiEiT{5CBlX+?Ne_|NmE)_{5IgwDOErD|K3_
zZLG{Ij5usU$Q~j}<5XTl6-gk&OIOBHaswC+mtII!imLI-i~x97vf6tG9EiD0*%cBH
z>%X5*|34()^LutkK)7<19}bY$`N05xogNOjYXB5*R{<~}7UV9H<71#}<L#<>+=4*c
zV1u@Y%kD9t(<vwm&E>oF4}coXA_FPu^>Ri6QojKT2S^OL1#24+fw>Nt0JX@#)Jdp7
zve>|Y4Nz>L_7O5LU<35O2huM93<xQgmxg`ag#`TQ=3gw`*F;Dlj>~;vNVG!$xG8>3
z$}nocU0z=4U-Kk9;EP!{i!=ocU@JkbafboO@uCEP0C!3(qo64P2*9T=vA)o;rUU?h
zFmei$oiywfb=x+F1_9!j%M>}6e0+O=X~7aMM<J}WU0=87bAT3ED7Vy@?Gq6s5J$6(
z0*e92tC<cE;BKAihVAA86c9@BwFCnO;LE<)1PnlqaVr7nnk@VrrbO?9)}c?d{&+<P
z0?2V2#^ay2-T!ld$7LcaPRiKVs1s2?#Q<7^eX%)?0x;lmy$1xiTPLFaI0~QupVvQ5
zqW}tM*85WlfPiM0F^tXc&3X?9h|z2_UBCeL#U>?-(t^13P^ZHWZ$Q-VJ=#C-B7_IC
zN5EhM&mWF|03vn^o*z(r0G=PQd;)~JdAbY*JU-_72s}Ng`v}ZOjS3N{``W8200Jbc
zg4%-iz*^w|gv<OQ4gm@*r~0MsBbeu=$B#WY*ERtFIBlXh7fpCU9s~N~4SfCnW_$^B
z0LQKR`#l5?Xk>tP$N)$Kz5qZf@C86EG7tzZ0G0m+pkVp00oD;rfN4Uo07_XO2xx>u
d{{Hl_ioXuSRVOh>0Sf>C002ovPDHLkV1k`6Zzcc$

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 92c67a1..5dc560c 100644
--- a/index.html
+++ b/index.html
@@ -2,17 +2,42 @@
 <html lang="en">
     <head>
         <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+        <meta data-key="viewport" name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+        <meta data-key="format-detection" name="format-detection" content="telephone=no">
+        <meta data-key="description" name="description" content="Multiplayer statistics for Ryujinx local wireless game connection.">
+        <meta name="author" content="Ryujinx">
+        <meta name="copyright" content="Ryujinx">
+        <meta name="keywords" content="ryujinx, switch, nintendo switch, emulator, home">
+        <meta name="description" content="Multiplayer statistics for Ryujinx local wireless game connection.">
+        <meta property="og:type" content="website">
+        <meta property="og:locale" content="en_US">
+        <meta property="og:site_name" content="Ryujinx - Local Wireless">
+        <meta property="og:title" content="Ryujinx - Local Wireless">
+        <meta property="og:description" content="Multiplayer statistics for Ryujinx local wireless game connection.">
+        <meta property="og:image" content="https://ryujinx.org/public/logo.png">
+        <meta property="og:url" content="https://ldn.ryujinx.org/">
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:site" content="@RyujinxEmu">
+        <meta name="twitter:title" content="Ryujinx - Local Wireless">
+        <meta name="twitter:image" content="https://ryujinx.org/public/logo.png">
+        <meta name="twitter:description" content="Multiplayer statistics for Ryujinx local wireless game connection.">
+        <link rel="icon" href="data:,">
+        <link rel="icon" type="image/png" sizes="16x16" href="img/favicon.16x16.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="img/favicon.32x32.png">
+        <link rel="icon" type="image/png" sizes="96x96" href="img/favicon.96x96.png">
+        <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="img/favicon.76x76.png">
+        <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="img/favicon.120x120.png">
+
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
         <link rel="stylesheet" href="style.css">
-        <title>Ryujinx Ldn</title>
+        <title>Ryujinx - Local Wireless</title>
 
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162558184-4"></script>
         <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-162558184-4")</script>
     </head>
     <body>
         <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 navbar shadow">
-            <h5 class="my-0 mr-md-auto font-weight-normal"><img class="mb-2" src="https://ryujinx.org/public/logo.png" alt="" width="30" height="30"> Ryujinx Ldn</h5>
+            <h5 class="my-0 mr-md-auto font-weight-normal"><img class="mb-2" src="https://ryujinx.org/public/logo.png" alt="" width="30" height="30"> Ryujinx Local Wireless</h5>
             <nav class="my-2 my-md-0 mr-md-3">
                 <u>State :</u> <i class="online-dot fas fa-circle"></i> Online 
             </nav>
@@ -23,8 +48,8 @@
         </div>
         <div class="container">
             <div class="row">
-                <div class="col-sm-5">
-                    <div class="card shadow">
+                <div class="col-sm-5 who-online">
+                    <div class="card shadow h-100">
                         <div class="card-header">
                             <h4 class="my-0 font-weight-normal"><i class="fas fa-users"></i> Who is online ?</h4>
                         </div>
@@ -33,7 +58,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-sm-7">
+                <div class="col-sm-7 hosted-games">
                     <div class="card shadow">
                         <div class="card-header">
                             <h4 class="my-0 font-weight-normal"><i class="fas fa-network-wired"></i> Hosted Games</h4>
@@ -74,6 +99,7 @@
                             <li><a class="text-muted" href="https://ryujinx.org/download" target="_blank">Download</a></li>
                             <li><a class="text-muted" href="https://github.com/Ryujinx/Ryujinx-Games-List/issues" target="_blank">Compatibility</a></li>
                             <li><a class="text-muted" href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide" target="_blank">Setup & Configuration Guide</a></li>
+                            <li><a class="text-muted" href="https://github.com/Ryujinx/Ryujinx/wiki/Multiplayer-(LDN-Local-Wireless)-Guide" target="_blank">Local Wireless Guide</a></li>
                         </ul>
                     </div>
                     <div class="col-6 col-md">
diff --git a/main.js b/main.js
index 3babb85..fbcf907 100644
--- a/main.js
+++ b/main.js
@@ -16,7 +16,7 @@ $(document).ready(function() {
 
     $.getJSON("/api/public_games", function(data) {
         $.each(data, function() {
-            $(".games-table").append('<tr><th><i class="fas fa-gamepad"></i> ' + this.game_name + '<br /><span class="titleid">(' + this.title_id + ')</span></th><td>' + this.player_count + '/' + this.max_player_count + ' <i class="fas fa-users"></i><br />' + encode(this.players.join(', ')) + '</td><td><i class="fas fa-network-wired"></i> ' + this.mode + ' (' + this.status + ')</td></tr>');
+            $(".games-table").append('<tr><th><i class="fas fa-gamepad"></i> ' + this.game_name + '<br /><span class="titleid">(' + this.title_id + ')</span></th><td>' + this.player_count + '/' + this.max_player_count + ' <i class="fas fa-users"></i><br /><i class="fas fa-home"></i> ' + encode(this.players.join(', <i class="fas fa-user"></i> ')) + '</td><td><i class="fas fa-network-wired"></i> ' + this.mode + ' (' + this.status + ')</td></tr>');
         });
     });
 });
\ No newline at end of file