Skip to content

Conversation

taylorsilva
Copy link
Member

@taylorsilva taylorsilva commented Jul 25, 2025

Changes proposed by this PR

Concourse initially shipped with 3 variants of fly, one for each OS. With the next release, Concourse will now ship with 5 variants of fly; arm64 variants for Linux and macOS.

This PR adds a new page to the web UI, accessible at /download-fly. This page contains a dropdown with all variants of fly that a user can download. Upon selecting a platform variant, a set of installation instructions is shown, along with a direct download link to fly.

This page replaces our previous "download fly" links, which were three icon links to the 3 OS-specific variants of fly.

I also took the opportunity to add a link to the Concourse docs to the footer.

Footer

Before
image

After
image

Welcome Card

Before
image

After
image

Pipeline Footer

Before
image

After
image

Download Page /download-fly

Initial view:
image

Linux Platform selected (macOS is the same):
image

Windows Platform selected. The instructions also configure the Windows PATH for the user:
image

Fly Platform Options

I chose x86_64 and arm64 as the cpu arch labels. I think most technical users will recognize those two cpu architecture labels. I chose x86_64 over amd64 because lexically "amd64" is looks similar to "arm64" and I wanted to avoid users clicking the wrong platform and wondering why they get exec format errors.
image

Moved the CSS for the links into a LESS file, simplifying the elm code.

Signed-off-by: Taylor Silva <dev@taydev.net>
and move around the order of the footer links

Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
the version was hard to read

Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
They now match the footer links for fly and docs on the dashboard page.

Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
the cluster name was floating up instead of being centered

Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
this is so we could show the full URL to download fly in the
instructions. Thank you goes to this SO answer that provided a working
example: https://stackoverflow.com/a/60609998

Another popular SO answer that came up was this one: https://stackoverflow.com/a/51664724
But it appears to not work as expected anymore. The ports method felt
more reliable.

Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
onFocus works when you click into the dropdown AND if you use tab to
select the dropdown, which I believe is what folks that use
accessability tools need.

Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
Signed-off-by: Taylor Silva <dev@taydev.net>
@taylorsilva taylorsilva requested a review from a team as a code owner July 25, 2025 22:52
@taylorsilva taylorsilva added this to the v7.14.0 milestone Jul 25, 2025
Signed-off-by: Taylor Silva <dev@taydev.net>
Copy link
Contributor

OSX intel vs Mac?

@taylorsilva
Copy link
Member Author

taylorsilva commented Jul 26, 2025

@analytically Are you talking about the naming of things in the dropdown? Not exactly sure what you mean by your statement or if you're suggesting a change...

results in a higher contrast between the background and text

Signed-off-by: Taylor Silva <dev@taydev.net>
@taylorsilva
Copy link
Member Author

I'm merging this now. Feel free to share any feedback here after I merge though. I'm happy to keep tweaking this page, though I think this current setup will be sufficient for everyone.

@taylorsilva taylorsilva merged commit 4946eb3 into master Jul 28, 2025
12 checks passed
@taylorsilva taylorsilva deleted the footer-links branch July 28, 2025 16:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants