Rework success stories page.

docs/en/about/success.md

@@ -6,130 +6,143 @@ Have you designed your own app? Would you like to see it below? Submit your app
 
 <div class="success-story" markdown="1">
 
-## ![Travel Tips icon](../images/success_stories/travel_tips/travel_tips_logo.webp){ .success-story-icon } [Travel Tips](https://apps.apple.com/au/app/travel-tips/id1336372310)
+## ![Travel Tips icon](../images/success_stories/travel_tips/travel_tips_logo.webp){ .success-story-icon } [Travel Tips](https://github.com/freakboy3742/traveltips)
 
 <div class="success-story-content" markdown="1">
 
 [![Travel Tips iPad screenshot](../images/success_stories/travel_tips/travel_tips_ipad_screenshot.webp)](../images/success_stories/travel_tips/travel_tips_ipad_screenshot.webp){ .success-story-screenshot }
 
-**Platform:** iOS
+**Platform:** [iOS](https://apps.apple.com/app/id1336372310), [Android](https://play.google.com/store/apps/details?id=com.keith_magee.traveltips)
 
-App Store app that uses Toga to define its user interface.
+A combination currency conversion tool and tip calculator. Travel Tips uses Toga to define its user interface, and is built using Briefcase.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![Eddington icon](../images/success_stories/eddington/eddington_logo.webp){ .success-story-icon } [Eddington](https://github.com/EddLabs/eddington-gui)
+## ![Juno icon](../images/success_stories/juno/juno.png){ .success-story-icon } [Juno](https://apps.apple.com/app/id1462586500)
 
 <div class="success-story-content" markdown="1">
 
-Data fitting tool based on Toga and Briefcase.
+**Platform:** [iOS](https://apps.apple.com/app/id1462586500)
+
+Juno is a Python IDE for iPhone and iPad that ships Rubicon ObjC so users can access UIKit and the rest of the Objective-C runtime from Python.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![taRpnCalcTG icon](../images/success_stories/taRpnCalcTG/taRpnCalcTG_logo.webp){ .success-story-icon } [taRpnCalcTG](https://www.tanapro.ch/joomla3/index.php/downloads)
+## ![ChariotGazer icon](../images/success_stories/chariotGazer/chariot_gazer_logo.ico){ .success-story-icon } [ChariotGazer](https://insanesharpness.gitlab.io/ChariotGazer/)
 
 <div class="success-story-content" markdown="1">
 
-**Platforms:** Android, Windows, macOS
+**Platforms:** [Android](https://play.google.com/store/apps/details?id=com.insanesharpness.chariotgazer), [Windows](https://apps.microsoft.com/detail/9n0g1z4wssvd)
 
-Extensible calculator with Python scripting support.
+Provides detailed information about UK registered vehicles.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![pyPlayground icon](../images/success_stories/pyPlayground/pyPlayground_logo.webp){ .success-story-icon } [pyPlayground](https://www.tanapro.ch/joomla3/index.php/downloads)
+## ![Patent Toolkit icon](../images/success_stories/patent_toolkit/patent_toolkit_logo.webp){ .success-story-icon } [Patent Toolkit](https://patenttk.com)
 
 <div class="success-story-content" markdown="1">
 
-**Platforms:** Android, Windows
+**Platforms:** [Windows](https://patenttk.com/go/microsoft-store), [macOS](https://patenttk.com/go/mac-app-store)
 
-App for experimenting with Toga without setting up the full development tooling.
+Suite of productivity tools for patent professionals.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![taAppLister icon](../images/success_stories/taAppLister/taAppLister_logo.webp){ .success-story-icon } [taAppLister](https://play.google.com/store/apps/details?id=ch.tanapro.taapplister)
+## ![Easy Media Server icon](../images/success_stories/easy_media_server/easy_media_server_logo.webp){ .success-story-icon } [Easy Media Server](https://apps.rsmail.co/easy-media-server)
 
 <div class="success-story-content" markdown="1">
 
-**Platform:** Android
+**Platform:** macOS
 
-App for listing and exporting installed apps.
+DLNA media server for streaming content to devices such as Smart TVs.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## [RemoteCommand](https://www.tanapro.ch/joomla3/index.php/downloads)
+## ![Beanquick icon](../images/success_stories/beanquick/beanquick_logo.webp){ .success-story-icon } [Beanquick](https://twobitsware.com/beanquick)
 
 <div class="success-story-content" markdown="1">
 
-**Platforms:** Windows, macOS
+**Platform:** [macOS](https://apps.apple.com/us/app/beanquick/id6748978029)
 
-App for clipboard synchronization between desktop systems.
+Fast desktop app for double-entry bookkeeping.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![ChariotGazer icon](../images/success_stories/chariotGazer/chariot_gazer_logo.ico){ .success-story-icon } [ChariotGazer](https://insanesharpness.gitlab.io/ChariotGazer/)
+## ![Eddington icon](../images/success_stories/eddington/eddington_logo.webp){ .success-story-icon } [Eddington](https://github.com/EddLabs/eddington-gui)
 
 <div class="success-story-content" markdown="1">
 
-**Platforms:** Android, Windows
+Data fitting tool based on Toga and Briefcase.
 
-Provides detailed information about UK registered vehicles.
+</div>
+</div>
+
+<div class="success-story" markdown="1">
+
+## ![taRpnCalcTG icon](../images/success_stories/taRpnCalcTG/taRpnCalcTG_logo.webp){ .success-story-icon } [taRpnCalcTG](https://www.tanapro.ch/joomla3/index.php/downloads)
+
+<div class="success-story-content" markdown="1">
+
+**Platforms:** Android, Windows, macOS
+
+Extensible calculator with Python scripting support.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![Patent Toolkit icon](../images/success_stories/patent_toolkit/patent_toolkit_logo.webp){ .success-story-icon } [Patent Toolkit](https://patenttk.com)
+## ![pyPlayground icon](../images/success_stories/pyPlayground/pyPlayground_logo.webp){ .success-story-icon } [pyPlayground](https://www.tanapro.ch/joomla3/index.php/downloads)
 
 <div class="success-story-content" markdown="1">
 
-**Platforms:** Windows, macOS
+**Platforms:** Android, Windows
 
-Suite of productivity tools for patent professionals.
+App for experimenting with Toga without setting up the full development tooling.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![Easy Media Server icon](../images/success_stories/easy_media_server/easy_media_server_logo.webp){ .success-story-icon } [Easy Media Server](https://apps.rsmail.co/easy-media-server)
+## ![taAppLister icon](../images/success_stories/taAppLister/taAppLister_logo.webp){ .success-story-icon } [taAppLister](https://play.google.com/store/apps/details?id=ch.tanapro.taapplister)
 
 <div class="success-story-content" markdown="1">
 
-**Platform:** macOS
+**Platform:** Android
 
-DLNA media server for streaming content to devices such as Smart TVs.
+App for listing and exporting installed apps.
 
 </div>
 </div>
 
 <div class="success-story" markdown="1">
 
-## ![Beanquick icon](../images/success_stories/beanquick/beanquick_logo.webp){ .success-story-icon } [Beanquick](https://twobitsware.com/beanquick)
+## [RemoteCommand](https://www.tanapro.ch/joomla3/index.php/downloads)
 
 <div class="success-story-content" markdown="1">
 
-**Platform:** macOS
+**Platforms:** Windows, macOS
 
-Fast desktop app for double-entry bookkeeping.
+App for clipboard synchronization between desktop systems.
 
 </div>
 </div>

docs/en/stylesheets/beeware.css

@@ -653,8 +653,8 @@ h1 .news {
 
 .success-story-screenshot img {
     width: 5rem;
-    float: left;
-    margin-right: 2rem;
+    float: right;
+    margin-left: 2rem;
 }
 
 .success-story {

docs/spelling_wordlist

@@ -294,6 +294,7 @@ triaging
 Trolltech
 tvOS
 UI
+UIKit
 UIs
 unapologetically
 Unital