<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
<title>StackEdit</title>
<link rel="icon" href="img/stackedit-32.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/stackedit-32.ico"
	type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/main.css" rel="stylesheet" media="screen">
<script data-main="js/main" src="js/require.js"></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 hide" id="menu-bar">
				<li class="btn-group"><button class="btn action-force-sync"
						title="Synchronize">
						<i class="icon-refresh"></i>
					</button></li>
				<li class="btn-group"><button class="btn action-create-file"
						title="Create a new local file">
						<i class="icon-file"></i>
					</button>
					<button class="btn" title="Delete the current file locally"
						data-toggle="modal" data-target="#modal-remove-file-confirm">
						<i class="icon-trash"></i>
					</button>
					<button class="btn dropdown-toggle" data-toggle="dropdown"
						title="Open a local file">
						<i class="icon-folder-open"></i>
					</button>
					<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-download-md" href="#"
							title="Download the current file as Markdown"><i
								class="icon-download-alt"></i> Download as MD</a></li>
						<li><a class="action-download-html" href="#"
							title="Download the current file as HTML"><i
								class="icon-download-alt"></i> Download as HTML</a></li>
						<li class="divider"></li>
						<li class="dropdown-submenu"><a href="#"><i
								class="icon-gdrive"></i> Google Drive</a>
							<ul class="dropdown-menu">
                                <li><a class="action-upload-gdrive" href="#"
                                    title="Export the current file to Google Drive and synchonize it">Export
                                        to Google Drive</a></li>
								<li><a href="#" data-toggle="modal" data-target="#modal-download-gdrive"
									title="Import an existing file from Google Drive and synchonize it">Import
										from Google Drive</a></li>
							</ul></li>
						<li class="dropdown-submenu"><a href="#"><i
								class="icon-dropbox"></i> Dropbox</a>
							<ul class="dropdown-menu">
								<li><a class="action-upload-dropbox" href="#"
									title="Export the current file to Dropbox and synchonize it">Export
										to Dropbox</a></li>
                                <li><a class="action-download-dropbox" href="#"
                                    title="Import an existing file from Dropbox and synchonize it">Import
                                        from Dropbox</a></li>
							</ul></li>
						<li><a href="#"
							title="Change the current file synchronized locations"
							data-toggle="modal" data-target="#modal-manage-sync"><i
								class="icon-refresh"></i> Manage synchronization</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>
						<li><a href="#" data-toggle="modal"
							data-target="#modal-about"><i class="icon-question-sign"></i>
								About</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"> </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 hide"></textarea>
	<div class="ui-layout-east hide"></div>
	<div class="ui-layout-south hide"></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</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> This will not remove the file on
				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-download-gdrive" class="modal hide">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">&times;</button>
			<h3>Import</h3>
		</div>
		<div class="modal-body">
			<p>Please provide a Google Drive file ID:
			</p>
			<p><input type="text" class="border span6 gdrive-fileid" placeholder="File ID"></input></p>
		</div>
		<div class="modal-footer">
			<a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#"
				class="btn btn-primary action-download-gdrive" data-dismiss="modal">OK</a>
		</div>
	</div>

	<div id="modal-manage-sync" class="modal hide">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">&times;</button>
			<h3>Synchronization</h3>
		</div>
		<div class="modal-body">
			<div id="manage-sync-list">
				<p class="msg-sync-list hide">"<span class="file-title"></span>"
					is synchronized with these locations:
				</p>
			</div>
			<br class="msg-sync-list hide" />
			<p class="msg-sync-list hide muted"><b>NOTE:</b> Removing a
				synchronized location will not delete any file.</p>
			<p class="msg-no-sync hide">"<span class="file-title"></span>" is
				not synchronized.
			</p>
			<p class="msg-no-sync hide muted"><b>NOTE:</b> You can add
				synchronized locations using the top-right menu.</p>
		</div>
		<div class="modal-footer">
			<a href="#" class="btn btn-primary" data-dismiss="modal">Close</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>

	<div id="modal-about" class="modal hide">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal"
				aria-hidden="true">&times;</button>
			<img src="img/stackedit-promo.png" />
		</div>
		<div class="modal-body">
			<dl>
				<dt>About:</dt>
				<dd>
					<a href="https://github.com/benweet/stackedit/">GitHub page</a>
				</dd>
				<dd>
					<a
						href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg">Chrome
						app</a>
				</dd>
				<dd>
					<a href="https://twitter.com/stackedit/">Follow on Twitter</a>
				</dd>
				<dd>
					<a href="https://twitter.com/stackedit/">Follow on Google+</a>
				</dd>
			</dl>
			<dl>
				<dt>Developer:</dt>
				<dd>
					<a href="http://www.benoitschweblin.com">Benoit Schweblin</a>
				<dd>
			</dl>
			<dl>
				<dt>Credits:</dt>
				<dd>
					<a href="http://jquery.com/">jQuery</a>
				</dd>
				<dd>
					<a href="http://twitter.github.com/bootstrap/">Bootstrap</a>
				</dd>
				<dd>
					<a href="http://requirejs.org/">RequireJS</a>
				</dd>
				<dd>
					<a href="https://code.google.com/p/pagedown/">PageDown</a>
				</dd>
				<dd>
					<a href="http://layout.jquery-dev.net/">UI Layout</a>
				</dd>
				<dd>
					<a href="https://github.com/stanlemon/jGrowl/">jGrowl</a>
				</dd>
			</dl>
			<p>Copyright 2013 <a href="http://www.benoitschweblin.com">Benoit
					Schweblin</a><br /> Licensed under an <a
				href="http://www.apache.org/licenses/LICENSE-2.0">Apache License</a></p>
		</div>
		<div class="modal-footer">
			<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
		</div>
	</div>
</body>
</html>