public/500.html
<html>
<head>
<style>
body {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
background-color: #f0f0f0;
}
h1, h2, h3, h4, h5, h6 {
color: #5e6469;
font-weight: bold;
font-size: 50px;
text-align: center;
margin-top: 30px;
}
p {
margin-bottom: 30px;
}
#container {
width: 100%;
margin: auto;
margin-top: 20px;
text-decoration: none;
color: #ff9900;
}
.error {
font-size: 200px;
color: #343131;
}
.error span {
font-weight: 300;
margin-right: -30px;
}
#badge {
margin-bottom: -40px;
margin-right: -30px;
}
.links {
text-align: center;
margin-bottom: 0px;
font-size: 30px;
}
p.links a {
color: #ff9900;
margin:0px 20px;
}
</style>
<title>coderwall.com : Errors Suck</title>
</head>
<body>
<div id='container'>
<h2>Coderwall had an issue but hold on to your localhosts, we're looking into it.</h2>
<h2 class="error"><img id="badge" src="https://d3levm2kxut31z.cloudfront.net/assets/badges/100lemming-255ce58645c6a62da473027717042e01.png"> <span>|</span> 500</h2>
<p class="links"><a href="/">Protips</a><a href="/jobs">Jobs</a><a href='mailto:support@coderwall.com'>Contact Support</a></p>
</div>
</body>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-797907-8']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</html>