Tree expansion and keyboard navigation works

views/layouts/main.gotmpl

@@ -4,16 +4,6 @@
 		<meta charset="UTF-8">
 		<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
 		<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/main.css">
-		<script>
-			window._VERSION = "{{ .VERSION }}"
-
-			if (navigator.serviceWorker)
-				navigator.serviceWorker.register('/service_worker.js')
-		</script>
-		<script type="module" defer>
-			import { MessageBus } from '/js/{{ .VERSION }}/mbus.mjs'
-			window._mbus = new MessageBus()
-		</script>
 		<script type="importmap">
 		{
 			"imports": {
@@ -33,7 +23,8 @@
 				"checklist":  "/js/{{ .VERSION }}/checklist.mjs",
 				"crypto":     "/js/{{ .VERSION }}/crypto.mjs",
 				"node_store": "/js/{{ .VERSION }}/node_store.mjs",
-				"node":       "/js/{{ .VERSION }}/node.mjs"
+				"node":       "/js/{{ .VERSION }}/node.mjs",
+				"tree":       "/js/{{ .VERSION }}/tree.mjs"
 				{{/*
 				"session": "/js/{{ .VERSION }}/session.mjs",
 				"ws":      "/_js/{{ .VERSION }}/websocket.mjs"
@@ -41,6 +32,16 @@
 			}
 		}
 		</script>
+		<script>
+			window._VERSION = "{{ .VERSION }}"
+
+			if (navigator.serviceWorker)
+				navigator.serviceWorker.register('/service_worker.js')
+		</script>
+		<script type="module" defer>
+			import { MessageBus } from '/js/{{ .VERSION }}/mbus.mjs'
+			window._mbus = new MessageBus()
+		</script>
 		<script type="text/javascript" src="/js/{{ .VERSION }}/lib/sjcl.js"></script>
 		<script type="text/javascript" src="/js/{{ .VERSION }}/lib/node_modules/marked/marked.min.js"></script>
 		<script type="text/javascript" src="/js/{{ .VERSION }}/lib/fullcalendar.min.js"></script>

views/pages/notes2.gotmpl

@@ -1,4 +1,10 @@
 {{ define "page" }}
+<div id="tree"></div>
+<div id="crumbs">
+	<div class="crumbs">
+	</div>
+</div>
+
 <div id="notes2"></div>
 <link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/notes2.css">