{{define "head"}}
	<script src="/static/note.js"></script>
	<title>Notepad</title>

	<meta name="viewport" content="interactive-widget=resizes-content"> <!-- https://stackoverflow.com/q/76026292 -->
{{end}}

<form id="form" method="post">
	<input type="hidden" name="csrf-token" value="{{.CSRFToken}}">
	<div class="save-indicator-container">
		<div id="save-indicator-wrapper">
			{{block "saveIndicator" ""}}
				<span id="save-indicator">{{.}}</span>
			{{end}}
		</div>
		<noscript><input type="submit" value="Save"></noscript>
	</div>
	<div class="content-container">
		<textarea id="content" name="content" oninput="autosave()" autofocus>
			{{- .Content -}}
		</textarea>
	</div>
</form>