Ryujinx-Ldn-Website/public/index.html

144 lines
9.7 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<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 - 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/assets/images/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>
</div>
<div class="intro-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
<h1 class="display-4">Status</h1>
<p class="lead">Multiplayer statistics for Ryujinx local wireless game connection.</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4 margin-bt">
<div class="card shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal"><i class="red-sw fas fa-users"></i> Who is online ?</h4>
</div>
<div class="card-body">
<table class="w-100">
<thead>
<tr>
<th></th>
<th class="text-right">Public <i class="fas fa-user"></i></th>
<th class="text-right">Private <i class="fas fa-user-secret"></i></th>
<th class="text-right">Total <i class="fas fa-users"></i></th>
</tr>
</thead>
<tbody>
<tr>
<th><i class="fas fa-users"></i> Players</th>
<td class="players-public text-right"></td>
<td class="players-private text-right"></td>
<td class="players-total text-right"></td>
</tr>
<tr>
<th><i class="fas fa-gamepad"></i> Games</th>
<td class="games-public text-right"></td>
<td class="games-private text-right"></td>
<td class="games-total text-right"></td>
</tr>
<tr>
<th><i class="fas fa-people-arrows"></i> In Connection</th>
<td></td>
<td></td>
<td class="in-progress-total text-right"></td>
</tr>
<tr>
<th><i class="fas fa-server"></i> On Proxy Server</th>
<td></td>
<td></td>
<td class="proxy-server-total text-right"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="card-header margin-bt">
<h4 class="my-0 font-weight-normal"><i class="red-sw fas fa-network-wired"></i> Hosted Games</h4>
</div>
<div class="public-games"></div>
</div>
</div>
<footer class="pt-4 my-md-5 pt-md-5 border-top">
<div class="row">
<div class="col-12 col-md">
<img class="mb-2" src="https://ryujinx.org/assets/images/logo.png" alt="" width="48" height="48">
<small class="d-block mb-3 text-muted">&copy; 20XX</small>
</div>
<div class="col-6 col-md">
<h5>Project</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="https://ryujinx.org/" target="_blank">Website</a></li>
<li><a class="text-muted" href="https://blog.ryujinx.org/" target="_blank">Blog</a></li>
<li><a class="text-muted" href="https://ryujinx.org/contribute" target="_blank">Contribute</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Resources</h5>
<ul class="list-unstyled text-small">
<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">
<h5>Social</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="https://patreon.com/Ryujinx" target="_blank">Patreon</a></li>
<li><a class="text-muted" href="https://github.com/Ryujinx/Ryujinx" target="_blank">GitHub</a></li>
<li><a class="text-muted" href="https://twitter.com/RyujinxEmu" target="_blank">Twitter</a></li>
<li><a class="text-muted" href="https://discord.gg/VkQYXAZ" target="_blank">Discord</a></li>
</ul>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js" integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
<script src="main.js"></script>
</body>
</html>