vulpicastor/mit418.html

## mit418.html
<!DOCTYPE html>
<html>
  <head>
    <title>MIT 418 Error - I’m a teapot</title>
    <meta charset="UTF-8">
<!--    <link rel="shortcut icon" type="image/x-icon" href="//web.mit.edu/favicon.ico"></link> -->
    <style type="text/css">
body {
  padding:0px;
  margin:0px;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#ffffff;
  color:#000000;
}
#topbar {
  display:block;
  padding:2px 0px 3px 30px;
  margin:0px;
  background-color:#cccccc;
  font-size:12px;
}
#middle {
  margin:34px 0px 0px 150px;
  width:60%;
}
#logo {
  position:absolute;
  top:120px;
  left:32px;
}
p, li, input {
  font-size:85%;
  line-height:160%;
}
ul {
  margin-left:0px;
  padding-left:20px;
  padding-bottom:0.75em;
}
li {
  margin-left:0px;
  padding-left:0px;
}
li a {
  font-weight:bold;
}
input {
  vertical-align:middle;
  margin: 1px 0px 1px 0px;
}
input[type="radio"] {
  margin-left:5px;
}
label {
  font-size:70%;
  text-transform:capitalize;
  vertical-align:middle;
  letter-spacing:0.05em;
}
form {
  padding-bottom:5em;
}
a, a:link, a:visited {
  color: #993333;
  text-decoration: none;
}
a:hover, a:active {
  text-decoration:underline;
}
    </style>
  </head>

  <body>
    <div id="topbar"><a href="//web.mit.edu/">massachusetts institute of technology</a></div>
    <div id="middle">
      <h1>I’m a teapot</h1>

      <p>Attempt to brew coffee over HTCPCP was refused due to the short and stout nature of the requested container.</p>

      <ul>
        <li>If you typed the coffee pot url, check the spelling.</li>
        <li>Start from the <a href="//web.mit.edu/coffeehouse/www/">MIT Coffeehouse Page</a>, and look for links to coffeemakers. </li>
        <li>Click the <a href="javascript:history.back(1);">Back</a> button to try another water-boiling utensil.</li>
        <li>Make sure your browser supports the <a href="https://tools.ietf.org/html/rfc7168">HTCPCP-TEA</a> extension.</li>
        <li> Plow the fields of the MIT java bean plantation using the form below:</li>
      </ul>

      <div id="navigation">
<form action="//web.mit.edu/cgi-bin/search-route-new" method="post">
                   <label><input name="engine" id="google" tabindex="2" value="0" type="radio"> MIT Googol</label>
          <label><input name="engine" id="people" tabindex="3" value="1" type="radio"> Other Persons </label>
          <label><input name="engine" id="offices" tabindex="4" value="7" type="radio"> Cubicles </label>

                        <br>
                    <label for="label"><img src="imgs/n.gif" alt="search terms" height="1" width="1"></label>
                    <input name="terms" id="label" size="40" type="text">
                    <label for="search"><img src="imgs/n.gif" alt="search" height="1" width="1"></label>
                    <input name="Submit" id="search" value="  plow  " type="submit">

                  </form>

  <p><a href="https://tools.ietf.org/html/rfc2324#section-2.3.2">HTCPCP 418 - I’m a teapot</a></p>
      </div>

      <div id="logo">
        <a href="//web.mit.edu/"><img alt="MIT logo" src="imgs/MIT_logo.svg" border="0" height="32" width="62"></a>
      </div>
    </div>


  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>MIT 418 Error - I’m a teapot</title>
	<meta charset="UTF-8">
	<!-- <link rel="shortcut icon" type="image/x-icon" href="//web.mit.edu/favicon.ico"></link> -->
	<style type="text/css">
	body {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	color:#000000;
	}
	#topbar {
	display:block;
	padding:2px 0px 3px 30px;
	margin:0px;
	background-color:#cccccc;
	font-size:12px;
	}
	#middle {
	margin:34px 0px 0px 150px;
	width:60%;
	}
	#logo {
	position:absolute;
	top:120px;
	left:32px;
	}
	p, li, input {
	font-size:85%;
	line-height:160%;
	}
	ul {
	margin-left:0px;
	padding-left:20px;
	padding-bottom:0.75em;
	}
	li {
	margin-left:0px;
	padding-left:0px;
	}
	li a {
	font-weight:bold;
	}
	input {
	vertical-align:middle;
	margin: 1px 0px 1px 0px;
	}
	input[type="radio"] {
	margin-left:5px;
	}
	label {
	font-size:70%;
	text-transform:capitalize;
	vertical-align:middle;
	letter-spacing:0.05em;
	}
	form {
	padding-bottom:5em;
	}
	a, a:link, a:visited {
	color: #993333;
	text-decoration: none;
	}
	a:hover, a:active {
	text-decoration:underline;
	}
	</style>
	</head>

	<body>
	<div id="topbar"><a href="//web.mit.edu/">massachusetts institute of technology</a></div>
	<div id="middle">
	<h1>I’m a teapot</h1>

	<p>Attempt to brew coffee over HTCPCP was refused due to the short and stout nature of the requested container.</p>

	<ul>
	<li>If you typed the coffee pot url, check the spelling.</li>
	<li>Start from the <a href="//web.mit.edu/coffeehouse/www/">MIT Coffeehouse Page</a>, and look for links to coffeemakers. </li>
	<li>Click the <a href="javascript:history.back(1);">Back</a> button to try another water-boiling utensil.</li>
	<li>Make sure your browser supports the <a href="https://tools.ietf.org/html/rfc7168">HTCPCP-TEA</a> extension.</li>
	<li> Plow the fields of the MIT java bean plantation using the form below:</li>
	</ul>

	<div id="navigation">
	<form action="//web.mit.edu/cgi-bin/search-route-new" method="post">
	<label><input name="engine" id="google" tabindex="2" value="0" type="radio"> MIT Googol</label>
	<label><input name="engine" id="people" tabindex="3" value="1" type="radio"> Other Persons </label>
	<label><input name="engine" id="offices" tabindex="4" value="7" type="radio"> Cubicles </label>

	<br>
	<label for="label"><img src="imgs/n.gif" alt="search terms" height="1" width="1"></label>
	<input name="terms" id="label" size="40" type="text">
	<label for="search"><img src="imgs/n.gif" alt="search" height="1" width="1"></label>
	<input name="Submit" id="search" value=" plow " type="submit">

	</form>

	<p><a href="https://tools.ietf.org/html/rfc2324#section-2.3.2">HTCPCP 418 - I’m a teapot</a></p>
	</div>

	<div id="logo">
	<a href="//web.mit.edu/"><img alt="MIT logo" src="imgs/MIT_logo.svg" border="0" height="32" width="62"></a>
	</div>
	</div>


	</body>
	</html>