Cursorless HTML cheatsheet follow-up work

[pokey]

• [ ] #843
• [x] Figure out how to dump to file and then open in browser from VSCode
• [ ] Fav icon
• [x] #648
• [x] #636
• [ ] #478
• [ ] #459
• [ ] #456
• [ ] #460
• [ ] #465
• [ ] #599
• [x] New simple modifiers from #672
• [ ] Add sponsor button
• [ ] Set title using helmet
• [ ] Output ngrok command?
• [ ] Indicate which spoken forms are not default
• [x] Dark mode
• [x] Highlight section using colored border when its anchor is in the url
• [x] Hide empty sections
• [ ] Add local search box that filters results https://github.com/krisk/Fuse
• [ ] Add settings box
  • [ ] Beginner mode #458
  • [ ] Non-coder mode #663
  • [ ] Sorting options, eg alphabetical vs functional
  • [ ] Dark mode
• [ ] Add pencil next to each section heading that opens the given csv in VSCode. Do so by registering Cursorless URI handler. Then either try using a VSCode API open function of some sort, if it will focus the correct window. If not, spawn a subshell and call code <file>. For security purposes, probably don't want to just trust the file from the API; instead probably have set of files that are given from Talon and kept in global VSCode storage?
  • Probably simpler to just have a voice command that they can use, and show how to use it in the info box, or maybe pencil could just pop up a little hint saying the voice command to change that csv. Voice command could even be active all the time. Voice command would just run code <file> in a shell.
  • Question: will they always have code cli?
• [ ] Make each <T>, <P>, etc link to the item in the legend. Would do this by using a regex to split each description, ensuring that the regex handles <T>, <T1>, T, and T1
  • [ ] Also ensure that the legend item is highlighted when you follow a link to it (ie its id is in the url)
• [ ] Add hover-activated label above <T>, <P>, etc using info from legend
• [ ] Add voice commands for everything in the cheatsheet, including closing the tab
  • [ ] Add a box with info about these voice commands
• [ ] Add cursorless hats to all links in cheatsheet
• [ ] Switch colours and shapes to use the actual colour and shape
• [ ] Auto-hide all but a few from each section and add ...more button at the bottom of each
  • [ ] And add something to settings box to disable auto-hide
• [ ] Add link icon next to each section heading so can be linked to
• [ ] Switch to curly quotes
• [ ] Remove <> from placeholders
• [ ] Make placeholders more obviously placeholders, eg inline box with rounded corners and background or bold coloured text or something
• [ ] Use full words for placeholders, eg <modifier> instead of <M>
• [ ] Add "target T" instead of just "T" in Meaning
• [ ] Add little question mark next to section headings linking to section in docs
• [ ] Have separate "Actions" and "Complex actions" section, the former containing the actions that have single target and no formatters / pairs / whatever; hte latter containing everything else
  • [ ] Remove T from everything in simple actions section
  • [ ] subheading on Actions saying that it requires target?
• [ ] Figure out tree-shaking / bundle size using eg https://bundle-buddy.com/
• [ ] Make sub-section of modifiers for scope-based modifiers (eg "<scope>", "next <scope>")