77 lines
2.3 KiB
HTML
77 lines
2.3 KiB
HTML
<!DOCTYPE htmtl>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Example</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="./vendor/css/bootswatch.com/4/materia/bootstrap.min.css"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
|
<a class="navbar-brand" href="#">Example</a>
|
|
<button
|
|
class="navbar-toggler"
|
|
type="button"
|
|
data-toggle="collapse"
|
|
data-target="#navbarColor01"
|
|
aria-controls="navbarColor01"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation"
|
|
>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarColor01">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#nav-foobar">Foobar</a>
|
|
</li>
|
|
</ul>
|
|
<form class="js-signin form-inline my-2 my-lg-0">
|
|
<input
|
|
class="form-control mr-sm-2"
|
|
type="email"
|
|
name="email"
|
|
placeholder="email"
|
|
/>
|
|
<button class="btn btn-secondary my-2 my-sm-0" type="submit">
|
|
Sign in
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="pocket"></div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="card border-primary mb-6">
|
|
<a id="nav-foobar"
|
|
><h3 class="card-header">
|
|
Server Health
|
|
<form class="js-healthcheck">
|
|
<button type="submit" class="float-right btn btn-primary">
|
|
Check
|
|
</button>
|
|
</form>
|
|
</h3></a
|
|
>
|
|
<div class="js-pre card-body">
|
|
<h5 class="card-title">Check Server Status</h5>
|
|
<div class="card-text">
|
|
<pre><code>curl https://example.com/api/public/ping</code></pre>
|
|
<pre><code class="js-server-health">-</code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://mock.pocketid.app/pocket/consumer.js"></script>
|
|
<script src="./js/app.js"></script>
|
|
</body>
|
|
</html>
|