public/422.html

<!DOCTYPE html>
<html>
<head>
  <title>The change you wanted was rejected (422)</title>
  <style type="text/css">
    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
    div.dialog {
      width: 25em;
      padding: 0 4em;
      margin: 2em auto 0 auto;
    }
    a.go_home { 
      font-size: 100%; 
      color: black; 
      line-height: 1.5em; 
      text-decoration: none;
      border-bottom: 1px dotted black;
      padding: 0 0.2rem;
    }
    a.go_home:hover, a.go_home:focus, a.go_home:active{
      background: #8f301d;
      color: white;
      border-bottom: none;
    }
  </style>
</head>

<body>
  <!-- This file lives in public/422.html -->
  <div class="dialog">
    <a href="/" ><img src="/422.jpg" /></a>
    <p>The change you wanted was rejected. Maybe you tried to change something you don't have access to.
      <br><h3><a class="go_home" href="/" >Return home</a></h3>
    </p>
  </div>
</body>
</html>