godotengine / godot-website

The code for the official Godot Engine website. A static site built using Jekyll.
https://godotengine.org
MIT License
300 stars 148 forks source link

Add a download page for preview builds #640

Closed YuriSizov closed 1 year ago

YuriSizov commented 1 year ago

This PR adds a dedicated download page for all on-going version previews (snapshots, betas, RCs). This allows us to make the builds "official" ahead of (or instead of) publishing complete release notes. This new page is not persistent, though, and just like normal download pages it updates with every change to the version list.

To make this work (and to lay some ground work for the future "All version downloads" page to replace TuxFamily) I made everything data-driven, using versions.yml as well as a couple of other data files. The setup is rather complex, but content management should be trivial now, thanks to those files and to the custom plugin that generates correct URLs for any known version.

Existing download pages have been updated to use the new plugin and data files as well. So please test them for regressions.


Here's how the new page looks like:

image

A video overview https://github.com/godotengine/godot-website/assets/11782833/c28e9900-9464-46ef-a740-21de06322a6a

I also changed the bottom of the downloads page to rework the awkward GitHub blurb and to add a link to the new page.

chrome_2023-05-16_14-57-45


One small change that may require follow-up tuning is related to the download names. The top buttons are unaffected, but the lists of downloads are. I had to standardize some descriptors, and as a result "Standard" is no longer a counterpart of ".NET". It's just a descriptor, and ".NET" is added on top of that.

So new download link texts read "Platform - Standard" and "Platform - .NET - Standard". This is probably not ideal, but it's the best option I have for now. Perhaps in the future this will stop being an issue once we merge the editors.

Before After

coppolaemilio commented 1 year ago

There are some visual aspects of it that I would like to address as well:

Cards like this one, we usually round the corners, here they are square and it clashes with the rest of the pages. image

This section should be either centered or made into a two column layout, and I would remove the gap between it and the footer: image

These two are a bit similar in terms of messaging. I would make the link that goes to the article to say something like "Read more". I also think that both links could be in the bottom section, like Read More View complete changelog With something like a button style for the Read More, and just text for the changelog one. image

YuriSizov commented 1 year ago

Cards like this one, we usually round the corners, here they are square and it clashes with the rest of the pages.

We only recently started to round corners, before it was all mostly squared. And it's still squared on the community and events pages. I actually followed the events page here. But I can change it, if you want. Which radius should I use, do you have an element in mind that I can reference?

This section should be either centered or made into a two column layout

You mean I should also center the title? Just like on the features page? I thought about it, with "Need a stable version?" as a title probably.

YuriSizov commented 1 year ago

Okay, I made some changes.

chrome_2023-05-16_22-14-02 chrome_2023-05-16_22-14-14 chrome_2023-05-16_22-14-22

coppolaemilio commented 1 year ago

Thanks!