trilium/templates/app.html

79 lines
No EOL
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Notecase web app</title>
</head>
<body>
<div id="top" style="text-align: center;">
&nbsp;
<span id="top-message"></span>
</div>
<div style="margin-left: auto; margin-right: auto; width: 1000px">
<div style="width: 200px; float: left;">
<button type="button" class="btn" onclick="createNewTopLevelNote()">Create new note</button>
<div id="tree">
</div>
</div>
<div style="width: 750px; float: left; margin-left: 20px;">
<div style="float: right;">
<form action="logout" method="POST">
<input type="submit" class="btn btn-sm" value="Logout">
</form>
</div>
<div style="float: left;">
<input type="text" autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0; width: 100%;">
</div>
<div style="clear: both; height: 0"></div>
<div id="noteDetail">
<p>This prototype version supports basic editing, including some formatting (bold, italic, strike-through, underscore), images (just paste it into editor) and links. To edit the note, just click on title or content and you can directly modify it. Changes are saved immediatelly.</p>
<p>You can work with the tree using following keyboard shortcuts:</p>
<ul>
<li>insert - create new note on current tree level</li>
<li>shift + insert - create new sub-note</li>
<li>delete - delete current note (and it's sub-notes)</li>
<li>shift + up - move current note up in the current tree level</li>
<li>shift + down - move current note down in the current tree level</li>
<li>shift + left - move current note up in the tree hierarchy</li>
<li>shift + right - move current note down in the tree hierarchy</li>
</ul>
</div>
</div>
</div>
<script src="static/lib/jquery.js"></script>
<script src="static/lib/jqueryui/jquery-ui.js"></script>
<!-- Include Fancytree skin and library -->
<link href="static/lib/fancytree/skin-win8/ui.fancytree.css" rel="stylesheet">
<script src="static/lib/fancytree/jquery.fancytree-all.js"></script>
<link href="static/lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="static/lib/bootstrap/js/bootstrap.js"></script>
<link href="static/lib/summernote/summernote.css" rel="stylesheet">
<script src="static/lib/summernote/summernote.js"></script>
<script src="static/lib/jquery.hotkeys.js"></script>
<script src="static/lib/jquery.fancytree.hotkeys.js"></script>
<link href="static/style.css" rel="stylesheet">
<script type="text/javascript">
const baseUrl = '';
</script>
<script src="static/js/tree.js"></script>
<script src="static/js/note.js"></script>
<script src="static/js/notecase2html.js"></script>
<script src="static/js/html2notecase.js"></script>
<script src="static/js/utils.js"></script>
</body>
</html>