public/500.html

<!DOCTYPE html>
<html>
<head>
	<title>We're sorry, but something went wrong (500)</title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<style>
		.error-content {
			font-family: 'Open Sans', sans-serif;
			position: absolute;
			margin: auto;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			display: inline-flex;
			vertical-align: middle;
			width: 600px;
			height: 250px;
		}
		.error-code {
			background-color: #d6d6d6;
			width: 180px;
			height: 120px;
			color: white;
			font-size: 45px;
		}
		.error-message {
			padding-left: 25px;
			line-height: 28px;
		}
		h3 {
			padding: 0px 14px;
		}
		h1 {
			margin-top: 25px;
			margin-bottom: 0;
			font-size: 28px;
		}
		p {
			margin-top: 5px;
			color: #8c8c8c;
		}
		a {
			color: #8c8c8c;
		}
		a:hover {
			color: #424242;
		}
		.error-code {
			background:
				linear-gradient(#002F6C 0%, #E57200 90%),
				linear-gradient(to right, #002F6C 0%, #E57200 90%),
				url('https://upload.wikimedia.org/wikipedia/en/thumb/2/2d/UVA_Rotunda_Logo.svg/1005px-UVA_Rotunda_Logo.svg.png') 30px,
				url('https://upload.wikimedia.org/wikipedia/en/thumb/2/2d/UVA_Rotunda_Logo.svg/1005px-UVA_Rotunda_Logo.svg.png') 20px;
			background-blend-mode: screen, difference, lighten;
			border-radius: 30px;
			background-repeat: no-repeat;
			background-size: contain;
			background-attachment: initial;
			background-position: center;
		}
	</style>
</head>

<body>
<!-- This file lives in public/500.html -->
<div class="error-content">
	<div class="error-code">
		<h3>500</h3>
	</div>
	<div class="error-message">
		<h1>Oops, we are having some troubles with our servers</h1>
		<p>Try going back to your <a href="/">dashboard</a> to pick back up where you left off or
			<a href="mailto:libra@virginia.edu">contact us</a> for assistance</p>
	</div>
</div>
<script type="text/javascript">
	var _paq = _paq || [];
	_paq.push(['trackPageView']);
	_paq.push(['enableLinkTracking']);
	(function() {
		var u="//analytics.lib.virginia.edu/";
		_paq.push(['setTrackerUrl', u+'piwik.php']);
		_paq.push(['setSiteId', 24]);
		var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
		g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
	})();
</script>
<noscript><p><img src="//analytics.lib.virginia.edu/piwik.php?idsite=24" style="border:0;" alt="" /></p>
</noscript>
</body>
</html>