Files
boc/quixzoom-landing-fixed/changelog.html
T
Bernt 1a12fb870b dev-api: add developer portal, OpenAPI spec, and Flatenbadet case study
- New /developers/ page with API docs, SDKs, pricing, use cases
- OpenAPI 3.0 spec for Orders, Missions, Photos, Analytics
- Case study: Glasskiosken i Flatenbadet — complete ROI analysis
- Updated /order/ with recurring missions and frequency dropdown
2026-07-14 15:27:33 +00:00

174 lines
6.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Changelog — quiXzoom</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<meta name="description" content="quiXzoom changelog. Latest updates, features, and improvements.">
<style>
:root{--bg-white:#FFFFFF;--bg-off:#F7F7F5;--blue:#0066FF;--text-dark:#1a1a1a;--text-body:#3a3a3a;--text-muted:#6B6B6B;--radius-card:16px;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Inter',sans-serif;background:var(--bg-white);color:var(--text-body);line-height:1.65}
.container{max-width:800px;margin:0 auto;padding:48px 24px}
h1{font-size:2.5rem;font-weight:900;color:var(--text-dark);margin-bottom:16px}
h2{font-size:1.3rem;font-weight:800;color:var(--text-dark);margin:32px 0 12px}
p{margin-bottom:16px;color:var(--text-body)}
.back{margin-bottom:24px;display:inline-block;color:var(--blue);text-decoration:none;font-weight:600}
.back:hover{text-decoration:underline}
.entry{background:var(--bg-off);border-radius:var(--radius-card);padding:24px;margin-bottom:16px}
.date{font-size:.8rem;color:var(--text-muted);margin-bottom:8px;font-weight:600}
.version{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:8px}
.changes{list-style:none}
.changes li{padding:4px 0;font-size:.9rem}
.changes li::before{content:"✓ ";color:var(--blue);font-weight:700}
.badge{display:inline-block;background:var(--blue);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:100px;margin-left:8px}
/* QUIXZOOM STANDARD — Dark Theme */
:root {
--qz-bg: #0a0a0a;
--qz-surface: #111111;
--qz-surface-2: #1a1a1a;
--qz-border: rgba(255,255,255,0.08);
--qz-text: #e8e8e8;
--qz-text-dim: #a0a0a0;
--qz-text-muted: #6b6b6b;
--qz-blue: #007AFF;
--qz-blue-dark: #0056CC;
--qz-radius: 10px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
background: var(--qz-bg);
color: var(--qz-text);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
/* Navigation */
.qz-nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
display: flex; align-items: center; justify-content: space-between;
padding: 0 24px; height: 56px;
background: rgba(255,255,255,0.92);
backdrop-filter: blur(16px);
border-bottom: 1px solid var(--qz-border);
}
.qz-nav-logo { font-size: 18px; font-weight: 700; color: #fff; text-decoration: none; }
.qz-nav-links { display: flex; gap: 24px; list-style: none; }
.qz-nav-links a { font-size: 14px; color: var(--qz-text-dim); text-decoration: none; transition: color 0.2s; }
.qz-nav-links a:hover { color: #fff; }
/* Buttons */
.qz-btn {
display: inline-flex; align-items: center; gap: 6px;
padding: 12px 24px; border-radius: var(--qz-radius);
font-size: 15px; font-weight: 600; text-decoration: none;
transition: all 0.2s; cursor: pointer; border: none;
}
.qz-btn-primary {
background: var(--qz-blue); color: #fff;
}
.qz-btn-primary:hover {
background: var(--qz-blue-dark); transform: translateY(-1px);
}
.qz-btn-ghost {
background: transparent; color: var(--qz-text);
border: 1px solid var(--qz-border);
}
.qz-btn-ghost:hover {
border-color: var(--qz-blue); color: var(--qz-blue);
}
/* Cards */
.qz-card {
background: var(--qz-surface);
border: 1px solid var(--qz-border);
border-radius: var(--qz-radius);
padding: 24px;
transition: transform 0.2s, border-color 0.2s;
}
.qz-card:hover {
transform: translateY(-2px);
border-color: rgba(0,122,255,0.3);
}
/* Footer */
.qz-footer {
border-top: 1px solid var(--qz-border);
padding: 40px 24px;
text-align: center;
color: var(--qz-text-dim);
font-size: 14px;
}
/* Banner */
.qz-banner {
background: #001E50;
color: rgba(255,255,255,0.55);
text-align: center;
padding: 10px;
font-size: 12px;
}
.qz-banner a { color: rgba(255,255,255,0.8); text-decoration: none; }
@media (max-width: 768px) {
.qz-nav-links { display: none; }
}
</style>
<script type="module" src="https://auth.quixzoom.com/site-auth-snippet.js"></script>
<link rel="alternate" hreflang="en" href="https://www.quixzoom.com/" />
<link rel="alternate" hreflang="sv" href="https://www.quixzoom.com/sv/" />
<link rel="alternate" hreflang="de" href="https://www.quixzoom.com/de/" />
<link rel="alternate" hreflang="fr" href="https://www.quixzoom.com/fr/" />
<link rel="alternate" hreflang="es" href="https://www.quixzoom.com/es/" />
<link rel="alternate" hreflang="it" href="https://www.quixzoom.com/it/" />
<link rel="alternate" hreflang="nl" href="https://www.quixzoom.com/nl/" />
<link rel="alternate" hreflang="x-default" href="https://www.quixzoom.com/" />
</head>
<body>
<div class="container">
<a href="/" class="back">← Back to quiXzoom</a>
<h1>Changelog</h1>
<p>Latest updates and improvements to the quiXzoom platform.</p>
<div class="entry">
<div class="date">July 2026</div>
<div class="version">Pre-launch Updates <span class="badge">LATEST</span></div>
<ul class="changes">
<li>Sweden launch preparation — 200+ missions loaded</li>
<li>Stripe Connect integration for Zoomer payouts</li>
<li>AI photo review pipeline with llava:7b</li>
<li>Multi-language support (11 languages)</li>
<li>Lead packages — pre-collected intelligence available</li>
</ul>
</div>
<div class="entry">
<div class="date">June 2026</div>
<div class="version">Beta Platform</div>
<ul class="changes">
<li>Zoomer registration and onboarding flow</li>
<li>Mission claim and submission system</li>
<li>Geolocation verification and GPS fraud detection</li>
<li>QX Credits system with weekly payouts</li>
</ul>
</div>
<div class="entry">
<div class="date">May 2026</div>
<div class="version">Alpha Release</div>
<ul class="changes">
<li>Initial platform architecture</li>
<li>Mobile app prototype</li>
<li>First Zoomer recruitment campaign</li>
</ul>
</div>
</div>
</body>
</html>