public/502.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>Proxy Upstream Error (502)</title>
  <link href="/stylesheets/base.css?1199397346" media="screen" rel="stylesheet" type="text/css" />
	<style type="text/css">; }
		div.dialog {
			width: 25em;
			padding: 0 4em;
			margin: 4em auto 0 auto;
			border: 1px solid #ccc;
			border-right-color: #999;
			border-bottom-color: #999;
		}
	</style>
</head>

<body>
  <div id="header">
    <h1 id="logo">
      <a href="/"><img alt="Logo-white" src="/images/logo-white.png" /></a>        
    </h1>
    <ul id="menu">
      <li><a href="/">Home</a></li>
    </ul>
  </div>
  <div id="container">
    <div id="main">
      <div id="content">
        <div class="dialog">
          <h1>Oops, could not connect to the upstream server</h1>
          <p>Chances are it is being restarted, try refreshing the page shortly</p>
        </div>
      </div>
    </div>
  </div>
</body>
</html>