app/views/500.html
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" ng-app="tantalim.desktop">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>500 Server Error</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/img/icons/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/bower_components/tantalim-client/public/css/common.css">
{{#if css}}
<link rel="stylesheet" href="{{ css }}">
{{/if}}
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
.stack-trace pre {
text-align: left;
word-wrap: inherit;
}
.stack-trace pre code {
font-size: 90%;
color: #c7254e;
white-space: pre;
}
</style>
</head>
<body>
<section class="content container">
<div class="jumbotron col-sm-8 col-sm-offset-2 text-center">
<h1>500</h1>
<h3>Server Error</h3>
<div class="stack-trace">
<pre><code>{{error}}</code></pre>
</div>
<hr>
<p>
<a href="/" class="btn btn-primary btn-lg">Back Home</a>
</p>
</div>
</section>
<!-- Bootstrap JS -->
<script type="text/javascript" src="/bower_components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.js"></script>
</body>
</html>