Menu:

click on the - button to bring down the columns menu. Click outside the buttons and it pulls back up.

Columns menu:
Clicking on a white menu-entry makes it active. Clicking on a red one switches it off.

From left to right:

1. Map: collapsible list page. Mainly for the Iliad. The Odyssey has a rudimentary map, the Hesiod texts none (yet).
   Pages: three-way switch: showing the sitemap or the latest page chosen or none. The Apollo and the Chimaera icons on top cycle back and forward between the chosen pages (like the browsers back and forward buttons).
2. Il - Od - Theo - W+D  lets you switch between resp. Iliad, Odyssey, Hesiod's Theogony and Works & Days. You can select only one at a time.
3. Greek ⇔ Trans gives 2 columns: one with the Greek version of the chosen text, the other with the English translation. Either, both or none can be visible. The double arrow switches between them. If you want the incoming text to be at the same place, click the linenumber.
4. comment - help. Toggles one of those pages, or none. themes on the map marked with a lighter-blue, encircled line number link to items with the same name on the comment page (only if that page is visible). If the marks have not appeared, reload the page by clicking on 'explanation' until they show again.

Click/tap on a linenumber in the Greek or translation text, both textcolumns will scroll to that linenr. Holding it more than 1 sec. selects it. If you select a linenumber, clicking on the "+" at the bottom of the collapsible list, will open up the list and scroll to that linenr. On mobile this does not work (workaround: select the linenr, then tap the text. This will make it work).
Click/tap a linenumber in the text of one of the "pages" and the greek and/or translation texts will scroll there. Click on a lighter-blue, encircled linenumber in the map and the explanation page (if visible) will scroll to that item.

Click/tap on the "Thematic Structure" header to switch to a page with a proportional view of the structure (block size proportional to number of textlines). Click again on the header to go back.

Column resize:

On the right side of the displayed columns, except the rightmost one, a whitish line shows up on mouse hover. You can drag this line left or right and the column widths will be resized accordingly.
On tablets you cannot change the size of the columns.
If you change the number of columns, width is reset to default.

The Collapsible list

Expand/collapse all at once with the large + and - at the bottom. Click/tap-hold these to expand or collapse completely. Exp/col one item by clicking to the right of the text part (it shows '+' if it can expand, '-' if it can collapse). Here also, hold > 1 sec. to expand or collapse the section completely.
Click the text part part to scroll both Greek and English texts to the start linenumber of the theme. The color of the linenumbers belonging to the part you clicked, will toggle to its corresponding color.
If a linenumber (in the list) is lighter-blue and encircled, clicking it scrolls the comment-column (if this column is visible on screen) to that item.
Holding down the mousebutton > 1 sec. on a linenumber scrolls it to the top, and lets that item be the top in subsequent expansions of the list. Hold down again on the same or on the root item ("The Iliad"), and the root item becomes the top. This feature does not work on tablets.

Tools menu:

1. Fontsize sets the fontsize. All sizes on the pages depend on this, so the effect is of a zoom in/out. You can also use browser-zoom of course (ctrl + or -), but fontsize will be remembered on your next visit.
2. auto: if checked, the fontsize is determined automatically, proportional to the width of the browser-window.
3. Delete all bookmarks: bm's for all texts & translations are deleted.
4. Show only selection: toggle the display: bookmarked lines only - all lines. This only works for the Iliad & Odyssey Greek text.
5. Show notes: display the notepad.
6. Show alphabet: show a little popup with the correspondences between Latin alphabet and Greek letters, for typing. If your page is displaying 'Archaic Greek font' (menu), this screen will show that font.
7. Reset all: wipes all remembered settings and notes, reloads all pages, displays the page like a first visit. If something goes wrong that a page refresh will not cure, try this.
8. Whodunnit: acknowledgements, and my e-mail address.
9. clear colors: reset the color of the linenumbers in the texts
10. Editor: An editor for the structure-tree. For now, useful only for the webmaster.
11. Archaic Greek: change the font of the Greek text to an Archaic font, lose the spacing and the punctuation and print it boustrophedon. This changes direction every hexameter, starting right to left. Of the Iliad or Odyssey, only the book which is currently showing is converted. If the conversion is active, the "show alphabet" menu item will give a chart of the archaic alphabet.

search box and Lookup menu:
On PC's:
Mouse-select a word or a linenumber in the Greek or English text, it appears in the search box.
On touch screens:
Select a word by tap-holding it. Then you can adjust the selection. Tap it again to make it appear in the search box.
It can also be typed in. For Greek use betacode (see below) or a Greek keyboard. Depending on its language and content, 'Lookup' will then give you the option of :

