src/html/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Markdown notes
</title>
<link rel="stylesheet" href="../css/bootstrap-lumen.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../../dist/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"></link>
<link rel="stylesheet" href="../../dist/font-awesome/css/font-awesome.css"></link>
<link rel="stylesheet" href="../../dist/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css"></link>
<script>
// Plugins/Modules
window.$ = window.jQuery = require('jquery');
// Custom loads
var _appConfig = require(__dirname + '/../../config.js');
</script>
<script type="text/javascript" src="../../dist/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="../../dist/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="../browser/index.js"></script>
</head>
<body class="main">
<section class="col-md-2">
<button type="button" id="btnAddNotebook" class="btn btn-default">
<span class="glyphicon glyphicon-plus"></span>
New notebook
</button>
<div class="container-fluid notebook-container">
<ul id="1_lstNotebooks" class="form-horizontal">
</ul>
</div>
</section>
<section class="col-md-10">
<div role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" id="1_openTab">
</ul>
<!-- Tab panes -->
<div class="tab-content" id="1_openTabContainer">
</div>
</div>
</section>
<div class="dropdown app-menu app-shortcut">
<button class="btn btn-default" id="globalAppMenu" data-toggle="dropdown">
<span class="glyphicon glyphicon-menu-hamburger"></span>
</button>
<ul class="dropdown-menu" aria-labeledby="globalAppMenu">
<li><a href="#" id="1_btnSettings">Settings</a></li>
<li><a href="#" id="1_btnShortcutHelp">Shortcuts</a></li>
<li><a href="#" id="1_btnAboutUs">About</a></li>
<li role="separator" class="divider"></li>
<li><a href="#" id="1_btnExitApp">Exit</a></li>
</ul>
</div>
<div class="clearfix"></div>
<footer class="footer">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
<div class="pull-left text-left" id="timeSpend_1">
</div>
<div class="pull-right text-right" id="notesCompleted_1">
</div>
</div>
</div>
</div>
</footer>
<!-- Loading the dialogs -->
</body>
</html>