diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index ae6ceb470..6040ea15f 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -199,7 +199,7 @@ module.exports = { }, { href: 'https://opencollective.com/verdaccio', - label: 'Sponsor us', + label: 'Sponsor Us', position: 'right', }, { @@ -226,13 +226,13 @@ module.exports = { href: 'https://github.com/verdaccio/verdaccio', position: 'right', className: 'header-github-link', - 'aria-label': 'GitHub repository', + 'aria-label': 'GitHub Repository', }, { href: 'https://bsky.app/profile/verdaccio.org', position: 'right', className: 'header-bluesky-link', - 'aria-label': 'Follow us at Bluesky', + 'aria-label': 'Follow Us on Bluesky', }, ], }, @@ -272,11 +272,8 @@ module.exports = { href: 'https://discord.gg/7qWJxBf', }, { - html: ` - - Blyesky - - `, + label: 'Bluesky', + href: 'https://bsky.app/profile/verdaccio.org', }, ], }, @@ -291,10 +288,6 @@ module.exports = { label: 'GitHub', href: 'https://github.com/verdaccio/verdaccio', }, - { - label: 'Bluesky', - href: 'https://bsky.app/profile/verdaccio.org', - }, { html: ` @@ -305,7 +298,7 @@ module.exports = { ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} Verdaccio community. Built with Docusaurus.`, + copyright: `Copyright © ${new Date().getFullYear()} Verdaccio Community. Built with Docusaurus.`, }, colorMode: { defaultMode: 'light', diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss index dfe901ffe..14341fca5 100644 --- a/website/src/css/custom.scss +++ b/website/src/css/custom.scss @@ -60,26 +60,23 @@ div[role='banner'] { width: 24px; height: 24px; display: flex; - background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") - no-repeat; + background: url('/img/header/github.svg') no-repeat; } -.header-mastodon-link:hover { +.header-bluesky-link:hover { opacity: 0.6; } -.header-mastodon-link:before { +.header-bluesky-link:before { content: ''; width: 24px; height: 24px; display: flex; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MS4wNzY5NTRtbSIgaGVpZ2h0PSI2NS40NzgzMW1tIiB2aWV3Qm94PSIwIDAgMjE2LjQxNDQgMjMyLjAwOTc2Ij4KICA8cGF0aCBmaWxsPSIjMmI5MGQ5IiBkPSJNMjExLjgwNzM0IDEzOS4wODc1Yy0zLjE4MTI1IDE2LjM2NjI1LTI4LjQ5MjUgMzQuMjc3NS01Ny41NjI1IDM3Ljc0ODc1LTE1LjE1ODc1IDEuODA4NzUtMzAuMDgzNzUgMy40NzEyNS00NS45OTg3NSAyLjc0MTI1LTI2LjAyNzUtMS4xOTI1LTQ2LjU2NS02LjIxMjUtNDYuNTY1LTYuMjEyNSAwIDIuNTMzNzUuMTU2MjUgNC45NDYyNS40Njg3NSA3LjIwMjUgMy4zODM3NSAyNS42ODYyNSAyNS40NyAyNy4yMjUgNDYuMzkxMjUgMjcuOTQyNSAyMS4xMTYyNS43MjI1IDM5LjkxODc1LTUuMjA2MjUgMzkuOTE4NzUtNS4yMDYyNWwuODY3NSAxOS4wOXMtMTQuNzcgNy45MzEyNS00MS4wODEyNSA5LjM5Yy0xNC41MDg3NS43OTc1LTMyLjUyMzc1LS4zNjUtNTMuNTA2MjUtNS45MTg3NUM5LjIzMjM0IDIxMy44MiAxLjQwNjA5IDE2NS4zMTEyNS4yMDg1OSAxMTYuMDkxMjVjLS4zNjUtMTQuNjEzNzUtLjE0LTI4LjM5Mzc1LS4xNC0zOS45MTg3NSAwLTUwLjMzIDMyLjk3NjI1LTY1LjA4MjUgMzIuOTc2MjUtNjUuMDgyNUM0OS42NzIzNCAzLjQ1Mzc1IDc4LjIwMzU5LjI0MjUgMTA3Ljg2NDg0IDBoLjcyODc1YzI5LjY2MTI1LjI0MjUgNTguMjExMjUgMy40NTM3NSA3NC44Mzc1IDExLjA5IDAgMCAzMi45NzUgMTQuNzUyNSAzMi45NzUgNjUuMDgyNSAwIDAgLjQxMzc1IDM3LjEzMzc1LTQuNTk4NzUgNjIuOTE1Ii8+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3Ny41MDk4NCA4MC4wNzd2NjAuOTQxMjVoLTI0LjE0Mzc1di01OS4xNWMwLTEyLjQ2ODc1LTUuMjQ2MjUtMTguNzk3NS0xNS43NC0xOC43OTc1LTExLjYwMjUgMC0xNy40MTc1IDcuNTA3NS0xNy40MTc1IDIyLjM1MjV2MzIuMzc2MjVIOTYuMjA3MzRWODUuNDIzMjVjMC0xNC44NDUtNS44MTYyNS0yMi4zNTI1LTE3LjQxODc1LTIyLjM1MjUtMTAuNDkzNzUgMC0xNS43NCA2LjMyODc1LTE1Ljc0IDE4Ljc5NzV2NTkuMTVIMzguOTA0ODRWODAuMDc3YzAtMTIuNDU1IDMuMTcxMjUtMjIuMzUyNSA5LjU0MTI1LTI5LjY3NSA2LjU2ODc1LTcuMzIyNSAxNS4xNzEyNS0xMS4wNzYyNSAyNS44NS0xMS4wNzYyNSAxMi4zNTUgMCAyMS43MTEyNSA0Ljc0ODc1IDI3Ljg5NzUgMTQuMjQ3NWw2LjAxMzc1IDEwLjA4MTI1IDYuMDE1LTEwLjA4MTI1YzYuMTg1LTkuNDk4NzUgMTUuNTQxMjUtMTQuMjQ3NSAyNy44OTc1LTE0LjI0NzUgMTAuNjc3NSAwIDE5LjI4IDMuNzUzNzUgMjUuODUgMTEuMDc2MjUgNi4zNjg3NSA3LjMyMjUgOS41NCAxNy4yMiA5LjU0IDI5LjY3NSIvPgo8L3N2Zz4K); + background-image: url('/img/header/bluesky.svg'); background-size: contain; background-repeat: no-repeat; } - - ::-moz-selection { color: var(--selection-color); background: var(--verdaccio-color); @@ -143,6 +140,6 @@ html[data-theme='dark'] { } .specialButton { - background-color:#ffd700; - color: #1595de; + background-color: #ffd700; + color: #1595de; } diff --git a/website/static/img/header/bluesky.svg b/website/static/img/header/bluesky.svg new file mode 100644 index 000000000..aac10ab3c --- /dev/null +++ b/website/static/img/header/bluesky.svg @@ -0,0 +1,4 @@ + + + + diff --git a/website/static/img/header/github.svg b/website/static/img/header/github.svg new file mode 100644 index 000000000..92adec979 --- /dev/null +++ b/website/static/img/header/github.svg @@ -0,0 +1 @@ + \ No newline at end of file