<!doctype html><html>
<head>
<title><%= title() || 'Status' %></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
%= javascript '/mojo/jquery/jquery.js'
%= javascript '/mojo-status/bootstrap/bootstrap.js'
%= stylesheet '/mojo-status/bootstrap/bootstrap.css'
%= stylesheet '/mojo-status/fontawesome/fontawesome.css'
%= stylesheet '/mojo-status/app.css'
%= content_for 'head'
</head>
<body class="d-flex flex-column h-100">
<nav class="navbar navbar-expand-lg navbar-light bg-light mb-3 border-bottom">
<div class="container">
%= link_to 'mojo_status' => (class => 'navbar-brand') => begin
<picture>
<source srcset="<%= url_for '/mojo-status/logo-black-2x.png' %> 2x">
<img src="<%= url_for '/mojo-status/logo-black.png' %>">
</picture>
% end
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link"
href="<%= url_for('mojo_status')->query(refresh => 5) %>">
<i class="fas fa-sync-alt"></i>
Refresh
</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="<%= url_for('mojo_status')->query(reset => 1) %>">
<i class="fas fa-ban"></i>
Reset
</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="<%= url_for('mojo_status', format => 'json') %>"
target="_blank">
<i class="fas fa-code"></i>
JSON
</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="<%= url_for $return_to %>">
<i class="fas fa-sign-out-alt" aria-hidden="true"></i>
Back to Site
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container flex-grow-1">
%= content
</div>
<footer>
<div class="container-fluid p-3 mojo-footer">
<div class="container">
<div class="row">
<div class="col-sm align-self-center text-center">
<b>Free</b> and <b>Open Source</b>.
</div>
<div class="col-sm align-self-center text-center mojo-copy">
<i class="far fa-copyright"></i> 2018-2021 Sebastian Riedel.
</div>
<div class="col-sm align-self-center text-center mojo-social">
<a alt="GitHub" href="https://github.com/mojolicious/mojo-status"><i class="fab fa-github-alt"></i></a>
<a alt="Twitter" href="https://twitter.com/mojolicious_org"><i class="fab fa-twitter"></i></a>
<a alt="LinkedIn" href="https://www.linkedin.com/groups/8963713/"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>