Reformat Success Stories
This PR refactors the "Success Stories" page, converting the list of projects into a table to make the information more consistent and scannable. The new table includes columns for screenshots, platforms, and BeeWare components, providing a clearer and more informative overview of what can be built with Toga. Fixes #3596
PR Checklist: [x] All new features have been tested [x] All new features have been documented [x] I have read the CONTRIBUTING.md file [x] I will abide by the code of conduct
Thanks for the PR. This is definitely a step in the right direction. However, I'm not convinced the screenshots work at this size. I found myself wanting to click on the image to get more detail - and that clearly doesn't do anything.
My thought: Drop the current "screenshot" column; add a small (32x32?) icon to the name column where we have a clear icon (e.g., the icon from App Store registrations), and replace the "components" column with a new "screenshots" column that, instead of being a thumbnail, is a list of hyperlinks to an images (the tanapro apps, for example, provide multiple screenshots, demonstrating that they work on different platforms; the same is true of Travel Tips, which has iOS, iPad and Android screenshots.
Thank you for the suggestions. I tried to implement some of them. I still have the hyperlink part for the screenshots missing.
One option: it's possible to do a lightbox popup in pure CSS. We might need to do a little work to clean up the styling in that example, and to template it in a way so we can add screenshots easily - but it would be a nicer option than popping out to a separate page.
I will have a look at this next weekend, thank you for the patiente here @freakboy3742 , @HalfWhitt
Headsup as my unofficial 2 cents: Toga is now moved to MkDocs, so the syntax will likely need to be rewritten.