Update GitHub link [ci skip]

website/package-lock.json

@@ -15069,6 +15069,11 @@
                 "parse-url": "^5.0.0"
             }
         },
+        "github-buttons": {
+            "version": "2.14.2",
+            "resolved": "https://registry.npmjs.org/github-buttons/-/github-buttons-2.14.2.tgz",
+            "integrity": "sha512-DMakrcFRdojVAndkKYVDTHF3Ym09OoWia//IQ7B/MVxC+iQ2DenYfD7IR69ZZ9awM8PNS/9wthr4IyDhkFJ4mg=="
+        },
         "github-from-package": {
             "version": "0.0.0",
             "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
@@ -22693,6 +22698,14 @@
             "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-3.0.0.tgz",
             "integrity": "sha512-XzgvowFrwDo6TWcpJ/WTiarb9UI6lhA4PMzS7n1joK3sHfBBBOQHUc0U4u57D6DWO9vHv6lVSWx2Q/Ymfyv4hw=="
         },
+        "react-github-btn": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/react-github-btn/-/react-github-btn-1.2.0.tgz",
+            "integrity": "sha512-/b2TGTeek5Ky+KtuP5BxOaXgb1FGhbwgZNI6rkwkGk7+xtCtsNMkdchOcCnC3qU1JGTWPKzYZWpPBIouVhXAoQ==",
+            "requires": {
+                "github-buttons": "^2.8.0"
+            }
+        },
         "react-helmet": {
             "version": "5.2.0",
             "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-5.2.0.tgz",

website/package.json

@@ -49,6 +49,7 @@
         "prop-types": "^15.7.2",
         "react": "^16.8.2",
         "react-dom": "^16.8.2",
+        "react-github-btn": "^1.2.0",
         "react-helmet": "^5.2.0",
         "react-intersection-observer": "^8.0.1",
         "remark-react": "^5.0.1"

website/src/components/navigation.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
+import GitHubButton from 'react-github-btn'
 
 import Link from './link'
 import Icon from './icon'
@@ -61,10 +62,13 @@ export default function Navigation({ title, items = [], section, search, alert,
                             </li>
                         )
                     })}
-                    <li className={classes.item}>
-                        <Link to={github()} aria-label="GitHub" hidden>
-                            <Icon name="github" />
-                        </Link>
+                    <li className={classNames(classes.item, classes.github)}>
+                        <GitHubButton
+                            href={github()}
+                            data-size="large"
+                            data-show-count="true"
+                            aria-label="Star spaCy on GitHub"
+                        />
                     </li>
                 </ul>
                 {search && <div className={classes.search}>{search}</div>}

website/src/styles/navigation.module.sass

@@ -68,6 +68,14 @@
     height: 100%
     padding-right: 2rem
 
+.github
+    text-transform: initial
+    margin-top: 0.25rem
+    margin-left: 1.5em !important
+
+    & > span
+        min-width: 100px
+
 .dropdown
     --dropdown-text-color: var(--color-theme)
     font-family: var(--font-secondary)