tyler cat

<!DOCTYPE html>

<html>

	<link href="main.css" type="text/css" rel="stylesheet">

	<link href="specifics.css" type="text/css" rel="stylesheet">

	<link rel="icon" href="favicon.png">

<head>

  <title>All Things Tyler!</title>

</head>

<body>


<div id="mySidenav" class="sidenav">

  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>

  <a href="./index.php" id="page">Homepage</a>

  <a href="./Page 2.php">About Me</a>

  <a href="./Page 3.php">Course 1: Games Development</a>

  <a href="./Page 4.php">Course 2: Interactive Media</a>

  <a href="./Page 5.php">Course 3: Information Technology</a>

  <a href="./Page 6.php">Hobbies & Interests</a>

  <a href="./Page 7.php">The Future</a>

  <a href="./Page 8.php">Contact Me</a>

  <a href="./JavaScriptFun.php">JavaScript Fun!</a>

</div>
<div id="QL" class="QL">
  <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;Quick Links!</span>
</div>

  <h1>Homepage!</h1>

  <p>Hello. My name is Tyler and this website is all about me! A simple portfolio for any possible employers out there willing to hire me and just need to know some more about me.</p>

<script>

function openNav() {

    document.getElementById("mySidenav").style.width = "250px";

    document.getElementById("main").style.marginLeft = "250px";

    document.body.style.backgroundColor = "rgba(0,0,0,0.1)";

}

function closeNav() {

    document.getElementById("mySidenav").style.width = "0";

    document.getElementById("main").style.marginLeft= "0";

    document.body.style.backgroundColor = "white";

}

</script>

<script type="text/javascript">

	if ( window.addEventListener ) {

	var state = 0, konami = [38,38,40,40,37,39,37,39,66,65,13];

	window.addEventListener("keydown", function(e) {

		if ( e.keyCode == konami[state] ) state++;

		else state = 0;

		if ( state == 11 )

		window.location = "./ILY.html";

		}, true);
	}
</script>

<p id="iframe">

<iframe width="560" height="315" src="https://www.youtube.com/embed/wZZ7oFKsKzY?autoplay=1" frameborder="0" allowfullscreen></iframe>

</p>

</body>

</html>