From cf6ecb1b6251b5a892c62e332669a491c3cfb78d Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 31 Oct 2026 10:28:17 +0000
Subject: [PATCH] The header is this site's own again: Home, FAQ, Community &
 Support

No row of the other sites (CONVENTION.md section 1 in abap2UI5/
abap2UI5.github.io); the logo leads home, See it running stays.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014YZFmFjqqPw2HLYh1MvmaA
---
 src/layouts/Page.astro | 29 +++++++++++------------------
 src/styles/global.css  |  4 ----
 2 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
index c32cbd8..7ea677b 100644
--- a/src/layouts/Page.astro
+++ b/src/layouts/Page.astro
@@ -67,30 +67,23 @@ const updated = new Date().toISOString().slice(0, 10);
 <header class="top">
   <div class="wrap">
     <a class="mark" href="https://abap2ui5.github.io/"><img src={`${base}logo.png`} alt="" width="28" height="28"> abap2UI5</a>
-    <!-- The family's top line (CONVENTION.md in abap2UI5/abap2UI5.github.io):
-         the five sites, this one current. The pages of this site are the
-         row below. -->
-    <nav class="nav sites" aria-label="abap2UI5 sites">
-      <a href={home} aria-current="page">For managers</a>
-      <a href="https://abap2ui5.github.io/docs/">Docs</a>
-      <a href="https://abap2ui5.github.io/samples-site/">Samples</a>
-      <a href="https://abap2ui5.github.io/playground/">Playground</a>
-      <a href="https://abap2ui5-addons.github.io/">Addons &amp; Tools</a>
+    <nav class="nav" aria-label="Pages">
+      <a href={home} aria-current={current === "home" ? "page" : undefined}>Home</a>
+      <a href={faq} aria-current={current === "faq" ? "page" : undefined}>FAQ</a>
+      <a href={community} aria-current={current === "community" ? "page" : undefined}>Community &amp; Support</a>
     </nav>
     <div class="top-actions">
       <a class="icon-btn" href="https://www.linkedin.com/company/abap2ui5" aria-label="abap2UI5 on LinkedIn" title="LinkedIn"><svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zm7 0h3.8v1.7h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.6 4.7 6V21h-4v-5.5c0-1.3 0-3-1.8-3s-2.1 1.4-2.1 2.9V21h-4z"/></svg></a>
       <a class="btn btn-primary" href="https://abap2ui5.github.io/samples-site/">See it running</a>
     </div>
   </div>
-  <nav class="subnav" aria-label="Pages">
-    <div class="wrap">
-      <a href={home} aria-current={current === "home" ? "page" : undefined}>Home</a>
-      <a href={faq} aria-current={current === "faq" ? "page" : undefined}>FAQ</a>
-      <a href={community} aria-current={current === "community" ? "page" : undefined}>Community &amp; Support</a>
-      {row.length > 0 && <span class="sep" aria-hidden="true"></span>}
-      {row.map(([id, text]) => <a href={`#${id}`}>{text}</a>)}
-    </div>
-  </nav>
+  {row.length > 0 && (
+    <nav class="subnav" aria-label="Sections">
+      <div class="wrap">
+        {row.map(([id, text]) => <a href={`#${id}`}>{text}</a>)}
+      </div>
+    </nav>
+  )}
 </header>
 <main id="main">
   <slot />
diff --git a/src/styles/global.css b/src/styles/global.css
index 55a18cf..a552c99 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -102,8 +102,6 @@ code { font-family: var(--mono); font-size: .9em; }
 .subnav { border-top: 1px solid var(--line); background: var(--bg); }
 .subnav .wrap { display: flex; flex-wrap: nowrap; gap: 2px; height: 42px; align-items: center; overflow-x: auto; scrollbar-width: none; }
 .subnav .wrap::-webkit-scrollbar { display: none; }
-.subnav a[aria-current="page"] { color: var(--ink); font-weight: 600; }
-.subnav .sep { flex: none; width: 1px; height: 18px; margin: 0 6px; background: var(--line); }
 .subnav a { flex: none; padding: 6px 10px; border-radius: 8px; color: var(--muted); font-size: 13.5px; font-weight: 500; text-decoration: none; white-space: nowrap; }
 .subnav a:hover { color: var(--ink); background: var(--bg-alt); }
 .icon-btn { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--muted); }
@@ -114,8 +112,6 @@ code { font-family: var(--mono); font-size: .9em; }
 .top .btn { padding: 0 14px; line-height: 36px; font-size: 14px; }
 @media (max-width: 1060px) {
   .nav { order: 4; flex: 1 0 100%; margin: 0 -24px; padding: 0 20px 8px; overflow-x: auto; scrollbar-width: none; }
-  /* the family's line wraps rather than scrolls: five names a thumb should see at once */
-  .nav.sites { flex-wrap: wrap; overflow: visible; row-gap: 0; }
   .nav::-webkit-scrollbar { display: none; }
   .nav a { flex: none; }
   html { scroll-padding-top: 150px; }