templates/5xx.html

<!doctype html>
<html>
<head>
	<meta charset='utf-8'>
	<meta name='viewport' content='width=device-width'>
	<meta name='theme-color' content='#aa1e1e'>

	<link rel='manifest' href='/manifest.json'>
	<link rel='icon' type='image/png' href='/favicon.png'>

	<title>%sapper.status%</title>

	<style>
		body {
			max-width: 800px;
			padding: 1em;
			margin: 0 auto;
			box-sizing: border-box;
		}

		h1 {
			color: rgb(170,30,30);
			border-bottom: 1px solid #aaa;
			padding: 0 0 0.5em 0;
			margin: 1em 0;
		}

		pre {
			font-family: Menlo, monospace;
			font-size: 14px;
			line-height: 1.2;
			overflow-x: auto;
			white-space: pre-wrap;
		}

		.stack {
			font-size: 12px;
			color: #999;
		}
	</style>
</head>
<body>
	<h1>%sapper.title%</h1>
	<pre>%sapper.error%</pre>
	<pre class='stack'>%sapper.stack%</pre>
</body>
</html>