Fix interactive page navigation and info architecture

justinpreston · Copilot · justinpreston · commit 66fdc9961f84 · 2026-04-09T19:36:38.000-04:00
- Replace 'Back to Issue #NNN' links (pointed to newsletter HTML) with '← All Patterns' linking to index.html - Remove redundant 'Issue #NNN' badge from page headers - Standardize #4 header to use page-header/page-subtitle pattern (was using diagram-header/diagram-subtitle) - All 4 pages now have consistent: back-link → h1 → subtitle Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
diff --git a/interactive/issue-001/index.html b/interactive/issue-001/index.html
@@ -171,8 +171,7 @@
 
 <div class="interactive-page">
   <div class="page-header">
-    <a href="../../issues/the_cheat_code_issue_001.html" class="back-link">← Back to Issue #001</a>
-    <div class="issue-badge">Issue #001</div>
+    <a href="../../index.html" class="back-link">← All Patterns</a>
     <h1>Code-First Agent Delivery</h1>
     <p class="page-subtitle">VS Code → Azure → M365 Copilot Chat — Explore the deployment pipeline interactively</p>
   </div>
diff --git a/interactive/issue-002/index.html b/interactive/issue-002/index.html
@@ -178,8 +178,7 @@
 
 <div class="interactive-page">
   <div class="page-header">
-    <a href="../../issues/the_cheat_code_issue_002.html" class="back-link">← Back to Issue #002</a>
-    <div class="issue-badge">Issue #002</div>
+    <a href="../../index.html" class="back-link">← All Patterns</a>
     <h1>Scoped Multi-Source Search</h1>
     <p class="page-subtitle">Query Analysis → Targeted Source Routing → Grounded Response</p>
   </div>
diff --git a/interactive/issue-003/index.html b/interactive/issue-003/index.html
@@ -193,8 +193,7 @@
 
 <div class="interactive-page">
   <div class="page-header">
-    <a href="../../issues/the_cheat_code_issue_003.html" class="back-link">← Back to Issue #003</a>
-    <div class="issue-badge">Issue #003</div>
+    <a href="../../index.html" class="back-link">← All Patterns</a>
     <h1>Prompt-Chained Triage</h1>
     <p class="page-subtitle">3-Step Reasoning Chain with Runtime Playbook Loading</p>
   </div>
diff --git a/interactive/issue-004/index.html b/interactive/issue-004/index.html
@@ -184,9 +184,10 @@
 <body>
 
 <div id="diagram" class="interactive-diagram">
-  <div class="diagram-header">
+  <div class="page-header">
+    <a href="../../index.html" class="back-link">← All Patterns</a>
     <h1>Secure In-Boundary Processing</h1>
-    <p class="diagram-subtitle">Issue #004 — Every component stays within the customer tenant</p>
+    <p class="page-subtitle">Every component stays within the customer tenant</p>
   </div>
 
   <div class="boundary">
