From 88522bb79118514ae58c4ee997075a2becc435e4 Mon Sep 17 00:00:00 2001
From: Srikanth Patchava <Srikanth.Patchava@brooksautomation.com>
Date: Fri, 17 Apr 2026 00:40:37 -0700
Subject: [PATCH] revert: undo PR #7 changes (fix-html-syntax-search)

Reverts the changes from PR #7 which removed search overlay blocks
from getting-started.html and hardware-lab.html and added CSS rule.
Restoring original code as requested.
---
 getting-started.html | 45 ++++++++++++++++++++++++++++++++++++++++++--
 hardware-lab.html    | 44 +++++++++++++++++++++++++++++++++++++++++++
 style.css            |  3 ---
 3 files changed, 87 insertions(+), 5 deletions(-)

diff --git a/getting-started.html b/getting-started.html
index 7d4d432..5caae7f 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -212,6 +212,49 @@ <h2 style="border:none;text-align:center;margin-top:3rem">📚 Full Documentatio
 </div>
 
 <script>
+<div id="eos-search-overlay" class="search-overlay" hidden>
+<div class="search-modal">
+<div class="search-header">
+<span class="search-icon">&#128269;</span>
+<input type="text" id="eos-search-input" class="search-input" placeholder="Search EmbeddedOS docs..." autocomplete="off">
+<kbd class="search-kbd">Esc</kbd>
+</div>
+<ul id="eos-search-results" class="search-results"></ul>
+</div>
+</div>
+<script>
+const EosSearch={pages:[
+{t:'Home',u:'index.html',d:'The Operating System for Every Device'},
+{t:'Get Started',u:'getting-started.html',d:'Choose your path and get running in minutes'},
+{t:'Documentation Hub',u:'docs/index.html',d:'Complete developer documentation for all components'},
+{t:'Platform Flow',u:'flow.html',d:'EoS platform build and deployment flow'},
+{t:'Kids Guide',u:'kids.html',d:'Welcome young explorers to EmbeddedOS'},
+{t:'Hardware Lab',u:'hardware-lab.html',d:'Pick your board and get EoS running on real hardware'},
+{t:'App Store',u:'https://embeddedos-org.github.io/eApps/',d:'60+ apps across all platforms'},
+{t:'EoS Kernel',u:'docs/eos.html',d:'Modular RTOS kernel with HAL and multicore framework'},
+{t:'eBoot Bootloader',u:'docs/eboot.html',d:'Secure A/B bootloader with verified boot chain'},
+{t:'ebuild CLI',u:'docs/ebuild.html',d:'Unified build system with cross-compilation'},
+{t:'EIPC Protocol',u:'docs/eipc.html',d:'Secure real-time IPC framework'},
+{t:'EAI Framework',u:'docs/eai.html',d:'Embedded AI for on-device LLM inference'},
+{t:'ENI Neural Interface',u:'docs/eni.html',d:'Brain-computer interface framework'},
+{t:'EoSim Simulator',u:'docs/eosim.html',d:'Multi-architecture simulation platform'},
+{t:'EoStudio',u:'docs/eostudio.html',d:'Unified design suite with 12 editors'},
+{t:'eApps Suite',u:'docs/eosuite.html',d:'60+ apps for all platforms'},
+{t:'eDB Database',u:'docs/edb.html',d:'Unified multi-model database'},
+{t:'eBowser Browser',u:'docs/ebowser.html',d:'Lightweight web browser engine'},
+{t:'eOffice Suite',u:'docs/eoffice.html',d:'AI-powered office suite with 11 apps'},
+{t:'eServiceApps',u:'docs/eserviceapps.html',d:'Flutter mobile service apps'}
+],
+overlay:null,input:null,results:null,
+init(){this.overlay=document.getElementById('eos-search-overlay');this.input=document.getElementById('eos-search-input');this.results=document.getElementById('eos-search-results')},
+open(){if(!this.overlay)this.init();this.overlay.hidden=false;this.input.value='';this.render(this.pages);this.input.focus()},
+close(){if(this.overlay)this.overlay.hidden=true},
+render(items){this.results.innerHTML=items.map(p=>'<li class="search-result-item"><a href="'+p.u+'"><strong>'+p.t+'</strong><span>'+p.d+'</span></a></li>').join('')||'<li class="search-result-item" style="color:var(--text-secondary)">No results found.</li>'},
+filter(q){const l=q.toLowerCase();this.render(this.pages.filter(p=>p.t.toLowerCase().includes(l)||p.d.toLowerCase().includes(l)))}
+};
+document.addEventListener('keydown',e=>{if(e.key==='/'&&!['INPUT','TEXTAREA'].includes(document.activeElement.tagName)){e.preventDefault();EosSearch.open()}if(e.key==='Escape')EosSearch.close()});
+document.addEventListener('DOMContentLoaded',()=>{const i=document.getElementById('eos-search-input');if(i)i.addEventListener('input',e=>EosSearch.filter(e.target.value));const o=document.getElementById('eos-search-overlay');if(o)o.addEventListener('click',e=>{if(e.target===o)EosSearch.close()})});
+</script>
 function showPath(id){
 document.querySelectorAll('.path-content').forEach(function(el){el.classList.remove('active')});
 document.querySelectorAll('.path-btn').forEach(function(el){el.classList.remove('active')});
@@ -226,7 +269,6 @@ <h2 style="border:none;text-align:center;margin-top:3rem">📚 Full Documentatio
 <div><h4>Components</h4><ul><li><a href="docs/eipc.html">EIPC</a></li><li><a href="docs/eni.html">ENI</a></li><li><a href="docs/eosuite.html">eApps</a></li><li><a href="docs/eosim.html">EoSim</a></li><li><a href="docs/eostudio.html">EoStudio</a></li></ul></div>
 <div><h4>Learn</h4><ul><li><a href="kids.html">Kids Guide 🎮</a></li><li><a href="hardware-lab.html">Hardware Lab 🔌</a></li><li><a href="https://github.com/embeddedos-org">GitHub</a></li></ul></div>
 </div><div class="footer-bottom">&copy; 2025 EmbeddedOS Project &bull; MIT License</div></footer>
-
 <div id="eos-search-overlay" class="search-overlay" hidden>
 <div class="search-modal">
 <div class="search-header">
@@ -237,7 +279,6 @@ <h2 style="border:none;text-align:center;margin-top:3rem">📚 Full Documentatio
 <ul id="eos-search-results" class="search-results"></ul>
 </div>
 </div>
-
 <script>
 const EosSearch={pages:[
 {t:'Home',u:'index.html',d:'The Operating System for Every Device'},
diff --git a/hardware-lab.html b/hardware-lab.html
index 7087dec..abb815c 100644
--- a/hardware-lab.html
+++ b/hardware-lab.html
@@ -273,6 +273,50 @@ <h2 style="border:none;text-align:center;font-size:1.8rem">📊 Board Comparison
 </tbody></table></div>
 
 <div class="callout callout-tip" style="margin-top:2rem"><div class="callout-title">Which board should I pick?</div>
+<div id="eos-search-overlay" class="search-overlay" hidden>
+<div class="search-modal">
+<div class="search-header">
+<span class="search-icon">&#128269;</span>
+<input type="text" id="eos-search-input" class="search-input" placeholder="Search EmbeddedOS docs..." autocomplete="off">
+<kbd class="search-kbd">Esc</kbd>
+</div>
+<ul id="eos-search-results" class="search-results"></ul>
+</div>
+</div>
+<script>
+const EosSearch={pages:[
+{t:'Home',u:'index.html',d:'The Operating System for Every Device'},
+{t:'Get Started',u:'getting-started.html',d:'Choose your path and get running in minutes'},
+{t:'Documentation Hub',u:'docs/index.html',d:'Complete developer documentation for all components'},
+{t:'Platform Flow',u:'flow.html',d:'EoS platform build and deployment flow'},
+{t:'Kids Guide',u:'kids.html',d:'Welcome young explorers to EmbeddedOS'},
+{t:'Hardware Lab',u:'hardware-lab.html',d:'Pick your board and get EoS running on real hardware'},
+{t:'App Store',u:'https://embeddedos-org.github.io/eApps/',d:'60+ apps across all platforms'},
+{t:'EoS Kernel',u:'docs/eos.html',d:'Modular RTOS kernel with HAL and multicore framework'},
+{t:'eBoot Bootloader',u:'docs/eboot.html',d:'Secure A/B bootloader with verified boot chain'},
+{t:'ebuild CLI',u:'docs/ebuild.html',d:'Unified build system with cross-compilation'},
+{t:'EIPC Protocol',u:'docs/eipc.html',d:'Secure real-time IPC framework'},
+{t:'EAI Framework',u:'docs/eai.html',d:'Embedded AI for on-device LLM inference'},
+{t:'ENI Neural Interface',u:'docs/eni.html',d:'Brain-computer interface framework'},
+{t:'EoSim Simulator',u:'docs/eosim.html',d:'Multi-architecture simulation platform'},
+{t:'EoStudio',u:'docs/eostudio.html',d:'Unified design suite with 12 editors'},
+{t:'eApps Suite',u:'docs/eosuite.html',d:'60+ apps for all platforms'},
+{t:'eDB Database',u:'docs/edb.html',d:'Unified multi-model database'},
+{t:'eBowser Browser',u:'docs/ebowser.html',d:'Lightweight web browser engine'},
+{t:'eOffice Suite',u:'docs/eoffice.html',d:'AI-powered office suite with 11 apps'},
+{t:'eServiceApps',u:'docs/eserviceapps.html',d:'Flutter mobile service apps'}
+],
+overlay:null,input:null,results:null,
+init(){this.overlay=document.getElementById('eos-search-overlay');this.input=document.getElementById('eos-search-input');this.results=document.getElementById('eos-search-results')},
+open(){if(!this.overlay)this.init();this.overlay.hidden=false;this.input.value='';this.render(this.pages);this.input.focus()},
+close(){if(this.overlay)this.overlay.hidden=true},
+render(items){this.results.innerHTML=items.map(p=>'<li class="search-result-item"><a href="'+p.u+'"><strong>'+p.t+'</strong><span>'+p.d+'</span></a></li>').join('')||'<li class="search-result-item" style="color:var(--text-secondary)">No results found.</li>'},
+filter(q){const l=q.toLowerCase();this.render(this.pages.filter(p=>p.t.toLowerCase().includes(l)||p.d.toLowerCase().includes(l)))}
+};
+document.addEventListener('keydown',e=>{if(e.key==='/'&&!['INPUT','TEXTAREA'].includes(document.activeElement.tagName)){e.preventDefault();EosSearch.open()}if(e.key==='Escape')EosSearch.close()});
+document.addEventListener('DOMContentLoaded',()=>{const i=document.getElementById('eos-search-input');if(i)i.addEventListener('input',e=>EosSearch.filter(e.target.value));const o=document.getElementById('eos-search-overlay');if(o)o.addEventListener('click',e=>{if(e.target===o)EosSearch.close()})});
+</script>
+<p><strong>Just starting out?</strong>
 <p><strong>Just starting out?</strong> Get a <a href="#raspi">Raspberry Pi</a> ($35) or <a href="#esp32">ESP32</a> ($5).<br>
 <strong>Want professional MCU dev?</strong> Get an <a href="#stm32">STM32 Discovery</a> ($20).<br>
 <strong>Interested in open hardware?</strong> Try the <a href="#sifive">SiFive HiFive</a>.<br>
diff --git a/style.css b/style.css
index b7e9546..ec8d7c6 100644
--- a/style.css
+++ b/style.css
@@ -483,9 +483,6 @@ details[open] summary { border-bottom: 1px solid var(--border-color); }
   padding-top: 15vh;
   backdrop-filter: blur(4px);
 }
-.search-overlay[hidden] {
-  display: none !important;
-}
 .search-modal {
   background: var(--bg-secondary);
   border: 1px solid var(--border-color);