Invisiclues-style hint page generator

Authoring Publishing
6

I’ve been pretty happy with posting hints here on the forum.

The forum is a particularly nice way to host these, because it’s immediately obvious how to reply to ask for help/clarification.

I’ve also hosted a few hints on Github pages, which is pretty convenient. https://dfabulich.github.io/infocom-hints-html/

If you wanted to add features to ClueGen, you might consider adding headers and tables of contents, like this: Invisiclues Hints for "A Mind Forever Voyaging"

You can see the code I used for this here: https://github.com/dfabulich/infocom-hints-html/blob/main/generate-html.mjs

At the top level, the table of contents links to only the h1 headers. At the top of each section, there are links to the headers of the next-level-down sections, and to the list of questions in the current section. (If there’s only one question in a section, e.g. “Sample Question,” it doesn’t need a table of contents.)

Also:

  • Better mobile layout e.g. <meta name="viewport">
  • Add support for screen readers. Right now in iOS VoiceOver, when you navigate to a hint, it simply reads the hint aloud. (You can see how I do it in my Infocom hints; the aria- attributes do the work.)
  • Were you intending the font to be sans-serif? Your CSS says font-family: sans which matches nothing on my machine; it renders as Times New Roman.
3 Likes