Update how-to GIFs

[SteveMicroNova]

Move contents of docs/imgs/app_demos to docs/imgs/app_demos/old

Add new GIFs to docs/imgs/app_demos featuring webapp2

Replace all references to old GIFs with references to new GIFs

[SteveMicroNova]

There isn't a real way to test this I don't think, if it isn't sized properly we'll just have to use the gif resizer script I found while searching for all references to ".gif" in this repo

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (725ccf0) 51.52% compared to head (0f92f9f) 51.52%.

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop     #550   +/-   ##
========================================
  Coverage    51.52%   51.52%           
========================================
  Files           23       23           
  Lines         5624     5624           
========================================
  Hits          2898     2898           
  Misses        2726     2726           

Flag	Coverage Δ
unittests	51.52% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[rtertiaer]

I'd much prefer the old gifs simply get removed. They'll still be in the git history, but otherwise they serve no documentation purposes for the currently living version of the webapp - they only serve to take up logical and digital space.

wrt image sizes, all the old gifs are much much smaller - the largest is 1.3M, and the average is about 300K. we definitely need to aim for a similar size for these image; it's important for folks on less than stellar connections (think LTE modems) that these load quickly, and for example Google considers how responsive a website loads (ie how reasonable its images are sized) when recommending web content. Google recommends this resource for optimising images; I'd totally be game for moving to a nice embedded video format to keep these sizes small, especially since they're very well supported in 2023.

[SteveMicroNova]

Ready for review again
WEB_APP.md will need some special attention for wording/phrasing, this is getting more to the realm of writer editing rather than strictly programming review

[rtertiaer]

why's the "gif creation process" doc being deleted? it doesn't seem like there's a replacement document.

[SteveMicroNova]

why's the "gif creation process" doc being deleted? it doesn't seem like there's a replacement document.

Fixed

[rtertiaer]

One last thing; can you squash all these commits? otherwise we have these 10mb images hanging out in the git history, but they live for a commit or two, just serving to take up space and bloat our repo.

[linknum23]

I would like to suggest a better commit message than Squash... Maybe "Update Web interface how-to GIFs"?

The idea here is for the commit history to be useful, "Squash last 5 commits" does not describe what happened in the commit.

[linknum23]

This all looks great. I would suggest fixing a couple of the nitpicks but I think this documents the new interface well.

Dismissing because I believe the concerns have been accounted for and the outstanding "changes requested" is blocking merge post-approval