Boilerplate for how I like to write a backend web service.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

76 lines
2.3 KiB

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