kubernetes / website

Kubernetes website and documentation repo:

Home Page:https://kubernetes.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

𝕏 (formerly, Twitter) icon not showing in website footer

ArvindParekh opened this issue Β· comments

This is a Feature Request

What would you like to be added

The k8s.io website footer doesn't have a link to its 𝕏 account (@kubernetesio), which is now maintained by the Kubernetes community alongside CNCF. I suggest we should add that.

image

Why is this needed

Comments

I guess I should add it to the left group. Let me know if there's any feedback.

/assign

Thank you for reporting this issue! It appears that there is already 𝕏 detail in the footer (as seen the HTML source below), but the icon isn't rendering.

<li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="" 
aria-label="X(Twitter)" data-original-title="X(Twitter)">
       <a class="text-white" target="_blank" href="https://twitter.com/kubernetesio">
            <i class="fab fa-x-twitter"></i>
        </a>
</li>

This looks like a bug.
/remove-kind feature

/retitle 𝕏 (formerly, Twitter) icon not showing in website footer
/kind bug
/area web-development

Previously, the old Twitter logo was rendering properly (refer to the v1.28 docs website (here)).

I think it's after our work involved to update to " 𝕏 " that the logo stopped rendering (refer to the commit 803bb6b where it was added). It could be that the version of Font Awesome being used by the current version of Docsy is outdated and doesn't include the new icon.

The footer 𝕏 icon details are pulled from hugo.toml (refer below).

website/hugo.toml

Lines 252 to 255 in 44669d5

name = "X(Twitter)"
url = "https://twitter.com/kubernetesio"
icon = "fab fa-x-twitter"
desc = "Follow us on X (formerly Twitter) to get the latest news!"

We should fix this issue in the footer.

/priority backlog
/triage accepted

fontawsome 4.7.0 doesn't include this icon, the rename only happened a short time ago.
Try search "x-twitter" on https://fontawesome.com/v4/icons/.

Oh got it! Thank you for explaining and providing the links @dipesh-rawat!

Try search "x-twitter" on https://fontawesome.com/v4/icons/.

I did, v4 does not include the X Twitter icon, even v5 doesn't have it, it was introduced in the latest version (v6) of fontAwesome.

It could be that the version of Font Awesome being used by the current version of Docsy is outdated and doesn't include the new icon.

I just checked the latest Docsy release, where they have bumped fontAwesome to the latest release version 6.5.2 (see #1925)

Which means, updating the icon name in hugo.toml (to fa-brands fa-x-twitter, which are the classnames for x-twitter in the latest release) should fix this issue, right?

fontawsome 6.5.2 includes x-twitter icon,
https://fontawesome.com/v6/search?q=twitter&o=r

@sftim and I were discussing this very topic this week. I checked FontAwesome too and couldn't distinguish the differences.