• going to that linenumber in the corresponding text, in this page or in the Perseus database. If you type in a linenumber, it has the following format: (square brackets means optional) [text][language][chapter.]linenumber where text is one of: il od th wd (upper or lowercase), language is: ' ' (space) for Greek, ':' (colon) for English, chapter is a number 1-24 plus a dot or a corresponding Greek or Latin letter, linenumber is a number. The optional parts default to current text, language or chapter. Example: il 1.300 (chapter 1, line 300 of the Greek Iliad) or OD:A300 (chapter 1, line 300 of the Odyssey translation) or WD 300 (line 300 of the Gr. text of W&D) or 300 (line 300 of the currently showing chapter & text. (WD and Theogony don't have chapter nrs).
  The 'language' char only has effect if no text is showing, otherwise the language(s) of the current text will be loaded.
  If you menu-select 'english' or 'greek' you will be taken to the corresponding text in the Perseus database.
• searching for that piece of text in the corresponding poem here, or a word in the Perseus database. If you search here, all lines (of the currently showing poem) containing that text will be bookmarked and will show up in the bookmark selector. Max. 500 bookmarks. English searches are case-sensitive. If you select 'word study' you will be taken to the corresponding entry in the Perseus database's word study / dictionary section. Perseus word-searches are case-insensitive and diacritics are optional.

  Using Regular Expressions

  Regex patterns can be used for searching in the Greek text. The syntax is the same as in Javascript (enter only the pattern, not the "/"), a short tutorial here, but I need to mention a few things:
  1. It works only in Greek, with or without diacritics. English searches are literal, case-sensitive.
  2. Because some special characters used in javascript regexes are the same as in betacode, these cannot be inserted in the pattern before the conversion to Greek letters. This concerns the characters / \ * + ( ) | these can only be inserted if the pattern is already in Greek.
  3. The text that is being searched, is HTML. This contains no newlines, no start-of-line and no end-of-line. If you want the first word of a hexameter, precede the word by two spaces, like " μῆνιν". If you want the final word of a hexameter, append 2 spaces to it (like "Ἀχιλῆος ". If punctuation may interfere, use \W?, so to search for "Ἀχαιούς" at the end of a hexameter, use "Ἀχαιούς\W? "
  4. An example: search for 'Dios noös' in several forms with possibly a word in between (\s stands for space, \w stands for any letter): (διος|ζηνος)\s?(\w)*\s?νοο(σ|ν)
  Try it and see what is found.

Betacode:

Clicking on the grey beta-sign in the search box switches the text from Latin alphabet to Greek and v.v. See the 'alphabet' menu item for the correspondences.
The Greek texts here are in Unicode 'Extended Greek', which is polytonic Greek, while for instance Perseus works with 'betacode', an ascii-only lowercase-only transcription of the Greek alphabet. To perform lookups (here or in Perseus), the unicode is translated into betacode with or without diacritics.
For searching with accents, f.i. 'ἄλλα' or 'ἀλλὰ', enter 'a)/lla' resp. 'a)lla\' and click the beta-button. If you are searching with diacritics, all the marks and capitals must be correct or the word will not be found. Searching without diacritical marks ignores all of these and, for instance, finds both forms of αλλα.
If you doubleclick (or doubletap) on the β-button, the diacritical marks and uppercase are discarded in the transformation.
Doubleclicking the search box itself will clear it.
NB the betacode uses lowercase-letters only (we use the Perseus-dialect of betacode). 
In this order:
* precedes a letter to be capitalized. If it is used, all the accents except '|' precede the letter, otherwise they follow it.
) smooth breathing, ( rough breathing
/ acute accent, \ grave accent, = circumflex
+ diaeresis
| iota subscriptum (always follows the letter)
The choice between 'σ' and 'ς' is made automatically.
Untranslatable characters are kept as they are, illegal combinations rarely produce errors, they give undefined results (garbage in, garbage out). Not all possible legal betacode-combinations have been implemented or tested, but enough to do the Perseus Hesiod and Homer texts without errors.

Bookmark menu:

If you click on a line (the text part) without selecting anything, that linenumber will be bookmarked (click again to unmark it): its linenumber becomes red and it shows up in the bookmark selector. Bookmarks are saved in the 'page state' so they show up again on the next visit. (actually, the linenr. of the theme turns red and is bookmarked. Only when you do a word search, the resulting bookmarks are the real linenumbers.

< > : goto previous/next bookmark in current text

∅ : clear bookmarks for this text only

⇓ : Save the list of bookmarks into the notepad (so it can be locally saved).

⇑ : Load a list of linenumbers from the notepad into the bookmarks. It has to have the same format as the saved list.

Notepad:

Enter any text into the notepad, it will be saved to browser storage and reloaded on startup automatically. There are 5 buttons:
clear will clear the notepad, without saving it.
beta will convert to and from Greek alphabet, just as in the searchbox. Either the selected text or, if there is no selection, the whole contents of the notepad.
goto will try to interpret selected text as a bookmark and load/scroll the text columns accordingly.
send will let you send the text as e-mail.
load/save produces a menu with save: enter a name into the filename box, clicking 'save' will send it to your default download directory, and load: click to select a text-only file on your computer and upload it. It will replace any text present in the pad.
If the notepad is visible, selecting in the textcolumns (and then clicking the selection, in some browsers) enters it in the notepad as well as in the searchbox.
Resize the pad on the bottom-right corner (not tablets).

Usage

CTRL-C,X,V work as usual as on Windows.

On some browsers (e.g. Chrome), the whole page can be made into a 'web-app'. Also on mobile. This has the advantage that it saves bandwidth and the page can be used offline. Look for 'install' or 'save to desktop' in your browser menu.

bugs: If the page doesn't load right try refreshing the page or menu-item 'reset all'. If it does not help, mail me.

You need an up-to-date browser for things to work. That excludes Internet Explorer.