feat(samples): update homepage sample with canonical metadata and layout updates

samples/homepage.html

@@ -356,40 +356,33 @@
     
     <!-- Sidebar Navigation -->
     <aside class="sidebar">
-      <div class="profile-title">[node-01]</div>
+      <div class="profile-title">River Rooks</div>
       <div class="profile-subtitle">dev-blog@system:~$</div>
       
       <nav>
         <ul class="nav-list">
-          <li class="nav-item">
+          <li class="nav-item"><a href="index.html" class="nav-link">Catalog</a></li>
-            <a href="homepage.html" class="nav-link active">Home</a>
+          <li class="nav-item"><a href="homepage.html" class="nav-link active">Sample 1 (Home)</a></li>
-          </li>
+          <li class="nav-item"><a href="split-panel.html" class="nav-link">Sample 2 (Split)</a></li>
-          <li class="nav-item">
+          <li class="nav-item"><a href="companion.html" class="nav-link">Sample 3 (Daemon)</a></li>
-            <a href="#" class="nav-link">Posts</a>
+          <li class="nav-item"><a href="document-flow.html" class="nav-link">Sample 4 (Doc Flow)</a></li>
-          </li>
+          <li class="nav-item"><a href="portfolio.html" class="nav-link">Sample 5 (Portfolio)</a></li>
-          <li class="nav-item">
+          <li class="nav-item"><a href="homelab.html" class="nav-link">Sample 6 (Homelab)</a></li>
-            <a href="#" class="nav-link">Projects</a>
+          <li class="nav-item"><a href="public-services.html" class="nav-link">Sample 7 (Services)</a></li>
-          </li>
+          <li class="nav-item"><a href="sample-dashboard.html" class="nav-link">Sample 8 (Dashboard)</a></li>
-          <li class="nav-item">
+          <li class="nav-item"><a href="sample-command-center.html" class="nav-link">Sample 9 (Command)</a></li>
-            <a href="index.html" class="nav-link">Spec Catalog</a>
+          <li class="nav-item"><a href="sample-dual-pane-explorer.html" class="nav-link">Sample 10 (Explorer)</a></li>
-          </li>
         </ul>
       </nav>
 
       <!-- Keybindings Panel Widget -->
       <div class="keybindings-panel">
-        <div class="keybindings-title">Keyboard Shortcuts</div>
+        <div class="keybindings-title">Active Stack</div>
-        <div class="keybinding-row">
+        <div style="font-size: 0.75rem; color: var(--text-muted); line-height: 1.6;">
-          <span>Search posts</span>
+          [#network-forensics]<br>
-          <kbd>Ctrl</kbd> + <kbd>K</kbd>
+          [#docker-traefik]<br>
-        </div>
+          [#arch-linux] [#neovim]<br>
-        <div class="keybinding-row">
+          [#wireguard] [#posix-sh]
-          <span>Go to Catalog</span>
-          <kbd>g</kbd> + <kbd>c</kbd>
-        </div>
-        <div class="keybinding-row">
-          <span>Toggle Terminal</span>
-          <kbd>~</kbd>
         </div>
       </div>
     </aside>
@@ -410,6 +403,7 @@
             <a href="#" class="tag">[#firmware]</a>
             <a href="#" class="tag">[#hardware]</a>
             <a href="#" class="tag">[#security]</a>
+            <a href="#" class="tag">[#bus-pirate]</a>
           </div>
 
           <p>
@@ -436,7 +430,7 @@ flashrom -p buspirate_spi:dev=/dev/ttyUSB0,spispeed=1M -r firmware_dump.bin
   echo <span class="syn-string">"Dump successful. Running md5sum..."</span>
   md5sum firmware_dump.bin
 <span class="syn-keyword">else</span>
-  echo <span class="syn-string">"Failed to read flash memory."</span> >&2
+  echo <span class="syn-string">"Failed to read flash memory."</span> &gt;&amp;2
   <span class="syn-keyword">exit</span> 1
 <span class="syn-keyword">fi</span></code></pre>
             </div>
@@ -451,7 +445,7 @@ flashrom -p buspirate_spi:dev=/dev/ttyUSB0,spispeed=1M -r firmware_dump.bin
 
         <!-- Tabular Archive Index Section -->
         <section>
-          <h2>Recent Writes & Archive</h2>
+          <h2>Recent Writes &amp; Archive</h2>
           <p style="color: var(--text-muted); font-size: 0.9rem; margin-bottom: 20px;">
             Dense, terminal-style index of prior posts. Press <kbd>Tab</kbd> to focus and navigate rows instantly.
           </p>
@@ -473,21 +467,26 @@ flashrom -p buspirate_spi:dev=/dev/ttyUSB0,spispeed=1M -r firmware_dump.bin
               <tr onclick="location.href='#'">
                 <td class="post-date">2026-07-10</td>
                 <td><a href="#">POSIX sh vs. Bash: Portability in Modern Scripts</a></td>
-                <td><span style="color: var(--accent);">[#shell]</span></td>
+                <td><span style="color: var(--accent);">[#posix-sh]</span></td>
               </tr>
               <tr onclick="location.href='#'">
                 <td class="post-date">2026-06-28</td>
                 <td><a href="#">CTF Write-up: Heap Exploitation in glibc 2.35</a></td>
                 <td><span style="color: var(--accent);">[#ctf]</span></td>
               </tr>
+              <tr onclick="location.href='#'">
+                <td class="post-date">2026-06-14</td>
+                <td><a href="#">Zero-Trust Network Isolation with WireGuard &amp; OPNsense VLANs</a></td>
+                <td><span style="color: var(--accent);">[#networking]</span></td>
+              </tr>
             </tbody>
           </table>
         </section>
 
         <!-- Footer -->
         <footer>
-          <span>© 2026 Developer Blog</span>
+          <span>© 2026 River Rooks</span>
-          <span>Built with Design-Specification.md</span>
+          <span>Aligned with Canonical-Sample-Content.md</span>
         </footer>
 
       </div>