diff --git a/docusaurus.config.js b/docusaurus.config.js index 17c3c7fdd..02d43618e 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -57,6 +57,51 @@ module.exports = { className: 'header-slack-link', 'aria-label': 'Slack Channel', }, + { + type: 'dropdown', + label: 'More from SUSE', + position: 'right', + items: [ + { + href: 'https://www.rancher.com', + label: 'Rancher', + className: 'navbar__icon navbar__rancher', + }, + { + type: 'html', + value: '
', + }, + { + href: 'https://epinio.io/', + label: 'Epinio', + className: 'navbar__icon navbar__epinio', + }, + { + href: 'https://harvesterhci.io', + label: 'Harvester', + className: 'navbar__icon navbar__harvester', + }, + { + href: 'https://opni.io', + label: 'Opni', + className: 'navbar__icon navbar__opni', + }, + { + href: 'https://rancherdesktop.io', + label: 'Rancher Desktop', + className: 'navbar__icon navbar__rd', + }, + { + type: 'html', + value: '
', + }, + { + href: 'https://opensource.suse.com', + label: 'More Projects...', + className: 'navbar__icon navbar__suse', + }, + ] + } ], }, footer: { diff --git a/src/css/custom.css b/src/css/custom.css index 0ddc33c3b..921b79d24 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -6,6 +6,9 @@ */ /* Import fonts. */ +/* CSS for SUSE projects icons */ +@import "icon_dropdown.css"; + /* poppins */ @font-face { font-family: 'Work Sans'; diff --git a/src/css/icon_dropdown.css b/src/css/icon_dropdown.css new file mode 100644 index 000000000..966482b87 --- /dev/null +++ b/src/css/icon_dropdown.css @@ -0,0 +1,65 @@ +.navbar__icon { + font-family: poppins,sans-serif; + font-size: 16px; + } + + .navbar__icon:before { + content: ""; + display: inline-flex; + height: 20px; + width: 20px; + margin-right: 4px; + background-color: var(--ifm-navbar-link-color); + } + + .navbar__rancher:before { + mask: url(/static/img/header/icon-rancher-mask.png) no-repeat 100% 100%; + mask-size: contain; + width: 35px; + background-color: #2e68e9; + } + + .navbar__epinio:before { + mask: url(/static/img/header/icon-epinio-mask.png) no-repeat 100% 100%; + mask-size: cover; + width: 35px; + height: 22px; + padding-bottom: 7px; + background-color: #004d93; + } + + .navbar__harvester:before { + mask: url(/static/img/header/icon-harvester-mask.png) no-repeat 100% 100%; + mask-size: cover; + width: 35px; + height: 22px; + padding-bottom: 7px; + background-color: #00a580; + } + + .navbar__opni:before { + mask: url(/static/img/header/icon-opni-mask.png) no-repeat 100% 100%; + mask-size: cover; + width: 35px; + height: 22px; + padding-bottom: 7px; + background-color: #A453B9; + } + + .navbar__rd:before { + mask: url(/static/img/header/icon-rd-mask.png) no-repeat 100% 100%; + mask-size: cover; + width: 35px; + height: 22px; + padding-bottom: 7px; + background-color: #0081be; + } + + .navbar__suse:before { + mask: url(/static/img/header/icon-suse-mask.png) no-repeat 100% 100%; + mask-size: cover; + width: 35px; + height: 13px; + padding-bottom: 7px; + background-color: #30ba78; + } \ No newline at end of file diff --git a/static/img/header/icon-epinio-mask.png b/static/img/header/icon-epinio-mask.png new file mode 100644 index 000000000..40c5168d1 Binary files /dev/null and b/static/img/header/icon-epinio-mask.png differ diff --git a/static/img/header/icon-harvester-mask.png b/static/img/header/icon-harvester-mask.png new file mode 100644 index 000000000..f68687062 Binary files /dev/null and b/static/img/header/icon-harvester-mask.png differ diff --git a/static/img/header/icon-opni-mask.png b/static/img/header/icon-opni-mask.png new file mode 100644 index 000000000..adc634580 Binary files /dev/null and b/static/img/header/icon-opni-mask.png differ diff --git a/static/img/header/icon-rancher-mask.png b/static/img/header/icon-rancher-mask.png new file mode 100644 index 000000000..d2832cee2 Binary files /dev/null and b/static/img/header/icon-rancher-mask.png differ diff --git a/static/img/header/icon-rd-mask.png b/static/img/header/icon-rd-mask.png new file mode 100644 index 000000000..2a204e899 Binary files /dev/null and b/static/img/header/icon-rd-mask.png differ diff --git a/static/img/header/icon-suse-mask.png b/static/img/header/icon-suse-mask.png new file mode 100644 index 000000000..3d06203a7 Binary files /dev/null and b/static/img/header/icon-suse-mask.png differ