<!DOCTYPE html>
<html>
	<head>
		<title>notes</title>
		<meta name="theme-color" content="#FFFFFF" />
	    <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">

	   	<link rel="stylesheet" href="https://fonts.cdnfonts.com/css/inconsolata-2">
		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Droid+Serif" />
		<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'>
		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Josefin+Sans" />
	</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="main.js"></script>
		
		<div id="networkpage" hidden>
			<div id="network"></div>
		</div>

		<div id="authentpage" hidden>
			<div id="bigtitle">notes</div>
			<div>
				<input id="password" type="password" placeholder="pass phrase..." onkeydown="sendpassword()" onblur="sendpassword()" ></input>
			</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="topbar" onclick="ontopbarclick()">
				<input id="title" onchange="ontitlechange()" hidden/>
			</div>

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

	</body>
</html>