Add Geany-Themes gallery page to main website

[suntong]

Thanks for providing screenshots, but please add previews to them, so that people can see what they are without even install the whole theme package, because after all, it'll be only a single theme that most people will stick to, or at most one or two.

I can add such preview, if you welcome such PR.

[codebrainz]

I don't understand the difference between the screenshots and a preview. That was the idea of the screenshots, you could browse through them and get an idea of what each theme looks like.

[suntong]

Oh, thanks for the fast response. I know I can browse through them, but that's something I want to avoid.

I was thinking building a single page that people can preview all screenshots, without clicking through them one by one.

[codebrainz]

I agree, I think this was discussed a bit somewhere, at least I remember thinking about it. IMO this belongs on the main website, so I'll transfer it to that repository.

With the screenshots PNGs and the JSON index in the geany-themes repo, it should be easy enough to make a page on the main site which creates a themes gallery on-the-fly using JS or some server-side language.

[eht16]

Nice, this sounds like fun :).
I would implement server-side to avoid depending on JS unnecessarily.

[suntong]

I was indeed preparing to add preview to the screenshots folder for people to easily preview, I'll do it any way, because comparing to server-side implementation, my approach is super simple. I'll do it and post back...

Not objecting server-side implementation, just want to KISS, since such preview file list seldom needs update.

[suntong]

Done, please check out geany/geany-themes#30 and
https://github.com/suntong/geany-themes/tree/master/screenshots#darculapng

Please note that individual screenshot can be directly linked in url, e.g. I like
https://github.com/suntong/geany-themes/tree/master/screenshots#sleepy-pastelpng

and the title links to the individual screenshot as well, if someone prefer just to see one screenshot.

I'll explain how I did it next, it is semi-automatic, and again, super easy.

[suntong]

I'll explain how I did it next, it is semi-automatic, and again, super easy.

https://dev.to/suntong/generating-image-preview-easily-opj

and very easy to customize the result too.