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
176 lines
8.0 KiB
HTML
176 lines
8.0 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 Ecosystem v7 - Reality Intelligence Ecosystem</title>
|
|
<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: 20px 40px; 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: 4px; }
|
|
.nav a { color: #666; text-decoration: none; padding: 12px 20px; 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: 60px 20px; background: linear-gradient(180deg, #0a0a0a 0%, #1a1a2e 100%); border-radius: var(--radius-lg); margin-bottom: 40px; }
|
|
.hero h2 { font-size: 2rem; margin-bottom: 16px; 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; }
|
|
.components { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; margin-bottom: 40px; }
|
|
.component { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 24px; }
|
|
.component-number { font-size: 0.75rem; color: #00d4ff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
|
|
.component h3 { font-size: 1.1rem; margin-bottom: 12px; }
|
|
.component p { color: #888; font-size: 0.85rem; margin-bottom: 12px; }
|
|
.component-items { list-style: none; }
|
|
.component-items li { color: #aaa; font-size: 0.8rem; padding: 4px 0; padding-left: 16px; position: relative; }
|
|
.component-items li::before { content: "→"; position: absolute; left: 0; color: #00d4ff; }
|
|
.separation { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 32px; margin-bottom: 40px; }
|
|
.separation h2 { font-size: 1.5rem; margin-bottom: 16px; color: #7c3aed; }
|
|
.separation p { color: #888; margin-bottom: 16px; }
|
|
.entities { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; margin-top: 16px; }
|
|
.entity { background: #1a1a1a; border-radius: var(--radius-md); padding: 16px; }
|
|
.entity-name { color: #00d4ff; font-weight: 600; }
|
|
.entity-type { color: #888; font-size: 0.8rem; }
|
|
.entity-desc { color: #aaa; font-size: 0.75rem; margin-top: 8px; }
|
|
.product-story { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 32px; margin-bottom: 40px; text-align: center; }
|
|
.product-story h2 { font-size: 1.5rem; margin-bottom: 16px; color: #00d4ff; }
|
|
.product-story p { font-size: 1.1rem; color: #aaa; max-width: 800px; margin: 0 auto; line-height: 1.8; }
|
|
.evolution { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 12px; margin-bottom: 40px; }
|
|
.evo { background: #111; border: 1px solid #333; border-radius: var(--radius-md); padding: 12px; text-align: center; }
|
|
.evo-version { font-size: 1.1rem; font-weight: 700; color: #00d4ff; }
|
|
.evo-name { font-size: 0.75rem; color: #aaa; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div>
|
|
<h1>LIFE Ecosystem v7</h1>
|
|
<div class="subtitle">Reality Intelligence Ecosystem</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav">
|
|
<a href="/admin/" style="color: #666;">← Admin</a>
|
|
<a href="#" class="active">Ecosystem</a>
|
|
<a href="#components">Komponenter</a>
|
|
<a href="#separation">Avgränsning</a>
|
|
</div>
|
|
|
|
<div class="main">
|
|
|
|
<div class="hero">
|
|
<h2>Reality Intelligence Ecosystem</h2>
|
|
<p>Ett tekniskt ramverk blir en standard först när andra använder det. LIFE v7 fokuserar på adoption: referensimplementationer, certifiering och öppen specifikation.</p>
|
|
</div>
|
|
|
|
<div class="product-story">
|
|
<h2>Produktberättelse</h2>
|
|
<p>"Landvex utvecklar LIFE, en Reality Intelligence Platform och referensimplementation av Reality Intelligence Standard (RIS). Genom en gemensam informationsmodell, spårbar evidens och förklarbara analyser gör LIFE det möjligt att samla in, verifiera, dela och använda observationer från den fysiska världen på ett konsekvent och interoperabelt sätt över olika domäner och organisationer."</p>
|
|
</div>
|
|
|
|
<h2 style="margin-bottom: 20px; color: #00d4ff;">Evolution av LIFE</h2>
|
|
|
|
<div class="evolution">
|
|
<div class="evo">
|
|
<div class="evo-version">v1</div>
|
|
<div class="evo-name">Aid Intelligence</div>
|
|
</div>
|
|
<div class="evo">
|
|
<div class="evo-version">v2</div>
|
|
<div class="evo-name">Multi-signal</div>
|
|
</div>
|
|
<div class="evo">
|
|
<div class="evo-version">v3</div>
|
|
<div class="evo-name">Core Architecture</div>
|
|
</div>
|
|
<div class="evo">
|
|
<div class="evo-version">v4</div>
|
|
<div class="evo-name">Platform</div>
|
|
</div>
|
|
<div class="evo">
|
|
<div class="evo-version">v5</div>
|
|
<div class="evo-name">Enterprise</div>
|
|
</div>
|
|
<div class="evo">
|
|
<div class="evo-version">v6</div>
|
|
<div class="evo-name">Standard</div>
|
|
</div>
|
|
<div class="evo">
|
|
<div class="evo-version">v7</div>
|
|
<div class="evo-name">Ecosystem</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 style="margin-bottom: 20px; color: #00d4ff;">3 Komponenter för Adoption</h2>
|
|
|
|
<div class="components" id="components">
|
|
<div class="component">
|
|
<div class="component-number">Komponent 1</div>
|
|
<h3> Reference Implementations</h3>
|
|
<p>Öppna referensimplementationer som sänker tröskeln för externa utvecklare</p>
|
|
<ul class="component-items">
|
|
<li>Reference Server (Python/FastAPI)</li>
|
|
<li>Reference Client (React/TypeScript)</li>
|
|
<li>SDK: Python, JS, Java, Go, Rust</li>
|
|
<li>Example Data (Somalia, Sweden, Climate)</li>
|
|
<li>Example APIs (Municipal, Insurance, Aid)</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="component">
|
|
<div class="component-number">Komponent 2</div>
|
|
<h3><svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="#22c55e" stroke-width="2"/><path d="M6 10L9 13L14 7" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> Conformance Program</h3>
|
|
<p>Certifieringsprogram som ger tydlig kvalitetsnivå för RIS-integrationer</p>
|
|
<ul class="component-items">
|
|
<li>RIS Compatible (gratis)</li>
|
|
<li>RIS Certified ($5,000/år)</li>
|
|
<li>RIS Enterprise Certified ($25,000/år)</li>
|
|
<li>Automatiska kompatibilitetstester</li>
|
|
<li>Oberoende säkerhetsgranskning</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="component">
|
|
<div class="component-number">Komponent 3</div>
|
|
<h3> Public Specification</h3>
|
|
<p>Öppen specifikation som gör att andra kan implementera RIS oberoende</p>
|
|
<ul class="component-items">
|
|
<li>Terminologi och begrepp</li>
|
|
<li>Objektmodell (RIS-001)</li>
|
|
<li>API-kontrakt (RIS-004)</li>
|
|
<li>Evidensmodell (RIS-002)</li>
|
|
<li>Konfidensmodell (RIS-003)</li>
|
|
<li>Versionspolicy och bakåtkompatibilitet</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="separation" id="separation">
|
|
<h2>Strategisk Avgränsning</h2>
|
|
<p>Tre saker som är vanligt i framgångsrika ekosystem: standarden kan vara öppen, medan referensimplementationen och kommersiella tillägg fortsätter att utvecklas av företaget.</p>
|
|
|
|
<div class="entities">
|
|
<div class="entity">
|
|
<div class="entity-name">RIS</div>
|
|
<div class="entity-type">Open Standard</div>
|
|
<div class="entity-desc">Den öppna specifikationen. Community-governed. CC BY 4.0. Gratis att använda.</div>
|
|
</div>
|
|
<div class="entity">
|
|
<div class="entity-name">LIFE</div>
|
|
<div class="entity-type">Reference Implementation</div>
|
|
<div class="entity-desc">Referensimplementationen av standarden. Open source. Apache 2.0. Gratis att använda.</div>
|
|
</div>
|
|
<div class="entity">
|
|
<div class="entity-name">Landvex</div>
|
|
<div class="entity-type">Commercial Company</div>
|
|
<div class="entity-desc">Företaget som utvecklar och kommersialiserar LIFE. Proprietära tjänster. Betalda tjänster.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |