<!DOCTYPE html>
<html>
  <head>
    <title><%= site_name %></title>
    <link rel='stylesheet' href='/css/style.css' />
    <style>
    input[type=text] {
    	font-family: 'Arial';
    }
    input[type=password] {
    	font-family: 'Arial';
    }
    input[type=button] {
    	font-family: 'Arial';
    }
    input[type=submit] {
    	font-family: 'Arial';
    	font-size: 1em;
    	background-color: #248;
    	color: white;
    	border-style: none;
    	padding: 10px 30px;
    }
    .message {
        color: red;
    }
    </style>
  </head>
  <body>
    <h1><%= site_name %></h1>
    <p>
    <%= site_description %><br>
    version <%= site_version %><br>
    <%- site_copyright %><br>
    <div class=message> <%- message %> </div>
    <form action="/authentication" method="post">
      <table>
      <tr><td>User</td><td><input type=text name=user class=pretty></td></tr>
      <tr><td>Password</td><td><input type=password name=password class=pretty></td></tr>
      </table>
      <p>
      <input type="submit" value="login" class=pretty>
    </form>
    <hr>
    Powered by <%= prog_name %>, version <%= prog_version %><br>
    <%- prog_copyright %><br>
  </body>
</html>
