<!DOCTYPE html>
<html>
<head>
<title>StackEdit</title>
<link rel="icon" href="img/stackedit-64.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/stackedit-64.ico"
	type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/main.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.custom.js"></script>
<script type="text/javascript" src="js/jquery.layout.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/Markdown.Converter.js"></script>
<script type="text/javascript" src="js/Markdown.Sanitizer.js"></script>
<script type="text/javascript" src="js/Markdown.Editor.js"></script>
<script type="text/javascript" src="js/gdrive.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
	function handleClientLoad() {
		window.setTimeout(gdrive.init, 1);
	}
</script>
<script type="text/javascript"
	src="https://apis.google.com/js/client.js?onload=handleClientLoad"></script>
<script>
	(function(i, s, o, g, r, a, m) {
		i['GoogleAnalyticsObject'] = r;
		i[r] = i[r] || function() {
			(i[r].q = i[r].q || []).push(arguments)
		}, i[r].l = 1 * new Date();
		a = s.createElement(o), m = s.getElementsByTagName(o)[0];
		a.async = 1;
		a.src = g;
		m.parentNode.insertBefore(a, m)
	})(window, document, 'script', '//www.google-analytics.com/analytics.js',
		'ga');

	ga('create', 'UA-39556145-1', 'github.com');
	ga('send', 'pageview');
</script>
</head>
<body>
	<div id="navbar" class="navbar navbar-fixed-top ui-layout-north">
		<div class="navbar-inner">

			<ul class="nav">
				<li><div id="wmd-button-bar"></div></li>
			</ul>
			<ul class="pull-right" id="menu-bar">
				<li class="btn-group"><a class="btn action-create-file"
					href="#" title="Create a local file"><i
						class="icon-file"></i></a> <a class="btn" href="#"
					title="Delete the current file locally" data-toggle="modal"
					data-target="#modal-remove-file-confirm"><i class="icon-trash"></i></a>
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"
					title="Open a local file"><i class="icon-folder-open"></i></a>
					<ul id="file-selector" class="dropdown-menu">
					</ul></li>
				<li class="btn-group"><a class="btn dropdown-toggle"
					data-toggle="dropdown" href="#" title="Menu"><img
						src="img/stackedit-16.png" />&nbsp;&nbsp;<b class="caret"></b></a>
					<ul class="dropdown-menu">
						<li><a class="action-create-file" href="#"
							title="Create a new local file"><i class="icon-file"></i> New
								file</a></li>
						<li><a href="#"
							title="Delete the current file locally" data-toggle="modal"
							data-target="#modal-remove-file-confirm"><i
								class="icon-trash"></i> Remove file</a></li>
						<li class="divider"></li>
						<li><a class="action-upload-gdrive"
							href="#"><i class="icon-gdrive"></i> Save
								on Google Drive</a></li>
						<li class="divider"></li>
						<li><a href="#"
							title="Modify your preferences" data-toggle="modal"
							data-target="#modal-settings" class="action-load-settings"><i class="icon-cog"></i>
								Settings</a></li>
					</ul></li>
			</ul>
			<ul class="nav pull-right">
				<li><i class="working-indicator icon-spinner hide"></i></li>
				<li><a class="brand" id="file-title" href="#"
					title="Rename the current file"><span class="file-title"></span>
				</a></li>
				<li class="navbar-form"><input id="file-title-input"
					type="text" class="span3 hide" placeholder="File title" /></li>
			</ul>
		</div>
	</div>
	<textarea id="wmd-input" class="ui-layout-center"></textarea>
	<div class="ui-layout-east"></div>
	<div class="ui-layout-south"></div>

	<div id="modal-remove-file-confirm" class="modal hide">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">&times;</button>
			<h3>Remove file</h3>
		</div>
		<div class="modal-body">
			<p>Are you sure you want to remove "<span class="file-title"></span>"?
			</p>
			<p class="muted"><b>NOTE:</b> The file will be destroyed on the
				local machine, not on distant synchronized locations.</p>
		</div>
		<div class="modal-footer">
			<a href="#" class="btn" data-dismiss="modal">Cancel</a>
			<a href="#"
				class="btn btn-primary action-remove-file" data-dismiss="modal">Delete</a>
		</div>
	</div>

	<div id="modal-settings" class="modal hide">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">&times;</button>
			<h3>Settings</h3>
		</div>
		<div class="modal-body">
			<dl class="dl-horizontal">
				<dt>Layout orientation</dt>
				<dd>
					<label class="radio"> <input type="radio"
						name="radio-layout-orientation"
						value="horizontal"> Horizontal
					</label> <label class="radio"> <input type="radio"
						name="radio-layout-orientation"
						value="vertical"> Vertical
					</label>
				</dd>
			</dl>
		</div>
		<div class="modal-footer">
			<a href="#" class="btn"
				data-dismiss="modal">Cancel</a> <a href="#"
				class="btn btn-primary action-apply-settings" data-dismiss="modal">OK</a>
		</div>
	</div>
</body>
</html>