chore(docs): remove runtime comments

coryrylan · coryrylan · commit 6fa19e5f262d · 2026-05-18T12:28:05.000-05:00
Signed-off-by: Cory Rylan &lt;crylan@nvidia.com&gt;
diff --git a/projects/site/src/_11ty/layouts/docs.11ty.js b/projects/site/src/_11ty/layouts/docs.11ty.js
@@ -65,25 +65,17 @@ export async function render(data) {
           import '/_11ty/layouts/docs.ts';
         </script>
       </head>
-
       <body nve-text="body trim:none" data-pagefind-meta="section:${section}">
         <div class="visually-hidden" aria-hidden="true">${ELEMENTS_PAGES_BASE_URL}/llms.txt is available optimized for AI and LLM tools.</div>
-        <!-- nve-page component, anchors for internal navigation links -->
         <nve-page style="anchor-name: --page-anchor;">
-          <!-- renders nve-page-header (logo, top nav buttons, system themes btn...) -->
           ${renderBasePageHeader(data)}
-
-          <!-- Left (aside) sidebar, search functionality, and tree navigation -->
           <nve-page-panel slot="left-aside" id="sidenav-panel" style="width: 250px;">
             <nve-page-panel-content>
               <nvd-search id="docs-search" base-url="${BASE_URL}"></nvd-search>
               ${renderDocsNav(data)}
             </nve-page-panel-content>
           </nve-page-panel>
-          
           <nve-resize-handle slot="left-aside" min="5" max="460" value="250" step="5" orientation="vertical"></nve-resize-handle>
-
-          <!-- Subheader: component title, summary, and tab navigation (Overview/API/Examples) -->
           ${
             data.tag
               ? `
@@ -112,11 +104,8 @@ export async function render(data) {
           `
               : ''
           }
-
-          <!-- Main content area -->
           <main id="docs-main">
             <div id="doc-content" nve-layout="column gap:xl align:horizontal-stretch pad-bottom:xl" style="anchor-name: --doc-content-anchor;">
-              <!-- Component description, default example, and support links (Overview tab only) -->
               ${
                 data.tag && !(data.page.url.includes('api') || data.page.url.includes('examples'))
                   ? `
@@ -133,19 +122,10 @@ export async function render(data) {
               `
                   : ''
               }
-
-              <!-- Markdown page content -->
               ${data.content}
-
-              <!-- Component status (Overview tab only) -->
               ${data.tag && !data.hideStatus && !(data.page.url.includes('api') || data.page.url.includes('examples')) ? `${elementStatus(data.tag)}` : ''}
             </div>
           </main>
-            
-          <!-- An 11ty transform that generates anchor links for the page content -->
-          <!-- ANCHOR-GENERATOR -->
-          
-          <!-- Right sidebar: system settings panel -->
           <nve-page-panel closable hidden slot="right-aside" size="sm" id="system-options-panel">
             <nve-page-panel-content>
               <nvd-system-settings></nvd-system-settings>
diff --git a/projects/site/src/_11ty/layouts/page.11ty.js b/projects/site/src/_11ty/layouts/page.11ty.js
@@ -17,7 +17,6 @@ export function render(data) {
       </head>
       <body>
         <nve-page>
-          <!-- Main navigation header -->
           <nve-page-header slot="header">
             <nve-logo slot="prefix" color="brand-green" size="sm">NV</nve-logo>
             <a slot="prefix" href=".">Elements</a>
@@ -27,19 +26,13 @@ export function render(data) {
             <nve-button container="flat"><a href="${ELEMENTS_REPO_BASE_URL}" target="_blank">Repo</a></nve-button>
             <nve-button slot="suffix" id="system-options-panel-btn" container="flat">System Themes</nve-button>
           </nve-page-header>
-
-          <!-- Main content area -->
           ${data.content}
-
-          <!-- System theme settings panel -->
           <nve-page-panel closable hidden slot="right" size="sm" id="system-options-panel">
             <nve-page-panel-content>
               <nvd-system-settings></nvd-system-settings>
             </nve-page-panel-content>
           </nve-page-panel>
         </nve-page>
-
-        <!-- System settings initialization script -->
         <script type="module">
           import '/_internal/system-settings/system-settings.js';
           const systemOptionsPanel = globalThis.document.querySelector('#system-options-panel');
