<html>

	<head>

		<title>haste</title>

		<link rel="stylesheet" type="text/css" href="http://yandex.st/highlightjs/6.1/styles/solarized_dark.min.css"/>
		<link rel="stylesheet" type="text/css" href="application.css"/>

		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
		<script type="text/javascript" src="http://yandex.st/highlightjs/6.1/highlight.min.js"></script>
		<script type="text/javascript" src="application.js"></script>

		<meta name="robots" content="noindex,nofollow"/>

		<script type="text/javascript">
			var app = null;
			// Handle pops
			var handlePop = function(evt) {
				var path = evt.target.location.pathname;
				if (path === '/') {
					app.newDocument(true);	
				}
				else {
					app.loadDocument(path.substring(1, path.length));
				}
			};
			// If pop before loading jquery, delay load
			window.onpopstate = function(evt) {
				try {
					handlePop(evt);
				} catch(err) {
					// not loaded yet
				}
			};
			// Construct app and load if not loaded
			$(function() {
				app = new haste('haste', { twitter: true });
				handlePop({ target: window });
			});
		</script>

	</head>

	<body>

		<div id="key">
			<div class="box1">
				<a href="/about" class="logo"></a>
			</div>
			<div class="box2">
				<div class="save function"></div>
				<div class="new function"></div>
				<div class="duplicate function"></div>
				<div class="link function"></div>
				<div class="twitter function"></div>
			</div>
			<div class="box3" style="display:none;">
				<div class="label"></div>
				<div class="shortcut"></div>
			</div>
		</div>

		<pre id="box" style="display:none;" tabindex="0"><code></code></pre>
		<textarea spellcheck="false" style="display:none;"></textarea>

	</body>

</html>