From b3a89d640443196816a245fce9748844fa29ab40 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Mar 2026 17:00:55 +0000 Subject: [PATCH 1/2] Initial plan From ff92ea70b28b7f415955dc5cf477f370c1aab820 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Mar 2026 17:06:51 +0000 Subject: [PATCH 2/2] Add NBS-1 interactive SVG/CSS visual blueprint and integration guide Co-authored-by: Cleanskiier27 <220620570+Cleanskiier27@users.noreply.github.com> --- spaceship-3d-blueprints/INTEGRATION.md | 212 ++++++ .../spacecraft/NBS-1-VISUAL-BLUEPRINT.html | 671 ++++++++++++++++++ 2 files changed, 883 insertions(+) create mode 100644 spaceship-3d-blueprints/INTEGRATION.md create mode 100644 spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html diff --git a/spaceship-3d-blueprints/INTEGRATION.md b/spaceship-3d-blueprints/INTEGRATION.md new file mode 100644 index 0000000..e2137dc --- /dev/null +++ b/spaceship-3d-blueprints/INTEGRATION.md @@ -0,0 +1,212 @@ +# NBS-1 "Data Voyager" Visual Blueprint — Integration Guide + +**NetworkBuster Aerospace Division · Rev 1.0** + +--- + +## Overview + +`spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html` is a self-contained, +interactive SVG/CSS blueprint for the NBS-1 "Data Voyager" spacecraft. +It requires **no build tools, no frameworks, and no external dependencies** — open it +directly in any modern browser or embed it in your project. + +--- + +## Quick Start + +### 1. Open Standalone + +```bash +# From the repository root +open spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html +# or +start spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html # Windows +xdg-open spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html # Linux +``` + +### 2. Serve Locally + +```bash +# Python (any platform) +python -m http.server 8080 +# then visit: http://localhost:8080/spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html + +# Node.js (npx) +npx serve . +``` + +--- + +## Embedding in an Existing HTML Page + +### Option A — ` +``` + +### Option B — Inline `` tag + +```html + +

Your browser does not support embedded objects. + + Open blueprint + +

+ +``` + +### Option C — JavaScript Dynamic Embed + +```javascript +const container = document.getElementById('blueprint-container'); +const iframe = document.createElement('iframe'); +iframe.src = '/spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html'; +iframe.style.cssText = 'width:100%;height:800px;border:none;border-radius:8px;'; +iframe.title = 'NBS-1 Data Voyager Interactive Blueprint'; +iframe.loading = 'lazy'; +container.appendChild(iframe); +``` + +--- + +## Embedding the SVG Directly + +The blueprint contains three inline SVG diagrams (side view, front view, top view). +You can extract an individual SVG and paste it directly into your page. + +1. Open `NBS-1-VISUAL-BLUEPRINT.html` in a text editor. +2. Locate the `` block (or `view-front` / `view-top`). +3. Copy the entire `…` element. +4. Paste it into your HTML — the SVG is self-styled via `

NBS-1 "Data Voyager"

+ + + ); +} +``` + +> **Note:** Place `NBS-1-VISUAL-BLUEPRINT.html` inside the Next.js `public/` folder +> (e.g. `public/blueprints/NBS-1-VISUAL-BLUEPRINT.html`) and update the `src` +> path accordingly. + +--- + +## Interactive Features + +| Feature | How to Use | +|---------|-----------| +| **View switching** | Click **Side View / Front View / Top View** tabs above the SVG | +| **Section details** | Click any coloured section on the blueprint to show specs in the right panel | +| **Systems status** | Animated progress bars in the right panel show live-style readings | +| **Responsive layout** | The layout stacks vertically on screens narrower than 860 px | + +--- + +## Accessibility + +- All three SVG diagrams have `role="img"` and descriptive `aria-label` attributes. +- Interactive sections have `aria-label` attributes for screen readers. +- Colour contrast meets WCAG AA for text on the dark background. + +--- + +## Customisation Reference + +All colours are defined as CSS custom properties at the top of the file: + +| Variable | Default | Purpose | +|----------|---------|---------| +| `--bg` | `#0a0e1a` | Page background | +| `--panel` | `#0d1526` | Card/panel background | +| `--accent` | `#00d4ff` | Primary highlight (cyan) | +| `--accent2` | `#7b4fff` | Secondary highlight (purple) | +| `--text` | `#c8d8f0` | Body text | +| `--dim` | `#4a6080` | Muted text / dimension lines | + +--- + +## File Reference + +``` +spaceship-3d-blueprints/ +├── spacecraft/ +│ ├── NBS-1-SPECS.md ← Full technical specification +│ └── NBS-1-VISUAL-BLUEPRINT.html ← Interactive visual (this file) +├── moonbase-alpha/ +├── orbital-station/ +├── INTEGRATION.md ← You are here +└── README.md +``` + +--- + +**Copyright © 2026 NetworkBuster Aerospace Division** +*"Delivering Data to the Final Frontier"* diff --git a/spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html b/spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html new file mode 100644 index 0000000..c66fce0 --- /dev/null +++ b/spaceship-3d-blueprints/spacecraft/NBS-1-VISUAL-BLUEPRINT.html @@ -0,0 +1,671 @@ + + + + + + NBS-1 "Data Voyager" — Interactive Visual Blueprint + + + + +
+

🚀 NBS-1 "Data Voyager" — Interactive Blueprint

+

NetworkBuster Aerospace Division · Project Code: NBS-1-2026 · Rev 2.1

+
+ PRODUCTION READY + FIRST FLIGHT Q4 2026 + 38 m · 200 kN +
+
+ +
+ + +
+ +
+ + + +
+ + + + + + + + + + 38 m TOTAL + + + + + + + + + + ANTENNA ARRAY + 2.5 m dish + + + + + + + + + + + COMMAND MODULE + 5 m + + + + + + + + + HABITAT + 8 m + bunks + galley + + + + + + + + + + + + + + + + CARGO BAY + 15 m + 25 000 kg + payload + + + + + + + + + CH₄ + LOX + PROPULSION + 10 m + + + + + + + + + + + + + + + 4× ME-50 ENGINES + 200 kN + + + + + + + + + SOLAR ARRAY + 8 kW / 50 m² + + + + + + + SOLAR ARRAY + + + + + + + + + + + + + + 6 m DIAMETER + + + + + + + + + +
+ + +
+ + +
+

📐 Key Specifications

+
Length38 m
+
Diameter6 m
+
Mass (dry)18 000 kg
+
Mass (fuelled)138 000 kg
+
Payload (lunar)25 000 kg
+
Crew6 + 2 pilots
+
Thrust4 × 50 kN
+
ISP (vacuum)380 s
+
Delta-V8 500 m/s
+
Endurance30 days
+
+ + +
+

⚡ Systems Status

+ +
+
PropulsionNOMINAL
+
+
+
+
Life SupportNOMINAL
+
+
+
+
AvionicsNOMINAL
+
+
+
+
Comms (Ka)100 Mbps
+
+
+
+
Solar Power8 kW
+
+
+
+
Cargo BaySECURED
+
+
+
+ + +
+

🔍 Section Details

+

Click any section on the blueprint to view details.

+
+ +
+
+ +
+ NBS-1 "Data Voyager" Visual Blueprint · NetworkBuster Aerospace Division · + Integration Guide · + Rev 2.1 · Q4 2026 +
+ + + + +