Minor UX things to address

[fredhohman]

On submission:

• [x] toc on mobile should be full width (grid layout update)
• [x] Make "reset" on your draw it use figcaption styles
• [x] sliders on boids bleeding horizontal on mobile
• [x] click to toggle between video length is weird on mobile because no autoplay? solution: separate logic for mobile view to only show long video in player UI, need to add muted and playsInline attributes to all <video>
  • Note: added the video attributes so autoplay now works on mobile. @mathisonian can you play with it on mobile to see if tapping controls (which then toggles new video) is still weird? it still feels a little off to me.
• [ ] no author in bibtex shows empty period on hover tooltip (Distill template problem, our PR/fix: https://github.com/distillpub/template/pull/123)

Extra polish:

• [x] visual toc design
• [x] text details graphic: try (1) padding on slider button to make hit target bigger for mobile, if that doesn't work then (2) convert slider to 3 buttons on mobile
• [x] horse main graphic on mobile bleeding on right edge
  • Note: @mathisonian this appears to be something with the grid-column but I cant figure out what is happening since this works on iPhone X mobile screen but not iPhone SE size.
• [x] add event handler to entire image of machine generated people so mobile users can tap off after selecting callout
  • Note: added this but have to test on device since it worked in Chrome mobile view
• [x] example table break "Publication or (author)" into 2 lines and drop parentheses
• [x] you draw y-axis label font size should be bigger and match x-axis label size
• [x] in prompting self reflection, under you draw figure, did we leave a video there? looks to be an empty div that has line break on desktop and weirdness on mobile
• [x] equation buttons should always be left and right (stacking on smaller mobile screens)
• [x] stacked parametric images on mobile, or add a 4th image?
• [x] standardize venue/publication names (e.g., the or The New York Times), check on Distill style for if these should be italicized or not
• [x] parametric reference in bibtex+table should have author as "Parametric Press" and article title should be "Issue 01: Science + Society"
• [x] italicize publication names

[fredhohman]

Also: https://github.com/fredhohman/post--communicating-with-interactive-articles/commit/e6a7d819f23785e4752b4985d28580f48c83de15

[mathisonian]

Alright, I've checked the major remaining boxes (TOC styles and bib bug still remaining). For the videos I just took off autoplay and made it so clicking play on mobile will always give the full video. While the teasers are nice, I think the UX weirdness combined with the heavy usage of bandwidth made it seem more reasonable to go with this simplified approach for mobile