HyperScope Mockups
Layout and Controls
This is an HTML mockup for Phase 1 of the HyperScope development. If done properly, these mockups can be used as the basis for the actual HyperScope UI.
The blue bar above is the toolbar. There are two pulldown menus there, one for jumping and one for viewspecs.
This area is the document viewing area. Purple numbers -- when turned on -- are displayed on the right-hand margin. There are some controls embedded here as well. When you hover over a node, controls will appear in the left margin. These are viewspec shortcuts.
To Do
Layout toolbar correctly and keep it on the page at all times.
Turn off bullets from these list items. Done
Display purple numbers.
Implement hover controls.
Implement pull-down dialog boxes in the toolbar.
Implement keyboard shortcut hovering.