diff options
| -rw-r--r-- | app.js | 11 | ||||
| -rw-r--r-- | css/style.css | 14 |
2 files changed, 24 insertions, 1 deletions
@@ -67,13 +67,22 @@ function route (keys) { } keys().then(key => { + var search = h('input', {placeholder: 'Search', classList: 'search'}) + var navbar = h('div', {classList: 'navbar'}, [ h('div', {classList: 'internal'}, [ h('li', [h('a', {href: '#'}, ['Home'])]), h('li', [h('a', {href: '#' + key.publicKey}, [getName(key.publicKey, keys)])]), h('li', [h('a', {href: '#key'}, ['Key'])]), h('li', [h('a', {href: '#pubs'}, ['Pubs'])]), - h('li', {classList: 'right'}, [h('a', {href: 'http://git.sr.ht/~ev/bogbook'}, ['Git'])]) + h('li', {classList: 'right'}, [h('a', {href: 'http://git.sr.ht/~ev/bogbook'}, ['Git'])]), + h('form', { classList: 'search', + onsubmit: function (e) { + window.location.hash = '?' + search.value + e.preventDefault() + }}, + [search] + ) ]) ]) document.body.appendChild(navbar) diff --git a/css/style.css b/css/style.css index 24d30be..08b02ea 100644 --- a/css/style.css +++ b/css/style.css @@ -166,6 +166,20 @@ textarea { list-style-type: none; } +form.search, input.search { + width: 100px; + float: right; + margin: 0; + padding: 0; + color: #f5f5f5; + background: #444; + border-radius: 3px; +} + +form.search { + margin-top: .3em; +} + .navbar li.right { padding-left: .4em; padding-right: .4em; |