Adjust header details

Author: DavidQ

src/engine/theme/header.css

@@ -63,14 +63,14 @@
 
 .toolboxaid-theme-header #tagline h2 {
   margin: 0;
-  font-size: clamp(1rem, 1.6vw, 1.4rem);
+  font-size: clamp(1.5rem, 2.4vw, 2.1rem);
   font-weight: 700;
   color: var(--theme-muted);
 }
 
 .toolboxaid-theme-header .site-tagline {
   color: #3600af;
-  font-size: clamp(3px, 3vw, 21px);
+  font-size: clamp(4.5px, 4.5vw, 31.5px);
   letter-spacing: 2px;
   text-shadow: 2px 2px 4px #3600af;
 }

src/engine/theme/layout.css

@@ -3,7 +3,7 @@
   --theme-surface: #ffffff;
   --theme-border: #d8dee8;
   --theme-text: #1f2f46;
-  --theme-muted: #4f6382;
+  --theme-muted: #3600af;
   --theme-link: #0f3f88;
   --theme-link-hover: #1f6bd1;
   --theme-shadow: 0 10px 28px rgba(12, 28, 51, 0.12);

src/engine/theme/nav.css

@@ -27,6 +27,7 @@
   text-decoration: none;
   color: var(--theme-link);
   font-weight: 700;
+  font-size: clamp(1rem, 2.2vw, 1.75rem);
   border-radius: 0;
   position: relative;
   background-image: linear-gradient(#3600af, #3600af);

tools/shared/platformShell.js

@@ -157,39 +157,32 @@ function renderHeaderMarkup(currentTool, isHeaderExpanded) {
 
   return `
     <section class="tools-platform-frame">
-      <details class="tools-platform-frame__accordion"${isHeaderExpanded ? " open" : ""}>
-        <summary class="tools-platform-frame__accordion-summary" aria-label="Toggle tools platform header details">
+      <div class="tools-platform-frame__accordion-content">
+        <div class="tools-platform-frame__accordion-summary">
           <div class="tools-platform-frame__summary-copy">
             <h1 class="tools-platform-frame__title">${escapeHtml(title)}</h1>
             <h2 class="tools-platform-frame__eyebrow">First-Class Tools Surface</h2>
           </div>
           <div class="tools-platform-frame__summary-meta">
             <div class="tools-platform-frame__meta">${escapeHtml(meta)}</div>
-            <span class="tools-platform-frame__accordion-icon">&#9662;</span>
           </div>
-        </summary>
-        <div class="tools-platform-frame__accordion-content">
-          <div class="tools-platform-frame__topline">
-            <p class="tools-platform-frame__description">${escapeHtml(description)}</p>
-            <div class="tools-platform-frame__links">
-              <a class="tools-platform-frame__link" href="${escapeHtml(getRelativeRepoHomePath())}">Repo Home</a>
-              <a class="tools-platform-frame__link" href="${escapeHtml(getRelativeToolsHomePath())}">Tools Home</a>
-            </div>
-          </div>
-          <div class="tools-platform-frame__bottomline">
-            <nav class="tools-platform-frame__nav" aria-label="Active tools">
-              ${renderToolLinks(currentTool?.id ?? "")}
-            </nav>
-          </div>
-          ${renderProjectSummary(currentTool)}
-          ${!isLanding ? `
-            <div class="tools-platform-frame__actions" aria-label="Shared asset and palette actions">
-              ${renderSharedActionLinks(currentTool?.id ?? "")}
-            </div>
-            ${renderSharedSelectionSummary()}
-          ` : ""}
         </div>
-      </details>
+        <div class="tools-platform-frame__topline">
+          <p class="tools-platform-frame__description">${escapeHtml(description)}</p>
+        </div>
+        <div class="tools-platform-frame__bottomline">
+          <nav class="tools-platform-frame__nav" aria-label="Active tools">
+            ${renderToolLinks(currentTool?.id ?? "")}
+          </nav>
+        </div>
+        ${renderProjectSummary(currentTool)}
+        ${!isLanding ? `
+          <div class="tools-platform-frame__actions" aria-label="Shared asset and palette actions">
+            ${renderSharedActionLinks(currentTool?.id ?? "")}
+          </div>
+          ${renderSharedSelectionSummary()}
+        ` : ""}
+      </div>
     </section>
   `;
 }