Update README screenshots

[yp05327]

@lunny @techknowlogick
Wait for the update of https://dl.gitea.com/screenshots
Can you move all old screenshots into https://dl.gitea.com/screenshots/old ?
Then run the action to upload new screenshots to https://dl.gitea.com/screenshots

Follow #33149.
As I mentioned here: #33149 (comment), the prepare process is almost finished.
The backend technical is using newly added workflow_dispatch feature for Gitea Action to take the screenshots automatically.
Then we can easily sync the screenshots to the latest version without annoying manual work.
Get more information from https://gitea.com/gitea/deployment

[silverwind]

Can you show one example screenshot? Just want to verify they are in sufficient resolution etc.

[lunny]

Can you show one example screenshot? Just want to verify they are in sufficient resolution etc.

I believe all the screenshots have been added in https://dl.gitea.com/screenshots/2025/ .

[silverwind]

I see, they look good.

[silverwind]

The new layout in markdown may be quite vertical (I'm not sure because preview is not working yet).

If it is one image per line, consider putting the images aside each other by removing the newlines.

[hiifong]

I think it would be better to control the presentation of the screenshot through the img tag in HTML.

[silverwind]

Up to you whether you do it in markdown or HTML. Benefit with HTML is you can specify width:

<div>
   <img width="200">
   <img width="200">
   <img width="200">
   <img width="200">
</div>

[yp05327]

Up to you whether you do it in markdown or HTML. Benefit with HTML is you can specify width:

Users may have different resolutions, if the width is a const, it may be too small or too big?
Then use css to fix this issue? Then readme may include may html codes?
This is my thought about this.

[silverwind]

Users may have different resolutions, if the width is a const, it may be too small or too big?

Resultion of the thumnails will be greatly sufficient, I'd say put 2-4 per line.

Then use css to fix this issue? Then readme may include may html codes?

Markdown does not allow CSS. Only a limited set of HTML attributes work.

Ideally I'd wrap each screenshot in a link, e.g. <a><img></a>.