From 697e6d842cf662f33e0b679859c2fc9365222d2d Mon Sep 17 00:00:00 2001 From: soryu-co Date: Wed, 6 May 2026 13:56:35 +0000 Subject: Replace PC-98 character image with tactical observability mesh SVG - New /public/mission-tactical.svg (~9KB, license-clean, hand-crafted): amber wireframe globe + magenta mesh links, GitS:SAC-style HUD chrome (corner brackets, scanlines, telemetry strip, NODE-001 TYO label, pulsing origin node), kanji watermark. - Uses CSS palette vars (amber #e8b87a / magenta #d96a8a / cyan #9ad7e0). - .mission-image switched to object-fit:contain with a dark fill so the vector renders fully and never crops; pc98 mission-pan animation is killed for the SVG path. --- frontend/public/mission-tactical.svg | 210 ++++++++++++++++++++++++++++++++ frontend/src/components/LandingPage.tsx | 2 +- frontend/src/styles/heisei.css | 15 ++- 3 files changed, 225 insertions(+), 2 deletions(-) create mode 100644 frontend/public/mission-tactical.svg diff --git a/frontend/public/mission-tactical.svg b/frontend/public/mission-tactical.svg new file mode 100644 index 0000000..cd4095a --- /dev/null +++ b/frontend/public/mission-tactical.svg @@ -0,0 +1,210 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SORYU // OBSERVABILITY MESH + REC ● + + + 35.6764°N · 139.6500°E + v1.0.0 / LIVE + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + NODE-001 · TYO + 42ms · 99.998% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + TELEMETRY · 1m + + + + VELOCITY + 603 km/h + + ENERGY + 32.0 MJ + + UPTIME + 99.998% + + + + + + 観測 + + diff --git a/frontend/src/components/LandingPage.tsx b/frontend/src/components/LandingPage.tsx index 708cbb1..2c543a6 100644 --- a/frontend/src/components/LandingPage.tsx +++ b/frontend/src/components/LandingPage.tsx @@ -176,7 +176,7 @@ export function LandingPage({ onLogin }: LandingPageProps) { {activePanel === 'mission' ? (

Building real‑time systems for mission-critical observability and surveillance

- Mission montage + Tactical observability mesh

We deliver low‑latency streaming & infrastructure that turns live data into reliable, secure insight. Target selection, monitoring and full end to end observability diff --git a/frontend/src/styles/heisei.css b/frontend/src/styles/heisei.css index 2500ff8..c56791a 100644 --- a/frontend/src/styles/heisei.css +++ b/frontend/src/styles/heisei.css @@ -442,10 +442,13 @@ body { background: var(--hz-night); color: var(--hz-ink); } box-shadow: 0 24px 60px -24px rgba(8, 10, 24, 0.85), 0 0 0 1px var(--hz-line); - filter: saturate(0.85) brightness(0.92); + filter: none; /* tactical SVG renders flat */ height: clamp(180px, 36vh, 360px); width: 100%; display: block; + object-fit: contain; /* show full reticle, no crop */ + background: rgba(11, 17, 36, 0.6); + animation: none; /* kill pc98 mission-pan */ } /* ----- Desktop (≥1025px): image on the left, copy on the right ----- */ @@ -472,6 +475,16 @@ body { background: var(--hz-night); color: var(--hz-ink); } object-fit: cover; /* Pc98 sets `grid-area: hero` etc — clear leftover row hints */ grid-area: auto; + /* Tactical SVG: render whole frame, no pan/crop, no filter */ + animation: none !important; + filter: none !important; + background: rgba(11, 17, 36, 0.6); + object-fit: contain; + object-position: center; + padding: 0; + box-shadow: + 0 24px 60px -24px rgba(8, 10, 24, 0.85), + 0 0 0 1px var(--hz-line); } /* Right-column text: each block owns its own accent rule */ .mission-screen .mission-headline, -- cgit v1.2.3