NanoVNA-F V3 Starlight documentation site
Astro 5 + Starlight 0.37 docs site for the NanoVNA-F V3 portable vector network analyzer. Content sourced from the extracted PDF user guide and menu structure map. - 38 MDX content pages organized in diataxis structure (getting-started, tutorials, how-to guides, reference) - Steel blue/teal theme (#2d7d9a/#5bb8d4) distinct from NanoVNA-H - 5 custom Astro components (CommandTable, MenuTree, SpecCard, ScreenRegion, CalibrationStep) - 42 renamed screenshots from the user guide PDF extraction - Docker deployment via Caddy behind caddy-docker-proxy - Full console command reference (28 commands) - Complete menu map with interactive tree component
This commit is contained in:
commit
a0394b0c56
99 changed files with 10108 additions and 0 deletions
73
src/components/CommandTable.astro
Normal file
73
src/components/CommandTable.astro
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
---
|
||||
interface Command {
|
||||
name: string;
|
||||
syntax: string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
interface Props {
|
||||
commands: Command[];
|
||||
}
|
||||
|
||||
const { commands } = Astro.props;
|
||||
---
|
||||
|
||||
<div class="command-table-wrapper">
|
||||
<table class="command-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Command</th>
|
||||
<th>Syntax</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{commands.map((cmd) => (
|
||||
<tr>
|
||||
<td><code>{cmd.name}</code></td>
|
||||
<td><code>{cmd.syntax}</code></td>
|
||||
<td>{cmd.description}</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.command-table-wrapper {
|
||||
overflow-x: auto;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.command-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.command-table th {
|
||||
background: var(--sl-color-gray-6);
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
padding: 0.6rem 0.8rem;
|
||||
border-bottom: 2px solid var(--sl-color-gray-5);
|
||||
}
|
||||
|
||||
.command-table td {
|
||||
padding: 0.5rem 0.8rem;
|
||||
border-bottom: 1px solid var(--sl-color-gray-5);
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.command-table tr:hover {
|
||||
background: var(--sl-color-gray-7);
|
||||
}
|
||||
|
||||
.command-table code {
|
||||
font-size: 0.85em;
|
||||
background: var(--sl-color-bg-inline-code);
|
||||
padding: 0.1em 0.3em;
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
</style>
|
||||
Loading…
Add table
Add a link
Reference in a new issue