Bernt
6989a98d75
- Arkitektur: docs/auth/passwordless-architecture.md - Backend: iom/quixzoom-auth-service/ (FastAPI + Redis) - Webb: quixzoom-market-pages/se/login/ (QR-kod + polling) - App: iom/quixzoom-app/src/features/auth/ (push + deep links) Flöde: QR-kod → app-godkännande → webb-inloggad
227 lines
9.2 KiB
HTML
227 lines
9.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LIFE Validation - Reality Intelligence Validation Program</title>
|
|
<link rel="stylesheet" href="/assets/css/landvex-complete.css">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; background: #000; color: #fff; line-height: 1.6; }
|
|
.header { background: #0a0a0a; border-bottom: 1px solid #333; padding: 24px; display: flex; justify-content: space-between; align-items: center; }
|
|
.header h1 { font-size: 1.5rem; background: linear-gradient(90deg, #00d4ff, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
|
.header .subtitle { color: #666; font-size: 0.85rem; }
|
|
.nav { background: #0a0a0a; border-bottom: 1px solid #333; padding: 0 40px; display: flex; gap: 16px; }
|
|
.nav a { color: #666; text-decoration: none; padding: 24px; font-size: 0.85rem; transition: all 0.2s; border-bottom: 2px solid transparent; }
|
|
.nav a:hover, .nav a.active { color: #00d4ff; border-bottom-color: #00d4ff; }
|
|
.main { padding: 40px; max-width: 1400px; margin: 0 auto; }
|
|
.hero { text-align: center; padding: 24px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a2e 100%); border-radius: var(--radius-lg); margin-bottom: 40px; }
|
|
.hero h2 { font-size: 2rem; margin-bottom: 24px; background: linear-gradient(90deg, #00d4ff, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
|
.hero p { font-size: 1rem; color: #aaa; max-width: 800px; margin: 0 auto; }
|
|
.phases { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; margin-bottom: 40px; }
|
|
.phase { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 24px; }
|
|
.phase-number { font-size: 0.75rem; color: #00d4ff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
|
|
.phase h3 { font-size: 1.1rem; margin-bottom: 12px; }
|
|
.phase p { color: #888; font-size: 0.85rem; margin-bottom: 12px; }
|
|
.phase-objs { list-style: none; }
|
|
.phase-objs li { color: #aaa; font-size: 0.8rem; padding: 4px 0; padding-left: 16px; position: relative; }
|
|
.phase-objs li::before { content: "→"; position: absolute; left: 0; color: #00d4ff; }
|
|
.metrics { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 32px; margin-bottom: 40px; }
|
|
.metrics h2 { font-size: 1.5rem; margin-bottom: 24px; color: #7c3aed; }
|
|
.metrics p { color: #888; margin-bottom: 24px; }
|
|
.metric-dims { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; margin-top: 16px; }
|
|
.dim { background: #1a1a1a; border-radius: var(--radius-md); padding: 16px; }
|
|
.dim-name { color: #00d4ff; font-weight: 600; }
|
|
.dim-desc { color: #888; font-size: 0.8rem; margin-top: 4px; }
|
|
.dim-kpis { color: #aaa; font-size: 0.75rem; margin-top: 8px; }
|
|
.spec { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 32px; margin-bottom: 40px; }
|
|
.spec h2 { font-size: 1.5rem; margin-bottom: 24px; color: #00d4ff; }
|
|
.spec p { color: #888; margin-bottom: 24px; }
|
|
.spec-sections { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
|
|
.spec-section { background: #1a1a1a; border-radius: var(--radius-md); padding: 12px; }
|
|
.spec-num { color: #00d4ff; font-size: 0.75rem; }
|
|
.spec-title { color: #fff; font-size: 0.85rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div>
|
|
<h1>LIFE Validation</h1>
|
|
<div class="subtitle">Reality Intelligence Validation Program</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav">
|
|
<a href="/admin/" >← Admin</a>
|
|
<a href="#" class="active">Validation</a>
|
|
<a href="#phases">Faser</a>
|
|
<a href="#metrics">KPI:er</a>
|
|
</div>
|
|
|
|
<div class="main">
|
|
|
|
<div class="lv-hero">
|
|
<h2>Reality Intelligence Validation Program</h2>
|
|
<p>Många tekniska projekt fortsätter bygga lager utan att validera dem. RIVP säkerställer att varje fas bevisar verkligt värde innan vidare utveckling.</p>
|
|
</div>
|
|
|
|
<h2>4 Faser</h2>
|
|
|
|
<div class="phases" id="phases">
|
|
<div class="phase">
|
|
<div class="phase-number">Fas 1</div>
|
|
<h3> Infrastruktur</h3>
|
|
<p>6 månader — Vägar, broar, arbeten</p>
|
|
<ul class="phase-objs">
|
|
<li>Hitta vägskador (>80% precision)</li>
|
|
<li>Följa vägarbeten (±10%)</li>
|
|
<li>Upptäcka förändringar (<48h)</li>
|
|
<li>Verifiera reparationer (>90%)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="phase">
|
|
<div class="phase-number">Fas 2</div>
|
|
<h3> Kommun</h3>
|
|
<p>6 månader — Parker, belysning, skyltning</p>
|
|
<ul class="phase-objs">
|
|
<li>Följa parker (veckovis)</li>
|
|
<li>Gatubelysning (>95% täckning)</li>
|
|
<li>Skyltning (±5% inventering)</li>
|
|
<li>Avfall (90% illegala platser)</li>
|
|
<li>Vinterunderhåll (<4h)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="phase">
|
|
<div class="phase-number">Fas 3</div>
|
|
<h3><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="3" y="2" width="10" height="12" rx="1" stroke="#666" stroke-width="1.5"/><path d="M6 5H7M6 8H7M6 11H7M9 5H10M9 8H10M9 11H10" stroke="#666" stroke-width="1.5" stroke-linecap="round"/></svg> Fastigheter</h3>
|
|
<p>6 månader — Byggnader, skador, underhåll</p>
|
|
<ul class="phase-objs">
|
|
<li>Följa byggnader (månadsvis)</li>
|
|
<li>Upptäcka skador (>75% precision)</li>
|
|
<li>Följa underhåll (100% spårbarhet)</li>
|
|
<li>Analysera risk (±1 nivå)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="phase">
|
|
<div class="phase-number">Fas 4</div>
|
|
<h3> Bistånd</h3>
|
|
<p>12 månader — Projekt, observationer, verifiering</p>
|
|
<ul class="phase-objs">
|
|
<li>Följa projekt över tid (±15%)</li>
|
|
<li>Samla oberoende observationer (>50%)</li>
|
|
<li>Kombinera flera källor (>3/objekt)</li>
|
|
<li>Identifiera verifieringsbehov (>80%)</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="metrics" id="metrics">
|
|
<h2>6 Dimensioner för Framgång</h2>
|
|
<p>Fokus på faktisk användning, inte antal moduler.</p>
|
|
|
|
<div class="metric-dims">
|
|
<div class="dim">
|
|
<div class="dim-name"> Datatäckning</div>
|
|
<div class="dim-desc">Andel objekt med aktuell data</div>
|
|
<div class="dim-kpis">Object Coverage >95%<br>Geographic Coverage >90%</div>
|
|
</div>
|
|
<div class="dim">
|
|
<div class="dim-name">⏱ Aktualitet</div>
|
|
<div class="dim-desc">Tid från förändring till observation</div>
|
|
<div class="dim-kpis">Detection Time <48h<br>Alert Latency <1h</div>
|
|
</div>
|
|
<div class="dim">
|
|
<div class="dim-name"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="7" cy="7" r="5" stroke="#666" stroke-width="2"/><path d="M11 11L14 14" stroke="#666" stroke-width="2" stroke-linecap="round"/></svg> Evidenskvalitet</div>
|
|
<div class="dim-desc">Konfidens och verifiering</div>
|
|
<div class="dim-kpis">Avg Confidence >75<br>Verification Rate >30%</div>
|
|
</div>
|
|
<div class="dim">
|
|
<div class="dim-name"> Analyskvalitet</div>
|
|
<div class="dim-desc">Användbarhet och korrekthet</div>
|
|
<div class="dim-kpis">User Satisfaction >80%<br>Decision Adoption >60%</div>
|
|
</div>
|
|
<div class="dim">
|
|
<div class="dim-name"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 12L6 8L9 11L14 5" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 5H14V9" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> Adoption</div>
|
|
<div class="dim-desc">Externa implementationer</div>
|
|
<div class="dim-kpis">External Impl >10<br>Partner Integrations >20</div>
|
|
</div>
|
|
<div class="dim">
|
|
<div class="dim-name"> Interoperabilitet</div>
|
|
<div class="dim-desc">System som utbyter data</div>
|
|
<div class="dim-kpis">RIS Compatible >15<br>Data Exchange >1TB/mån</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="spec">
|
|
<h2>Teknisk Specifikation (Nästa Leverans)</h2>
|
|
<p>Efter validering: RFC/ISO-liknande standard som blir referens för utvecklare, partners och kunder.</p>
|
|
|
|
<div class="spec-sections">
|
|
<div class="spec-section">
|
|
<div class="spec-num">1</div>
|
|
<div class="spec-title">Executive Summary</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">2</div>
|
|
<div class="spec-title">Vision and Principles</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">3</div>
|
|
<div class="spec-title">Architecture</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">4</div>
|
|
<div class="spec-title">Ontology</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">5</div>
|
|
<div class="spec-title">RIS Specifications</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">6</div>
|
|
<div class="spec-title">Object Model</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">7</div>
|
|
<div class="spec-title">Evidence Model</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">8</div>
|
|
<div class="spec-title">API Contracts</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">9</div>
|
|
<div class="spec-title">Security Model</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">10</div>
|
|
<div class="spec-title">Versioning Strategy</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">11</div>
|
|
<div class="spec-title">Governance</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">12</div>
|
|
<div class="spec-title">Reference Implementation</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">13</div>
|
|
<div class="spec-title">Conformance Requirements</div>
|
|
</div>
|
|
<div class="spec-section">
|
|
<div class="spec-num">14</div>
|
|
<div class="spec-title">Examples and Test Cases</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |