<!DOCTYPE html>
<html>
	<head>
		<title>notes</title>
		<meta name="theme-color" content="white" />
	    <meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="manifest" href="manifest.json" />
 		<link rel="icon" type="image/x-icon" href="favicon.ico">
	    <link rel="stylesheet" type="text/css" href="style.css">
	</head>

	<body onload="init()" onkeydown="mainkeydownhandler()" onresize="resize()" onstorage="loadstorage()">
		<script src="libs/showdown.min.js"></script>
		<script src="libs/vis-network.min.js"></script>
		<script src="libs/openpgp.min.js"></script>
		<script src="libs/jszip.min.js"></script>
		<script src="libs/FileSaver.js"></script>
		<script src="main.js"></script>

		<div id="networkpage" hidden>
			<div id="network"></div>
		</div>

		<div id="searchdialog" oninput="applyfilter()" hidden>
			<div>
				<input id="filter" placeholder="search..." autocomplete="off"></input>
			</div>
			<div id="filteredlist" hidden></div>
		</div>

		<div id="notepage">

			<div id="unsavedmark" hidden>•</div>

			<div id="topbar" onclick="ontopbarclick()">
				<input id="title" onchange="ontitlechange()" hidden/>
			</div>

			<div id="notecontent">
			    <textarea id="md" spellcheck="false" oninput="editorinput()" onkeydown="editorkeydown()" onclick="clickeditor()"></textarea>
			    <div hidden id="colored"></div>
			    <div hidden id="preview"></div>
			</div>
		</div>

	</body>
</html>