{{ define "_import" }}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
<script src="https://cdn.jsdelivr.net/highlight.js/latest/highlight.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/highlight.js/latest/styles/github.min.css">

<link rel="stylesheet" href="https://unpkg.com/turretcss/dist/turretcss.min.css" crossorigin="anonymous">
<!-- todo css
<link rel="stylesheet" href="https://cdn.concisecss.com/concise.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css">
<link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
-->
<style>
	html, body {
		background-color: #f8f8f8;
	}
	.columns {
		display: flex;
		flex-direction: row;
	}
	.rows {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.thic_flex {
		text-align: left;
		flex-grow: 1;
	}
	.mia {
		display: none;
	}
	.align_left {
		text-align: left;
	}
	.tb_buffer {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.r_buffer {
		margin-right: 1em;
	}
	.l_buffer {
		margin-left: 1em;
	}
	.monospace {
		font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
	}
	.lil_btn {
		width: initial;
		display: inline-block;
	}
	input, label, textarea {
		margin: initial;
	}
	.fullscreen {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 5px;
		overflow: scroll;
	}
	.lr_fullscreen {
		width: 100%;
		/*max-width: 1024px;*/
		margin-right: auto;
		margin-left: auto;
	}
	.tb_fullscreen {
		height: 100%;
	}
	.button, button, input[type="button"] {
		height: auto;
	}
</style>
<script>
	function http(method, remote, callback, body, headers) {
		var xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState == XMLHttpRequest.DONE) {
				callback(xmlhttp.responseText, xmlhttp.status, (key) => xmlhttp.getResponseHeader(key))
			}
		};
		xmlhttp.open(method, remote, true);
		if (typeof body == "undefined") {
			body = null
		}
		if (headers) {
			for (var key in headers)
				xmlhttp.setRequestHeader(key, headers[key])
		}
		xmlhttp.send(body);
	}
	function generateUUID() { // Public Domain/MIT // https://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid
		var d = new Date().getTime();//Timestamp
		var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;//Time in microseconds since page-load or 0 if unsupported
		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
				var r = Math.random() * 16;//random number between 0 and 16
				if(d > 0){//Use timestamp until depleted
					r = (d + r)%16 | 0;
					d = Math.floor(d/16);
				} else {//Use microseconds since page-load if supported
					r = (d2 + r)%16 | 0;
					d2 = Math.floor(d2/16);
				}
				 return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
			}
		);
	}
</script>
{{ end }}