inner_door/portal.html

<html>
  <head>
    <title>SudoRoom Door</title>
	 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
	 <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
	 <style type="text/css">
		.span6 {
		margin: auto;
		float: none;
		}
		input {
	/*	width:500px;*/
		height:100px;
		font-size:30px;
		line-height:30px;
		text-align:center;
		}
		#pass, #button {
			width:100%;
			height:100px;
		}
	 </style>
  </head>
  <body class="">
<div class="span6">
    <h4>This page is for opening the doors to <a href="https://sudoroom.org/">SudoRoom</a>!</h4>
	 <br /><br />
	 {% autoescape None %}
	 {% for message in messages %}
	 {{ message }}<br /><br />
	 {% end %}
	<h4>Please enter a password, then press a button:</h4>
	 <br />
	 <form method="post" action="/dooeet">
		<input id="pass" class="input-large span6" type="text" name="secret" value="" /><br />
		<button id="button" class="button btn btn-block btn-large btn-primary" type="submit" name="button" value="open_out">OPEN OUTSIDE DOOR</button>
		<button id="button" class="btn btn-large btn-block btn-primary" type="submit" name="button" value="open_el">UNLOCK ELEVATOR</button>
		<button id="button" class="btn btn-large btn-block btn-primary" type="submit" name="button" value="open_in">OPEN INSIDE DOOR<br /><span style="font-size:smaller;">(lean on it)</span></button>
		<button id="button" class="btn btn-large btn-block btn-danger" type="submit" name="button" value="close_in">CLOSE INSIDE DOOR</button>
	 </form>
</div>
  </body>
</html>