Hierarchical-reveal hypertext design

The new style of hypertext I'm exploring in the post "Button test" below is a partial blogger simulation of my planned Fweet-style Ulysses database I've been calling Uleet.

Since Blogger recently changed their rules for images to require https, I'm looking at going thru all 800 pages to find image substitutes.

I thought I might take the opportunity to try to:

1) streamline the page design

2) tag the note-types in anticipation of Uleet

I hadn't expected to be able to implement conceal-reveal buttons in Blogger, but a lot of that kind of stuff seems do-able if you know how.

The current design goals:

1) when you first load a page, you see almost-uninterrupted Joycean text. Linebreaks are freeform for readability, with subtle annotations-buttons at convenient points. (Delaney's embedded podcasts are also visible at this level.)

[at the moment, only the annotations-buttons after "stairhead" and "crossed" are implemented]

2) clicking an annotations-button opens up a summary-view of all annotations for that passage, one short line for each note, starting with a colored oval with emoji (itself the next level of reveal-button) followed by the note-type in CAPS and a short summary-title. (illustrations are visible at this level) The background colors of the ovals will probably categorise the note-types in some simpler way.

3) Clicking an oval button opens that note. These can include a lot more redundant links since their display is optional.

Serious readers will be expected to open every note, skimmers can ignore all but their primary interest.


Switching formats will be a huge task.  The html is ugly and verbose, and the note-types are messy and arbitrary.


The emoji symbols may or may not prove useful-- at least they're decorative.