public/500.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="IE=Edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>500 | 𝜋-Base</title>
<!--Le HTML5 shim, for IE6-8 support of HTML elements-->
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script>
<![endif]-->
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<style type="text/css">
.hero-unit {
margin-top: 120px;
}
.hero-unit h1 {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="container">
<div class="hero-unit">
<h1>Uh-oh <small>Something went wrong</small></h1>
<p>These errors should automatically generate an email notification, but feel free to <a href="mailto:jamesdabbs+pi-base@gmail.com">email me</a> or <a href="https://github.com/jamesdabbs/pi-base/issues">open a bug report</a> if the problem persists.</p>
<input type="button" onclick="history.back();" class="btn btn-primary" value="← Go Back">
</div>
</div>
</div>
</body>
</html>