<!DOCTYPE html>
<html>
<head>
<title>Yancy CMS</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" type="text/css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.8/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<style>
html, body { height: 100%; }
.non-footer {
min-height: calc( 100% - 3em );
}
.non-footer + footer {
height: 3em;
}
</style>
%= content_for 'head'
</head>
<body>
<div class="non-footer">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="<%= url_for('admin') %>">Yancy</a>
<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 active">
<a class="nav-link" href="<%= url_for('admin') %>">Admin</a>
</li>
</ul>
</div>
</nav>
%= content
</div>
<footer class="bg-light d-flex flex-row-reverse align-items-center" style="padding: 0 1em">
<small>Yancy v<%= Mojolicious::Plugin::Yancy->VERSION %> (<a href="http://github.com/preaction/Yancy">Github</a>)</small>
</footer>
</body>
</html>