Localize images

Specifically, the screenshot on the home page.

@eighthave mentioned that we can setup Fastlane support in F-Droid client. This would result in the ability to run an android emulator test, which opens up the app in various languages and auto generates screenshots.

If that was to be done, then we could manually copy the relevant screenshots to fdroid-website, or hotlink directly to the repository with its screenshots. Alternatively, we could manually create the screenshots ourself in the fdroid-website project.

The key takeaway is that we wont be leaving this to Weblate like we do for other translations, because that is not supported by Weblate.

It might be nice to have a script like so, which can be run during CI:

$ ./tools/check-localized-images.sh

The following languages are using the default English screenshot on the homepage:

 * French
 * German

Please follow the these steps to create the relevant screenshots
...
...

added bazaar label

We definitely want to use a tool like Fastlane Supply for this, not some manual script. I can't see a way where our custom code would do this better or easier than Fastlane Supply. Since I'm already halfway there with Fastlane, I'm happy to take this on.

assigned to @eighthave

changed milestone to %launch-localized

added localization label

Ok, I have these generated, but I don't know how to do the CSS to display them. I separated the frame from the screenshot, so we can change the frame easily, and have the screenshot part generated. It seems easy to combine those then in CSS, but I suck at CSS.

Here are images to try:

You can find all the screenshots in https://gitlab.com/eighthave/fdroid-website/commit/173ae004e54f466d8050860bda7100152a1faf7f

I have this working now in my localize-homepage-screenshot branch. Doing so makes me really notice that the QR code is in a weird place though, obscuring:

• Nearby
• Updates
• Search
• Settings

I have to move it somewhere else because the screenshots look really lackluster in response.

Perhaps we should change the layout a bit to put the download button and QR Code on the side of the phone:

Then it would be easy to make a bigger QR code, which makes for an easier target:

Yes, I was thinking much the same. I'll go ahead and implement this in a simple manner, then we can tweak it later if need be.

mentioned in merge request !105 (merged)

closed via merge request !105 (merged)