Stackedit/index.html
2013-03-31 15:23:27 +01:00

169 lines
6.7 KiB
HTML

<!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">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/jgrowl.css" rel="stylesheet" media="screen">
<link href="css/main.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="js/config.custo.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jgrowl.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/main.js"></script>
<script type="text/javascript" src="js/async-runner.js"></script>
<script type="text/javascript" src="js/gdrive.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" 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-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><a class="action-upload-gdrive" href="#"
title="Save the current file on Google Drive and synchonize it"><i
class="icon-gdrive"></i> Synchronize on Google Drive</a></li>
<li><a href="#"
title="Change the current file synchronized locations"
data-toggle="modal" data-target="#modal-manage-sync"
class="action-refresh-manage-sync"><i
class="icon-resize-small"></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>
</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"></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 removed on the
local machine, not 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-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>
</body>
</html>