Untitled

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>W.O.P.R</title>
<script type="text/javascript">

	function textbox()
{
	document.getElementById('logon').select();
}

var reply = "";

function wopr()

{

username=(document.getElementById('logon').value)

	 if (username=="Joshua")
		{
//document.forms["form2"].elements["answer"].value = ("Greetings, Professor Falken");
reply = reply + " Greetings, Professor Falken";
self.location="wargames_greetings.wav";
		}


 	else
		{
//document.getElementById('test').value = ("Identification not recognized by system--Connection terminated--");

reply = reply + " Identification not recognized by system<br />--Connection terminated--<br />";


		}

var answerDiv = document.getElementById("answer");
 answerDiv.innerHTML = reply;
 }


</script>
<style type="text/css">

@-webkit-keyframes typing {
    from { width: 100% }
    to { width:0 }
}

@-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}

@-moz-keyframes typing {
    from { width: 100% }
    to { width:0 }
}

@-moz-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
}
#wrapper {
	font-family: "Courier New", Courier, monospace;
	background-color: #000;
	clear: both;
	height: 500px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	color: #6F6;
}
.formlogon {
	float: left;
	margin-top: 10px;
	width: 500px;
}

p {
	position: relative;
	font-family: "Courier New", Courier, monospace;
	float: left;
	font-size:18px;
	color: #6f6;
	margin: 0px;
	padding: 0px;
}

p span {
    position:absolute;
    top:0;
    right:0;
    width:0;
    background: black; /* same as background */
    border-left: .1em solid black;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-animation: typing 0.5s steps(6, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 0.5s steps(6, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}
</style>
</head>

<body onLoad="textbox()">

<div id="wrapper">
<form class="formlogon" id="form1" name="form1" method="post" action="" onsumbit="wopr()" >

<p>Logon:<span>&nbsp;</span></p>
<input style="background-color:#000; border-color:#000; border-width:0px; font-family:'Courier New', Courier, monospace; font-size:18px; color:#6f6;" type="text" name="logon" id="logon" onBlur="wopr()"/>

  </form>


<div id="answer"></div>


  <form class="formlogon" id="form3" name="form3" method="post" action="">
<input style="background-color:#000; border-color:#000; border-width:0px; font-family:'Courier New', Courier, monospace; font-size:18px; color:#6f6" type="text" name="answer" id="answer" />

  </form>


</div>
</body>
</html>