diff --git a/static/shortcuts.js b/static/shortcuts.js
new file mode 100644
index 0000000..012bcb1
--- /dev/null
+++ b/static/shortcuts.js
@@ -0,0 +1,94 @@
+const $ = document.querySelector.bind(document);
+const $$ = document.querySelectorAll.bind(document);
+
+function keyEventToShortcut(event) {
+ let elideShift = event.key.toUpperCase() === event.key && event.shiftKey;
+ return (event.ctrlKey ? 'Ctrl+' : '') +
+ (event.altKey ? 'Alt+' : '') +
+ (event.metaKey ? 'Meta+' : '') +
+ (!elideShift && event.shiftKey ? 'Shift+' : '') +
+ event.key;
+}
+
+function isTextField(element) {
+ let name = element.nodeName.toLowerCase();
+ return name === 'textarea' ||
+ name === 'select' ||
+ (name === 'input' && !['submit', 'reset', 'checkbox', 'radio'].includes(element.type)) ||
+ element.isContentEditable;
+}
+
+class ShortcutHandler {
+ constructor(element, filter = () => {}) {
+ this.element = element;
+ this.map = {};
+ this.active = this.map;
+ this.filter = filter;
+ this.timeout = null;
+
+ this.handleKeyDown = this.handleKeyDown.bind(this);
+ this.resetActive = this.resetActive.bind(this);
+ this.addEventListeners();
+ }
+
+ addEventListeners() {
+ this.element.addEventListener('keydown', this.handleKeyDown);
+ }
+
+ add(text, action) {
+ let shortcuts = text.split(',').map(shortcut => shortcut.trim().split(' '));
+
+ for (let shortcut of shortcuts) {
+ let node = this.map;
+ for (let key of shortcut) {
+ if (!node[key]) {
+ node[key] = {};
+ }
+ node = node[key];
+ if (node.action) {
+ delete node.action;
+ }
+ }
+
+ node.action = action;
+ }
+ }
+
+ handleKeyDown(event) {
+ if (event.defaultPrevented) return;
+ if (['Control', 'Alt', 'Shift', 'Meta'].includes(event.key)) return;
+ if (!this.filter(event)) return;
+
+ let shortcut = keyEventToShortcut(event);
+
+ if (!this.active[shortcut]) {
+ this.resetActive();
+ return;
+ }
+
+ this.active = this.active[shortcut];
+ if (this.active.action) {
+ this.active.action(event);
+ this.resetActive();
+ return;
+ }
+
+ if (this.timeout) clearTimeout(this.timeout);
+ this.timeout = window.setTimeout(this.resetActive, 1500);
+ }
+
+ resetActive() {
+ this.active = this.map;
+ if (this.timeout) {
+ clearTimeout(this.timeout)
+ this.timeout = null;
+ }
+ }
+}
+
+let notFormField = event => !(event.target instanceof Node && isTextField(event.target));
+let globalShortcuts = new ShortcutHandler(document, notFormField);
+
+globalShortcuts.add('p', () => alert('hello p'));
+globalShortcuts.add('h', () => alert('hi h!'));
+globalShortcuts.add('g h', () => alert('hi g h!!!'));
\ No newline at end of file
diff --git a/views/stuff.qtpl b/views/stuff.qtpl
index f3af9e1..0e75d94 100644
--- a/views/stuff.qtpl
+++ b/views/stuff.qtpl
@@ -12,7 +12,8 @@
{%s title %}
-
+
+
{% for _, el := range headElements %}{%s= el %}{% endfor %}
diff --git a/views/stuff.qtpl.go b/views/stuff.qtpl.go
index 8ab0478..5a255bb 100644
--- a/views/stuff.qtpl.go
+++ b/views/stuff.qtpl.go
@@ -47,15 +47,16 @@ func StreamBaseHTML(qw422016 *qt422016.Writer, title, body string, u *user.User,
//line views/stuff.qtpl:13
qw422016.N().S(`
-
+
+
`)
-//line views/stuff.qtpl:16
+//line views/stuff.qtpl:17
for _, el := range headElements {
-//line views/stuff.qtpl:16
+//line views/stuff.qtpl:17
qw422016.N().S(el)
-//line views/stuff.qtpl:16
+//line views/stuff.qtpl:17
}
-//line views/stuff.qtpl:16
+//line views/stuff.qtpl:17
qw422016.N().S(`
@@ -63,81 +64,81 @@ func StreamBaseHTML(qw422016 *qt422016.Writer, title, body string, u *user.User,
`)
-//line views/stuff.qtpl:29
+//line views/stuff.qtpl:30
qw422016.N().S(body)
-//line views/stuff.qtpl:29
+//line views/stuff.qtpl:30
qw422016.N().S(`
`)
-//line views/stuff.qtpl:30
+//line views/stuff.qtpl:31
streamomnipresentScripts(qw422016)
-//line views/stuff.qtpl:30
+//line views/stuff.qtpl:31
qw422016.N().S(`