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