mirror of
https://github.com/wasrusgen/zov-tech.git
synced 2026-06-03 15:44:47 +00:00
c2be5e846f
REPORT RENDERER (podbor.js): - New renderReport(ai, leadId) function — beautiful inline report after submit success - Shows by_category with up to 5 models per category - Model card: photo (88x88), brand · name, price range, rating + reviews + stores - Highlights (with tech translations), pros (green), cons (orange) - External links to WB / Я.Маркет / OZON / DNS (when enriched data present) - Comparison table per category (accordion details) - Total price block (dark theme contrast) - Warnings block (when AI returns concerns) CSS (podbor.css): - .report-* classes: head, summary, cat, model, links, compare, total, warnings - Editorial Calm palette — walnut accents, paper bg, Newsreader for titles - Responsive: model card grid 88px image + 1fr body - Placeholder gradient when no image (camera emoji) STANDALONE PREVIEW (preview-report.html): - Mock AI response with 3 fridges + 2 hobs - Same render logic, runs without backend - Visit: https://wasrusgen.github.io/zov-tech/preview-report.html NEXT: integrate proxy6 token → real photos/prices instead of placeholders
31 lines
1.4 KiB
HTML
31 lines
1.4 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no">
|
||
<meta name="theme-color" content="#003E7E">
|
||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Expires" content="0">
|
||
<title>ЗОВ — Кабинет</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
|
||
<script src="https://telegram.org/js/telegram-web-app.js"></script>
|
||
<link rel="stylesheet" href="assets/styles.css?v=20260511e">
|
||
<link rel="stylesheet" href="assets/podbor.css?v=20260511e">
|
||
</head>
|
||
<body>
|
||
<main id="app">
|
||
<div class="loader">
|
||
<div class="spinner"></div>
|
||
</div>
|
||
</main>
|
||
<script src="assets/icons.js?v=20260511e"></script>
|
||
<script src="assets/podbor.config.js?v=20260511e"></script>
|
||
<script src="assets/podbor.picts.js?v=20260511e"></script>
|
||
<script src="assets/podbor.js?v=20260511e"></script>
|
||
<script src="assets/app.js?v=20260511e"></script>
|
||
</body>
|
||
</html>
|