Update Home page to include main components and their GitHub Star count

[paravatha]

Feature request
On the https://www.kubeflow.org/ home page, add the below components image/logo with their Github repo link and the respective Github repo star count

• Kubeflow, https://github.com/kubeflow/kubeflow, 13.1k stars
• Pipelines, https://github.com/kubeflow/pipelines, 3.4k stars
• KServe, https://github.com/kserve/kserve, 2.6k stars
• Katib, https://github.com/kubeflow/katib, 1.4k stars
• Training Operator, https://github.com/kubeflow/training-operator, 1.4k stars

Something like this is done by Argo project for their components, reference https://argoproj.github.io/

[varodrig]

I'm not sure about this to be honest.
any thoughts from the community?
cc @kubeflow/kubeflow-steering-committee @kubeflow/wg-training-leads @kubeflow/wg-pipeline-leads @kubeflow/wg-notebooks-leads @kubeflow/wg-manifests-leads @kubeflow/release-team @kubeflow/wg-data-leads @kubeflow/wg-deployment-leads

[franciscojavierarceo]

I think this is great if someone wants to contribute it!

[varodrig]

/help

[google-oss-prow]

@varodrig:
This request has been marked as needing help from a contributor.

Please ensure the request meets the requirements listed here.

If this request no longer meets these requirements, the label can be removed
by commenting with the /remove-help command.

In response to this:

/help

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[andreyvelich]

/good-first-issue

[google-oss-prow]

@andreyvelich:
This request has been marked as suitable for new contributors.

Please ensure the request meets the requirements listed here.

If this request no longer meets these requirements, the label can be removed
by commenting with the /remove-good-first-issue command.

In response to this:

/good-first-issue

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[jaiakash]

Hi, I feel at least for KubeFlow we should have github star banner for sure. Something like this, I will improve the UI and attract new contributors.

But for individual components to have that banner, I am personally not very fan of that since these components come under the umbrella of Kubeflow MLF, while Argo's individual tools are a bit more independent from each other.

For distributions star's, we already have a related PR #3598

Feel free to suggest what you all think would be better.

[jaiakash]

Your thoughts on the above suggestion, @varodrig @andreyvelich ?

[andreyvelich]

I would prefer if we have star banner for every Kubeflow project, since all of them can be used as a standalone project.
Maybe we can add it to the homepage: https://www.kubeflow.org/

[jaiakash]

Hi, so I was kinda working on it to find which one suits better. I added shields icon, since it can be easily added to markdown.

[andreyvelich]

Looks amazing @jaiakash.
WDYT @thesuperzapper ?

[jaiakash]

For the main kubeflow repo, I added it in the navbar. Personally I feel for this navbar we should have a better design.
Something like this

Fork link: https://github.com/jaiakash/website/tree/github-stars

[thesuperzapper]

@andreyvelich I am ok with having the kubeflow/kubeflow stars at the top, but I think we need to format it a bit more consistently with the page, especially considering:

1. What it looks like on mobile (or with small horizontal screen)
2. What it might look like on the new dark mode (Add dark theme to website #3981)

---

However, I don't like the per-component start counts on the homepage for a few reasons:

1. it distracts from the card titles
2. it creates a bunch of new clickable links on the homepage
3. it is less clear what the intended "action" from these cards is
   • we should be trying to have people click through to the docs for the components they are interested in, not leave the website to GitHub

Instead, we could possibly include the star counts on the overview page on each component, instead of the homepage.

[thesuperzapper]

Also, there is a slight privacy (and website-reliability) concern with including the "shields" image (which is hosted by another service) on literally every page of the website.

[andreyvelich]

I think, it is less important to have stars for kubeflow/kubeflow, since this repo won't have any projects after: kubeflow/kubeflow#7549
However, for the individual components we should show it somewhere.
I like the Argo Docs, and how they show stars for Argo CD, Argo Workflows, etc: https://argoproj.github.io/cd/
Can we try to design similar for Kubeflow Projects ?
cc @kubeflow/kubeflow-steering-committee @franciscojavierarceo @juliusvonkohout

[terrytangyuan]

I have a slightly different opinion here. GitHub stars is a misleading metric and people often take it in the wrong way. Not a strong objection though.

If we do end up doing this, we should not include stars from kubeflow/kubeflow repo.

[jaiakash]

I agree with @thesuperzapper 's first point, We should have a star count for kubeflow/kubeflow on the main page while considering mobile and dark modes. But seeing kubeflow/kubeflow#7549, that option is sustainable only till the kubeflow/kubeflow is active.

For ques,

2. it creates a bunch of new clickable links on the homepage

• Nope, those Github start components are not clickable in themselves.

3. it is less clear what the intended "action" from these cards is. we should be trying to have people click through to the docs for the components they are interested in, not leave the website to GitHub

• Yeah, that is what is happening; if the user clicks on that, it redirects to the doc page of that component, not Github.

---

1. it distracts from the card titles
   Instead, we could include the star counts on the overview page on each component instead of the homepage.

Actually, I am looking to create a custom component that is more suited for the KubeFlow website's theme, covering both mobile view and dark mode.
But my doubt is how to add it to our current project, which is a hugo server serving static files.