aboutsummaryrefslogblamecommitdiff
blob: 2036c2b2f001e31e4dc32a94f38e850438c96fde (plain) (tree)









































































































                                                                                                                                       
F<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Happy Birthday</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<style type="text/css">
		@font-face {
			font-family: digit;
			src: url('./fonts/digital-7_mono.ttf') format("truetype");
		}
	</style>
	<link href="stylesheets/default.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="javascripts/jquery.js"></script>
	<script type="text/javascript" src="javascripts/garden_dev.js"></script>
    <script type="text/javascript" src="javascripts/functions_dev.js"></script>
</head>

<body>
	<div id="mainDiv">
		<div id="content">
			<div id="code">
				<span class="comments">   </span><br />
				<span class="space"/><span class="comments">    </span><br />
				<span class="space"/><span class="comments">    </span><br />
				<span class="space"/><span class="comments">    </span><br />
				  <span class="keyword">  </span>    <span class="string">    </span>    <br />
				<span class="comments">    </span><br />
				    <span class="keyword">    </span>     <br />
				    <span class="keyword">    </span>     <span class="string">    </span>    <br />
				    <br />
				    <span class="string">    </span>    </br>
					    </br>
				    </br>
				<span class="comments">    </span><br />
				<span class="keyword">    </span>    <br />
				    </br>
				<span class="comments">    </span><br />
				    </br>
				<span class="comments">    </span><br />
				    </br>
				<span class="comments">    </span><br />
				    </br>
			    <span class="comments">    </span><br />
				    </br>
				<span class="comments">    </span><br />
				    <span class="string">    </span>    
			</div>
			<div id="loveHeart">
				<canvas id="garden"></canvas>
				<div id="words">
					<div id="messages">
					</br>
					</br>
					</br>
					</br>
						
						<div id="elapseClock"></div>
					</div>
					<div id="loveu">
						
						<div class="signature">    </div>
					</div>
				</div>
			</div>
		</div>
		<div id="copyright">
			 <a href="  ">  </a>   <br />
			 </br>
			<a href=" ">  </a>   </br>
		</div>
	</div>
	<script type="text/javascript">
		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;
		var together = new Date();
		together.setFullYear(1995,11, 30);
		together.setHours(0);
		together.setMinutes(0);
		together.setSeconds(0);
		together.setMilliseconds(0);
		
		if (!document.createElement('canvas').getContext) {
			var msg = document.createElement("div");
			msg.id = "errorMsg";
			msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
			document.body.appendChild(msg);
			$("#code").css("display", "none")
			$("#copyright").css("position", "absolute");
			$("#copyright").css("bottom", "10px");
		    document.execCommand("stop");
		} else {
			setTimeout(function () {
				startHeartAnimation();
			}, 5000);

			timeElapse(together);
			setInterval(function () {
				timeElapse(together);
			}, 500);

			adjustCodePosition();
			$("#code").typewriter();
		}
	</script>
</body>
</html>
Powered by cgit v1.2.3 (git 2.41.0)