Files
boc/landvex-site/admin/aid-v2.html
T
Bernt 6989a98d75 feat: Passwordless cross-device authentication
- 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
2026-07-07 07:11:50 +00:00

256 lines
11 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landvex Aid Intelligence - Evidence-Based Verification</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; background: #f8f9fa; color: #1a1a1a; line-height: 1.6; }
.header { background: #fff; border-bottom: 1px solid #e9ecef; padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; }
.header h1 { font-size: 1.5rem; color: #1a1a1a; }
.header .subtitle { color: #6c757d; font-size: 0.85rem; }
.nav { background: #fff; border-bottom: 1px solid #e9ecef; padding: 0 40px; display: flex; gap: 4px; }
.nav a { color: #6c757d; 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: #0066cc; border-bottom-color: #0066cc; }
.main { padding: 40px; max-width: 1400px; margin: 0 auto; }
.philosophy { background: #fff; border-radius: var(--radius-md); padding: 32px; margin-bottom: 32px; border-left: 4px solid #0066cc; }
.philosophy h2 { font-size: 1.25rem; margin-bottom: 16px; color: #1a1a1a; }
.philosophy p { color: #495057; margin-bottom: 12px; }
.philosophy ul { margin-left: 20px; color: #495057; }
.philosophy li { margin-bottom: 8px; }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; margin-bottom: 32px; }
.stat-card { background: #fff; border-radius: var(--radius-md); padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.stat-card h3 { font-size: 0.75rem; color: #6c757d; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.stat-card .value { font-size: 2rem; font-weight: 700; color: #1a1a1a; }
.stat-card .change { font-size: 0.8rem; margin-top: 4px; }
.stat-card .change.positive { color: #28a745; }
.section { background: #fff; border-radius: var(--radius-md); padding: 24px; margin-bottom: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.section h2 { font-size: 1.1rem; margin-bottom: 16px; color: #1a1a1a; }
.project-card { border: 1px solid #e9ecef; border-radius: var(--radius-md); padding: 16px; margin-bottom: 12px; }
.project-card h3 { font-size: 1rem; margin-bottom: 8px; }
.project-card .meta { font-size: 0.8rem; color: #6c757d; margin-bottom: 8px; }
.project-card .findings { font-size: 0.85rem; color: #495057; }
.project-card .findings li { margin-bottom: 4px; }
.score { display: inline-block; padding: 4px 12px; border-radius: var(--radius-sm); font-size: 0.75rem; font-weight: 600; }
.score.high { background: #d4edda; color: #155724; }
.score.medium { background: #fff3cd; color: #856404; }
.score.low { background: #f8d7da; color: #721c24; }
.discrepancy { background: #fff3cd; border: 1px solid #ffeaa7; border-radius: var(--radius-md); padding: 16px; margin-bottom: 12px; }
.discrepancy h4 { color: #856404; margin-bottom: 8px; }
.discrepancy p { font-size: 0.85rem; color: #495057; }
.positive { background: #d4edda; border: 1px solid #c3e6cb; border-radius: var(--radius-md); padding: 16px; margin-bottom: 12px; }
.positive h4 { color: #155724; margin-bottom: 8px; }
.framework-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.framework-card { border: 1px solid #e9ecef; border-radius: var(--radius-md); padding: 16px; }
.framework-card h4 { font-size: 0.95rem; margin-bottom: 8px; }
.framework-card p { font-size: 0.8rem; color: #6c757d; }
</style>
</head>
<body>
<div class="header">
<div>
<h1>Landvex Aid Intelligence</h1>
<div class="subtitle">Evidence-Based Impact Verification</div>
</div>
<div style="text-align: right;">
<div style="font-size: 0.8rem; color: #6c757d;">Projects Monitored</div>
<div style="font-size: 1.5rem; font-weight: 700;">1,250</div>
</div>
</div>
<div class="nav">
<a href="/admin/" style="color: #6c757d;">← Admin</a>
<a href="#" class="active">Dashboard</a>
<a href="#projects">Projects</a>
<a href="#verification">Verification</a>
<a href="#research">Research</a>
</div>
<div class="main">
<div class="philosophy">
<h2>Our Mission</h2>
<p>Build Landvex Aid Intelligence as the world's leading <strong>independent platform</strong> for measuring, verifying and improving the real-world impact of development aid.</p>
<p>We believe development aid should create <strong>measurable, sustainable improvements</strong>. We measure observable progress rather than assuming success or failure.</p>
<h2 style="margin-top: 20px; font-size: 1rem;">Core Principles</h2>
<ul>
<li>Evidence over speculation</li>
<li>Transparency over opacity</li>
<li>Continuous learning over blame</li>
<li>Independent verification over assumptions</li>
<li>Long-term societal outcomes over short-term activity metrics</li>
</ul>
</div>
<div class="stats-grid">
<div class="stat-card">
<h3>Projects Verified</h3>
<div class="value">890</div>
<div class="change positive">71% of total</div>
</div>
<div class="stat-card">
<h3>Avg Confidence</h3>
<div class="value">82%</div>
<div class="change positive">+3% vs last quarter</div>
</div>
<div class="stat-card">
<h3>Evidence Sources</h3>
<div class="value">5</div>
<div class="change">Satellite, Field, AI, Open Data, Official</div>
</div>
<div class="stat-card">
<h3>Countries</h3>
<div class="value">9</div>
<div class="change">Sub-Saharan Africa</div>
</div>
<div class="stat-card">
<h3>Observations</h3>
<div class="value">45K</div>
<div class="change positive">+3,200 this month</div>
</div>
<div class="stat-card">
<h3>Flagged for Review</h3>
<div class="value" style="color: #856404;">15</div>
<div class="change">Signals, not accusations</div>
</div>
</div>
<div class="section">
<h2>Verification Framework</h2>
<p style="color: #6c757d; margin-bottom: 16px;">Multidimensional evaluation of observable outcomes. Every score includes confidence intervals.</p>
<div class="framework-grid">
<div class="framework-card">
<h4>Infrastructure Completion</h4>
<p>Observable physical completion of planned infrastructure</p>
</div>
<div class="framework-card">
<h4>Operational Continuity</h4>
<p>Whether facilities remain operational over time</p>
</div>
<div class="framework-card">
<h4>Maintenance Quality</h4>
<p>Observable maintenance and upkeep</p>
</div>
<div class="framework-card">
<h4>Accessibility</h4>
<p>Physical and economic access for target population</p>
</div>
<div class="framework-card">
<h4>Community Utilization</h4>
<p>Actual use by intended beneficiaries</p>
</div>
<div class="framework-card">
<h4>Environmental Sustainability</h4>
<p>Environmental impact and sustainability</p>
</div>
<div class="framework-card">
<h4>Economic Enablement</h4>
<p>Economic activity generated or enabled</p>
</div>
</div>
</div>
<div class="section">
<h2>Projects with Discrepancies (Signals for Review)</h2>
<p style="color: #6c757d; margin-bottom: 16px;">These findings indicate areas where additional verification may be valuable. They are not conclusions of wrongdoing.</p>
<div class="discrepancy">
<h4><svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3L17 17H3L10 3Z" stroke="#f59e0b" stroke-width="2"/><path d="M10 8V12M10 14V14.5" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/></svg> Schedule Variance - Mogadishu Primary School</h4>
<p><strong>Reported:</strong> 95% complete (June 2026)<br>
<strong>Observed:</strong> 85% complete (July 2026)<br>
<strong>Evidence:</strong> Field observation, Satellite, AI analysis<br>
<strong>Confidence:</strong> 78% | <strong>Severity:</strong> Medium<br>
<strong>Recommended Action:</strong> Follow-up observation in 30 days</p>
</div>
<div class="discrepancy">
<h4><svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 3L17 17H3L10 3Z" stroke="#f59e0b" stroke-width="2"/><path d="M10 8V12M10 14V14.5" stroke="#f59e0b" stroke-width="2" stroke-linecap="round"/></svg> Activity Gap - Lagos Road Rehabilitation</h4>
<p><strong>Reported:</strong> Active construction<br>
<strong>Observed:</strong> No activity for 90 days, equipment removed<br>
<strong>Evidence:</strong> Field observation, Satellite time-series<br>
<strong>Confidence:</strong> 92% | <strong>Severity:</strong> High<br>
<strong>Recommended Action:</strong> Contact implementing partner for status update</p>
</div>
</div>
<div class="section">
<h2>Positive Outcomes (Benchmark Projects)</h2>
<p style="color: #6c757d; margin-bottom: 16px;">Projects demonstrating strong implementation and sustained operation. These enable benchmarking and dissemination of successful practices.</p>
<div class="positive">
<h4><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> Accra Solar Microgrid - Ghana</h4>
<p><strong>SII Score:</strong> 89/100 | <strong>Confidence:</strong> 92%<br>
<strong>Strengths:</strong> Strong implementation, Sustained operation (24+ months), High community utilization, Long-term maintenance observed, Positive environmental outcomes<br>
<strong>Benchmark Category:</strong> Energy Infrastructure</p>
</div>
<div class="positive">
<h4><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> Nairobi Digital Health Records - Kenya</h4>
<p><strong>SII Score:</strong> 84/100 | <strong>Confidence:</strong> 86%<br>
<strong>Strengths:</strong> Operational continuity, Staff training evident, Patient utilization increasing, Data transparency<br>
<strong>Benchmark Category:</strong> Digital Health</p>
</div>
</div>
<div class="section">
<h2>Sustainable Impact Index (SII)</h2>
<p style="color: #6c757d; margin-bottom: 16px;">Estimates long-term observable contribution of development projects. Each component based on measurable indicators with confidence estimates.</p>
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px;">
<div class="framework-card">
<h4>Longevity (15%)</h4>
<p>Years of continuous operation</p>
</div>
<div class="framework-card">
<h4>Community Benefit (15%)</h4>
<p>Observable community value</p>
</div>
<div class="framework-card">
<h4>Infrastructure Durability (15%)</h4>
<p>Physical condition over time</p>
</div>
<div class="framework-card">
<h4>Maintenance (10%)</h4>
<p>Observable upkeep quality</p>
</div>
<div class="framework-card">
<h4>Population Reach (10%)</h4>
<p>Number of beneficiaries</p>
</div>
<div class="framework-card">
<h4>Economic Enablement (10%)</h4>
<p>Economic activity generated</p>
</div>
</div>
</div>
<div class="section">
<h2>Development Effectiveness Science</h2>
<p style="color: #6c757d; margin-bottom: 16px;">Research program developing scientifically grounded indices and models for measuring long-term societal impact.</p>
<div class="framework-grid">
<div class="framework-card">
<h4>Impact Measurement Methodology</h4>
<p>Rigorous methods for measuring development outcomes</p>
</div>
<div class="framework-card">
<h4>Longitudinal Impact Analysis</h4>
<p>Track project outcomes over 5-10 year periods</p>
</div>
<div class="framework-card">
<h4>Bias Detection & Correction</h4>
<p>Identify and correct for observational biases</p>
</div>
<div class="framework-card">
<h4>Predictive Sustainability Modeling</h4>
<p>Predict long-term sustainability from early indicators</p>
</div>
</div>
</div>
</div>
</body>
</html>