252 lines
9.6 KiB
HTML
252 lines
9.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="sv">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
|
<title>LandveX — AI Infrastructure Intelligence</title>
|
||
|
|
<style>
|
||
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
|
|
body {
|
||
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||
|
|
background: #0a0a0a;
|
||
|
|
color: #fff;
|
||
|
|
line-height: 1.6;
|
||
|
|
-webkit-text-size-adjust: 100%;
|
||
|
|
}
|
||
|
|
.hero {
|
||
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
|
|
padding: 60px 20px 40px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.hero h1 { font-size: 2.5em; margin-bottom: 10px; }
|
||
|
|
.hero p { font-size: 1.1em; opacity: 0.9; max-width: 600px; margin: 0 auto; }
|
||
|
|
|
||
|
|
/* Mobilmeny */
|
||
|
|
.mobile-menu {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: center;
|
||
|
|
gap: 10px;
|
||
|
|
padding: 20px;
|
||
|
|
background: rgba(0,0,0,0.3);
|
||
|
|
}
|
||
|
|
.menu-btn {
|
||
|
|
display: inline-block;
|
||
|
|
background: rgba(255,255,255,0.2);
|
||
|
|
color: white;
|
||
|
|
padding: 10px 20px;
|
||
|
|
border-radius: 20px;
|
||
|
|
text-decoration: none;
|
||
|
|
font-size: 0.9em;
|
||
|
|
font-weight: 500;
|
||
|
|
border: 1px solid rgba(255,255,255,0.3);
|
||
|
|
}
|
||
|
|
.menu-btn.active {
|
||
|
|
background: white;
|
||
|
|
color: #667eea;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
|
||
|
|
h2 { font-size: 1.5em; margin: 30px 0 15px; color: #667eea; }
|
||
|
|
h3 { font-size: 1.2em; margin: 20px 0 10px; color: #764ba2; }
|
||
|
|
.card {
|
||
|
|
background: rgba(255,255,255,0.05);
|
||
|
|
border-radius: 12px;
|
||
|
|
padding: 20px;
|
||
|
|
margin: 15px 0;
|
||
|
|
border-left: 3px solid #667eea;
|
||
|
|
}
|
||
|
|
.metric-grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(2, 1fr);
|
||
|
|
gap: 10px;
|
||
|
|
margin: 20px 0;
|
||
|
|
}
|
||
|
|
.metric {
|
||
|
|
background: rgba(102, 126, 234, 0.2);
|
||
|
|
padding: 15px;
|
||
|
|
border-radius: 10px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.metric-value { font-size: 1.8em; font-weight: bold; color: #667eea; }
|
||
|
|
.metric-label { font-size: 0.8em; color: #888; margin-top: 5px; }
|
||
|
|
.btn {
|
||
|
|
display: block;
|
||
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
|
|
color: white;
|
||
|
|
padding: 12px 20px;
|
||
|
|
border-radius: 8px;
|
||
|
|
text-decoration: none;
|
||
|
|
text-align: center;
|
||
|
|
margin: 10px 0;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.btn-outline {
|
||
|
|
background: transparent;
|
||
|
|
border: 2px solid #667eea;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
border-collapse: collapse;
|
||
|
|
margin: 15px 0;
|
||
|
|
font-size: 0.9em;
|
||
|
|
}
|
||
|
|
th, td {
|
||
|
|
padding: 8px;
|
||
|
|
text-align: left;
|
||
|
|
border-bottom: 1px solid rgba(255,255,255,0.1);
|
||
|
|
}
|
||
|
|
th { color: #667eea; font-weight: 600; }
|
||
|
|
.status-ok { color: #4ade80; }
|
||
|
|
.status-wait { color: #fbbf24; }
|
||
|
|
.status-na { color: #ef4444; }
|
||
|
|
.section { margin: 40px 0; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="hero">
|
||
|
|
<h1>LandveX AI</h1>
|
||
|
|
<p>Infrastructure Intelligence Platform</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Mobilmeny -->
|
||
|
|
<div class="mobile-menu">
|
||
|
|
<a href="#strategy" class="menu-btn">Strategi</a>
|
||
|
|
<a href="#phases" class="menu-btn">Faser</a>
|
||
|
|
<a href="#vocabulary" class="menu-btn">Vokabulär</a>
|
||
|
|
<a href="#benchmark" class="menu-btn">Benchmark</a>
|
||
|
|
<a href="#status" class="menu-btn">Status</a>
|
||
|
|
<a href="#docs" class="menu-btn">Docs</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="metric-grid">
|
||
|
|
<div class="metric">
|
||
|
|
<div class="metric-value">50</div>
|
||
|
|
<div class="metric-label">AI-objekt</div>
|
||
|
|
</div>
|
||
|
|
<div class="metric">
|
||
|
|
<div class="metric-value">7</div>
|
||
|
|
<div class="metric-label">Kategorier</div>
|
||
|
|
</div>
|
||
|
|
<div class="metric">
|
||
|
|
<div class="metric-value">3</div>
|
||
|
|
<div class="metric-label">Gold Routes</div>
|
||
|
|
</div>
|
||
|
|
<div class="metric">
|
||
|
|
<div class="metric-value">27K</div>
|
||
|
|
<div class="metric-label">Mål: Gold labels</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section" id="strategy">
|
||
|
|
<h2>🎯 Strategi</h2>
|
||
|
|
<p>Tre-fas approach för AI:</p>
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
<h3>Fas 1: Cloud Vision Bootstrap</h3>
|
||
|
|
<p>Google Cloud Vision för snabb start. Automatiskt föreslå annotationer, bygga gold dataset, validera UIOS.</p>
|
||
|
|
<p style="margin-top: 10px;"><strong>Status:</strong> <span class="status-wait">🟡 Väntar på API-nyckel</span></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
<h3>Fas 2: Eget Dataset</h3>
|
||
|
|
<p>27,000+ verifierade observationer från Bangkok, Torrevieja, Stockholm.</p>
|
||
|
|
<p style="margin-top: 10px;"><strong>Status:</strong> <span class="status-na">🔴 Ej startad</span></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
<h3>Fas 3: Egen Modell</h3>
|
||
|
|
<p>YOLOv11 + Grounding DINO + SAM2 + OCR + Object Identity.</p>
|
||
|
|
<p style="margin-top: 10px;"><strong>Status:</strong> <span class="status-na">🔴 Ej tränad</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section" id="phases">
|
||
|
|
<h2>📊 Faser i detalj</h2>
|
||
|
|
|
||
|
|
<h3>Fas 1: Cloud Vision</h3>
|
||
|
|
<ul style="padding-left: 20px; margin: 10px 0;">
|
||
|
|
<li>Automatiska annotationer</li>
|
||
|
|
<li>Gold dataset-byggare</li>
|
||
|
|
<li>UIOS-validering</li>
|
||
|
|
<li>Mission Planner-test</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h3>Fas 2: Dataset-mål</h3>
|
||
|
|
<table>
|
||
|
|
<tr><th>Objekt</th><th>Mål</th></tr>
|
||
|
|
<tr><td>Street lamp</td><td>5,000</td></tr>
|
||
|
|
<tr><td>Traffic sign</td><td>5,000</td></tr>
|
||
|
|
<tr><td>Trees</td><td>10,000</td></tr>
|
||
|
|
<tr><td>Manhole</td><td>3,000</td></tr>
|
||
|
|
<tr><td>Electrical cabinet</td><td>2,000</td></tr>
|
||
|
|
<tr><td>Bench</td><td>2,000</td></tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<h3>Fas 3: Modell-ensemble</h3>
|
||
|
|
<ul style="padding-left: 20px; margin: 10px 0;">
|
||
|
|
<li><strong>YOLOv11</strong> — Realtid</li>
|
||
|
|
<li><strong>Grounding DINO</strong> — Öppna kategorier</li>
|
||
|
|
<li><strong>SAM2</strong> — Segmentering</li>
|
||
|
|
<li><strong>OCR</strong> — Text</li>
|
||
|
|
<li><strong>Object Identity</strong> — Unik ID</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section" id="vocabulary">
|
||
|
|
<h2>📖 Vocabulary</h2>
|
||
|
|
<p>50 objekt i 7 kategorier:</p>
|
||
|
|
|
||
|
|
<table>
|
||
|
|
<tr><th>Kategori</th><th>Antal</th></tr>
|
||
|
|
<tr><td>Lighting</td><td>6</td></tr>
|
||
|
|
<tr><td>Road</td><td>10</td></tr>
|
||
|
|
<tr><td>Utility</td><td>6</td></tr>
|
||
|
|
<tr><td>Traffic</td><td>8</td></tr>
|
||
|
|
<tr><td>Vegetation</td><td>6</td></tr>
|
||
|
|
<tr><td>Furniture</td><td>7</td></tr>
|
||
|
|
<tr><td>Buildings</td><td>7</td></tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section" id="benchmark">
|
||
|
|
<h2>📈 Benchmark</h2>
|
||
|
|
<table>
|
||
|
|
<tr><th>Modell</th><th>Kostnad</th><th>Status</th></tr>
|
||
|
|
<tr><td>Cloud Vision</td><td>$0.0015</td><td class="status-wait">🟡 Väntar</td></tr>
|
||
|
|
<tr><td>YOLOv8</td><td>$0</td><td class="status-na">🔴 0 det</td></tr>
|
||
|
|
<tr><td>Grounding DINO</td><td>$0</td><td class="status-na">🔴 CUDA</td></tr>
|
||
|
|
<tr><td>Egen</td><td>$0</td><td class="status-na">🔴 Ej tränad</td></tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section" id="status">
|
||
|
|
<h2>📋 Status</h2>
|
||
|
|
<table>
|
||
|
|
<tr><th>Komponent</th><th>Status</th></tr>
|
||
|
|
<tr><td>AI-arkitektur</td><td class="status-ok">✅ Klar</td></tr>
|
||
|
|
<tr><td>Cloud Vision SDK</td><td class="status-ok">✅ Installerad</td></tr>
|
||
|
|
<tr><td>Benchmark</td><td class="status-ok">✅ Klar</td></tr>
|
||
|
|
<tr><td>GC-projekt</td><td class="status-wait">🟡 Väntar</td></tr>
|
||
|
|
<tr><td>API-nyckel</td><td class="status-wait">🟡 Väntar</td></tr>
|
||
|
|
<tr><td>Gold Route</td><td class="status-na">🔴 Ej startad</td></tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="section" id="docs">
|
||
|
|
<h2>🔗 Dokumentation</h2>
|
||
|
|
<a href="/pilot/EXECUTION-PLAN.md" class="btn">Execution Plan</a>
|
||
|
|
<a href="/pilot/AI-ARCHITECTURE.md" class="btn">AI-arkitektur</a>
|
||
|
|
<a href="/pilot/INFRASTRUCTURE-VOCABULARY.md" class="btn">Vokabulär</a>
|
||
|
|
<a href="/pilot/STATUS-2026-06-29.md" class="btn">Full status</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); color: #888; font-size: 0.8em; text-align: center;">
|
||
|
|
<p>LandveX — Infrastructure Intelligence</p>
|
||
|
|
<p>Senast uppdaterad: 2026-06-29</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|