From d08107df7995b740eb82367fe2c82e2c5b404e4d Mon Sep 17 00:00:00 2001
From: jcayouette <jcayouette@suse.com>
Date: Thu, 11 Sep 2025 10:59:21 +0200
Subject: [PATCH 1/3] testing new SUSE shared header

---
 Makefile.en                                   |  2 +-
 branding/default-ui/mlm/partials/toolbar.hbs  | 12 ---
 .../mlm/susecom-2025/css/site-extra.css       | 51 +++++++++-
 .../mlm/susecom-2025/js/language-switcher.js  |  0
 .../mlm/susecom-2025/layouts/404.hbs          | 11 +++
 .../mlm/susecom-2025/layouts/default.hbs      | 11 +++
 .../mlm/susecom-2025/partials/body.hbs        |  5 +
 .../mlm/susecom-2025/partials/breadcrumbs.hbs | 13 +++
 .../susecom-2025/partials/footer-scripts.hbs  |  2 +-
 .../mlm/susecom-2025/partials/head-meta.hbs   |  8 +-
 .../mlm/susecom-2025/partials/head.hbs        |  7 ++
 .../susecom-2025/partials/header-content.hbs  | 92 +------------------
 .../susecom-2025/partials/header-scripts.hbs  |  3 +
 .../mlm/susecom-2025/partials/toolbar.hbs     | 28 ++++++
 14 files changed, 138 insertions(+), 107 deletions(-)
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/js/language-switcher.js
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/layouts/404.hbs
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/layouts/default.hbs
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/partials/body.hbs
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/partials/breadcrumbs.hbs
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/partials/head.hbs
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/partials/header-scripts.hbs
 create mode 100644 branding/supplemental-ui/mlm/susecom-2025/partials/toolbar.hbs

diff --git a/Makefile.en b/Makefile.en
index 2fc9e17369b..b6da354d718 100644
--- a/Makefile.en
+++ b/Makefile.en
@@ -48,7 +48,7 @@ prepare-antora-mlm-en: copy-branding-en set-html-language-selector-mlm-en
 	cd $(current_dir)
 
 .PHONY: antora-mlm-en
-antora-mlm-en: configure-mlm-branding-dsc-en prepare-antora-mlm-en pdf-all-mlm-en pdf-tar-mlm-en
+antora-mlm-en: configure-mlm-branding-dsc-en prepare-antora-mlm-en p#df-all-mlm-en pdf-tar-mlm-en
 	$(call antora-mlm-function,translations/en,en)
 
 
diff --git a/branding/default-ui/mlm/partials/toolbar.hbs b/branding/default-ui/mlm/partials/toolbar.hbs
index 969e37dcc18..1aee8279a22 100644
--- a/branding/default-ui/mlm/partials/toolbar.hbs
+++ b/branding/default-ui/mlm/partials/toolbar.hbs
@@ -1,17 +1,5 @@
 <div class="toolbar" role="navigation">
   {{> nav-toggle}}
-
-  <a href="https://documentation.suse.com" class="home-link" title="Documentation.suse.com"></a>
-
-<a href="https://documentation.suse.com/multi-linux-manager/5.1/" class="library-link" title="SUSE Multi-Linux Manager Product Page">
-  <span class="library-text">SUSE Multi-Linux Manager 5.1  | </span>
-  <img class="library-icon" src="{{uiRootPath}}/img/library.svg" alt="Library" width="20" height="20">
-</a>
-
-{{!-- }}  <a href="https://documentation.suse.com/multi-linux-manager/5.1/" class="library-link" title="SUSE Multi-Linux Manager Product Page">
-    <img src="{{uiRootPath}}/img/library.svg" alt="Library" width="16" height="16">
-  </a> --}}
-
 {{> breadcrumbs}}
 {{> page-versions}}
 
diff --git a/branding/supplemental-ui/mlm/susecom-2025/css/site-extra.css b/branding/supplemental-ui/mlm/susecom-2025/css/site-extra.css
index b8ce69d8c8f..bb924865196 100644
--- a/branding/supplemental-ui/mlm/susecom-2025/css/site-extra.css
+++ b/branding/supplemental-ui/mlm/susecom-2025/css/site-extra.css
@@ -1287,4 +1287,53 @@ margin: .225rem;
   .breadcrumbs {
     display: block !important;
   }
-}
\ No newline at end of file
+}
+
+.toolbar {
+  background-color: #efefef;
+  /* Shared Header - start */
+  top: 6.9rem;
+  /* Shared Header - end */
+}
+
+body {
+  font-family: "SUSE", "Poppins", sans-serif;
+  word-break: keep-all;
+  /* Shared Header - start */
+  padding-top: 0;
+  /* Shared Header - end */
+}
+
+.toc .toc-menu a {
+  border-left: unset;
+}
+
+.home-link-dsc {
+    display: block;
+    height: 1.25rem;
+    width: 1.25rem;
+    margin: .625rem;
+}
+
+/* Shared Header - start */
+.nav {
+  top: 6.9rem;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  position: sticky;
+  height: calc(100vh - 6.9rem);
+}
+
+.toc.sidebar .toc-menu {
+  margin-right: .75rem;
+  position: sticky;
+  top: 9.4rem;
+}
+
+shared-header {
+  position: sticky;
+  top: 0;
+  z-index: 999;
+}
+
+/* Shared Header - end */
\ No newline at end of file
diff --git a/branding/supplemental-ui/mlm/susecom-2025/js/language-switcher.js b/branding/supplemental-ui/mlm/susecom-2025/js/language-switcher.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/branding/supplemental-ui/mlm/susecom-2025/layouts/404.hbs b/branding/supplemental-ui/mlm/susecom-2025/layouts/404.hbs
new file mode 100644
index 00000000000..c541451cb2d
--- /dev/null
+++ b/branding/supplemental-ui/mlm/susecom-2025/layouts/404.hbs
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+{{> head defaultPageTitle='Page Not Found'}}
+  </head>
+  <body class="status-404">
+{{> header}}
+{{> body}}
+{{> footer}}
+  </body>
+</html>
\ No newline at end of file
diff --git a/branding/supplemental-ui/mlm/susecom-2025/layouts/default.hbs b/branding/supplemental-ui/mlm/susecom-2025/layouts/default.hbs
new file mode 100644
index 00000000000..4040022f018
--- /dev/null
+++ b/branding/supplemental-ui/mlm/susecom-2025/layouts/default.hbs
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+{{> head defaultPageTitle='Untitled'}}
+  </head>
+  <body class="article{{#with (or page.attributes.role page.role)}} {{{this}}}{{/with}}">
+{{> header}}
+{{> body}}
+{{> footer}}
+  </body>
+</html>
\ No newline at end of file
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/body.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/body.hbs
new file mode 100644
index 00000000000..8fe96504b44
--- /dev/null
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/body.hbs
@@ -0,0 +1,5 @@
+<div class="body">
+{{> nav}}
+{{> main}}
+<script src="{{{uiRootPath}}}/js/language-switcher.js"></script>
+</div>
\ No newline at end of file
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/breadcrumbs.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/breadcrumbs.hbs
new file mode 100644
index 00000000000..ddef2793746
--- /dev/null
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/breadcrumbs.hbs
@@ -0,0 +1,13 @@
+<nav class="breadcrumbs" aria-label="breadcrumbs">
+<ul>
+    {{#if page.breadcrumbs.[0]}}
+      <li>
+        {{#if (and page.breadcrumbs.[0].url (eq page.breadcrumbs.[0].urlType 'internal'))}}
+          <a href="{{{relativize page.breadcrumbs.[0].url}}}">{{{page.breadcrumbs.[0].content}}}</a>
+        {{else}}
+          {{{page.breadcrumbs.[0].content}}}
+        {{/if}}
+      </li>
+    {{/if}}
+  </ul>
+</nav>
\ No newline at end of file
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/footer-scripts.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/footer-scripts.hbs
index 1addb9d1bc4..81885f64348 100644
--- a/branding/supplemental-ui/mlm/susecom-2025/partials/footer-scripts.hbs
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/footer-scripts.hbs
@@ -3,7 +3,7 @@
 {{#if env.SITE_SEARCH_PROVIDER}}
 {{> search-scripts}}
 {{/if}}
-<script src="{{uiRootPath}}/js/vendor/langSelection.js"></script>
+<!-- <script src="{{uiRootPath}}/js/vendor/langSelection.js"></script> -->
 <script async src="{{{uiRootPath}}}/js/vendor/tabs.js"></script>
 
 
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/head-meta.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/head-meta.hbs
index 7e223226ee9..19e556ebeba 100644
--- a/branding/supplemental-ui/mlm/susecom-2025/partials/head-meta.hbs
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/head-meta.hbs
@@ -14,11 +14,13 @@
 <a class="survey-link" href="https://suselinux.fra1.qualtrics.com/jfe/form/SV_bEiGZbUNzLD8Tcy"> Documentation survey
 </a>
 <script src="/docserv/res/lightheaded/analytics.js" type="text/javascript"></script>
+
 <script type="module">
-    import { defineCustomElements, setAssetPath } from 'https://static.scc.suse.com/shared-header/0.1.0/shared-header.bundle.js';
-    defineCustomElements();
-    setAssetPath("https://static.scc.suse.com/shared-header/0.1.0/assets");
+  import { defineCustomElements, setAssetPath } from 'https://d12w0ryu9hjsx8.cloudfront.net/shared-header/1.3/shared-header.esm.js';
+  defineCustomElements();
+  setAssetPath("https://d12w0ryu9hjsx8.cloudfront.net/shared-header/1.2/assets");
 </script>
+
 <link href="https://documentation.suse.com/multi-linux-manager/5.1/en{{page.url}}" rel="canonical"/>
 <link href="https://documentation.suse.com/multi-linux-manager/5.1/en{{page.url}}" hreflang="x-default" rel="alternate"/>
 <link href="https://documentation.suse.com/multi-linux-manager/5.1/en{{page.url}}" hreflang="en-US" rel="alternate" />
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/head.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/head.hbs
new file mode 100644
index 00000000000..ed4508bf1f7
--- /dev/null
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/head.hbs
@@ -0,0 +1,7 @@
+{{> head-prelude}}
+{{> head-title}}
+{{> head-info}}
+{{> head-styles}}
+{{> head-meta}}
+{{> head-scripts}}
+{{> head-icons}}
\ No newline at end of file
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/header-content.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/header-content.hbs
index 61cbbf22d53..024d9e2d78b 100644
--- a/branding/supplemental-ui/mlm/susecom-2025/partials/header-content.hbs
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/header-content.hbs
@@ -1,89 +1,3 @@
-<header class="header">
-  <nav class="navbar">
-    <div class="navbar-brand">
-      <div class="navbar-item">
-        <a class=" navbar-logo" href="https://documentation.suse.com/" aria-label="SUSE Documentation Home"><img class="logo"
-            src="{{uiRootPath}}/img/logo.svg" alt="SUSE logo"/></a>
-      </div>
-      {{#if env.SITE_SEARCH_PROVIDER}}
-      <div class="navbar-item search hide-for-print">
-        <div id="search-field" class="field">
-          <label class="visual-search-label" for="search-input">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
-          <input label="Search" aria-label="Search" id="search-input" type="text" placeholder="Search the docs" {{#if page.home}} autofocus{{/if}}>
-        </div>
-      </div>
-      {{/if}}
-      <button class="navbar-burger" data-target="topbar-nav">
-        <span></span>
-        <span></span>
-        <span></span>
-      </button>
-    </div>
-    <div id="topbar-nav" class="navbar-menu">
-      <div class="navbar-end">
-        <div class="navbar-item has-dropdown is-hoverable">
-          <div class="navbar-link">
-            <img src="{{uiRootPath}}/img/resources.png" class="langIcon Resurces" alt="Resources" title="Resources">
-          </div>
-          <div class="navbar-dropdown">
-            {{#with page.origin}}
-            <a class="navbar-item" href="{{./webUrl}}"><i class="fab fa-github"></i>&nbsp;{{@root.page.origin.descriptor.title}}</a>
-            <div class="has-submenu-dropdown">
-              <a class="navbar-item" href="#" ><i class="fas fa-file-alt"></i>&nbsp;Report Issue &nbsp;<i class="fas fa-chevron-right"></i></a>
-              <div class="submenu-dropdown">
-                <a class="navbar-item" href="https://scc.suse.com">SCC (Recommended)</a>
-                <a class="navbar-item" href="{{./webUrl}}/issues">GitHub Issue</a>
-              </div>
-            </div>
-            <a class="navbar-item" href="https://github.com/uyuni-project/uyuni-docs?tab=readme-ov-file#introduction"><i class="fas fa-user-edit"></i>&nbsp;Contribute</a>
-            {{/with}}
-          </div>
-        </div>
-        <div class="navbar-item has-dropdown is-hoverable">
-          <div class="navbar-link"><img src="{{uiRootPath}}/img/language.png" class="langIcon Language" alt="Language"
-              title="Language"></div>
-          <div class="navbar-dropdown">
-            <!--  </div><div>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> -->
-            {{#each (languagelist page.navigation uiRootPath)}}
-              <a role="button" class="navbar-item" id="{{./id}}" onclick="selectLanguage(this.id)">
-                <!--<img src="{{./uiRootPath}}/img/{{./image}}" class="langIcon {{./class}}">-->
-                &nbsp;{{./label}}
-              </a>
-            {{/each}}
-            <!-- LANGUAGESELECTOR -->
-          </div>
-        </div>
-        <!--
-        <div class="navbar-item">
-          <a href="https://twitter.com/SUSE">
-            <img alt="X-logo" class="x-logo" src="{{uiRootPath}}/img/x-logo-white.png">
-          </a>
-        </div>
-        -->
-      </div>
-    </div>
-
-    <!--   <div id="topbar-nav" class="navbar-menu">
-      <div class="navbar-end">
-
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-        <div class="navbar-item">
-          <span class="control">
-          </span>
-        </div>
-      </div> -->
-    </div>
-  </nav>
-</header>
+<!-- <header class="header">
+  
+</header> -->
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/header-scripts.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/header-scripts.hbs
new file mode 100644
index 00000000000..457d497a63d
--- /dev/null
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/header-scripts.hbs
@@ -0,0 +1,3 @@
+<!-- <aside class="toc sidebar" data-title="{{{or page.attributes.toctitle 'On this page'}}}" data-levels="{{{or page.attributes.toclevels 2}}}">
+  <div class="toc-menu"></div>
+</aside> -->
\ No newline at end of file
diff --git a/branding/supplemental-ui/mlm/susecom-2025/partials/toolbar.hbs b/branding/supplemental-ui/mlm/susecom-2025/partials/toolbar.hbs
new file mode 100644
index 00000000000..875662594bf
--- /dev/null
+++ b/branding/supplemental-ui/mlm/susecom-2025/partials/toolbar.hbs
@@ -0,0 +1,28 @@
+<div class="toolbar" role="navigation">
+{{> nav-toggle}}
+
+ <a href="https://documentation.suse.com" class="home-link" title="Documentation.suse.com"></a>
+
+<a href="https://documentation.suse.com/multi-linux-manager/5.1/" class="library-link" title="SUSE Multi-Linux Manager Product Page">
+  <span class="library-text">SUSE Multi-Linux Manager 5.1  | </span>
+  <img class="library-icon" src="{{uiRootPath}}/img/library.svg" alt="Library" width="20" height="20">
+</a>
+
+{{> breadcrumbs}}
+{{> page-versions}}
+
+  {{#if (and page.fileUri (not env.CI))}}
+  <div class="edit-this-page"><a href="{{page.fileUri}}"><strong>Edit</strong></a></div>
+  {{else if (and page.editUrl (or env.FORCE_SHOW_EDIT_PAGE_LINK (not page.origin.private)))}}
+  <div class="edit-this-page"><a href="{{page.editUrl}}"><strong>Edit</strong></a></div>
+  {{/if}}
+
+  {{#if env.SITE_SEARCH_PROVIDER}}
+      <div class="navbar-item search hide-for-print">
+        <div id="search-field" class="field">
+          <label class="visual-search-label" for="search-input">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
+          <input label="Search" aria-label="Search" id="search-input" type="text" placeholder="Search the docs" {{#if page.home}} autofocus{{/if}}>
+        </div>
+      </div>
+  {{/if}}
+</div>
\ No newline at end of file

From 777d73904bc513786c1ff7fc7dc0d082fe549f36 Mon Sep 17 00:00:00 2001
From: jcayouette <jcayouette@suse.com>
Date: Thu, 11 Sep 2025 11:02:38 +0200
Subject: [PATCH 2/3] update

---
 Makefile.en | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Makefile.en b/Makefile.en
index b6da354d718..2fc9e17369b 100644
--- a/Makefile.en
+++ b/Makefile.en
@@ -48,7 +48,7 @@ prepare-antora-mlm-en: copy-branding-en set-html-language-selector-mlm-en
 	cd $(current_dir)
 
 .PHONY: antora-mlm-en
-antora-mlm-en: configure-mlm-branding-dsc-en prepare-antora-mlm-en p#df-all-mlm-en pdf-tar-mlm-en
+antora-mlm-en: configure-mlm-branding-dsc-en prepare-antora-mlm-en pdf-all-mlm-en pdf-tar-mlm-en
 	$(call antora-mlm-function,translations/en,en)
 
 

From b11faafda9b28a5e40b32b9581397284df41cb05 Mon Sep 17 00:00:00 2001
From: jcayouette <jcayouette@suse.com>
Date: Tue, 23 Sep 2025 15:43:25 +0200
Subject: [PATCH 3/3] update

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 85af7938654..596fd12e316 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,4 @@
+- Shared header enablement for documentation.suse.com
 - Documented to use the same CA password during migrating from 4.3
   in Installation and Upgrade Guide (bsc#1247296)
 - Added note about onboarding CentOS 7 clients with repositories