Initial portal commit: landing + 9 AI-powered apps
Apps: - dwg-rooms: extract room numbers from DWG/DXF - dwg-counting: count symbols in PDF drawings (OpenCV template matching) - contract-check: review PDF contracts against a checklist (Claude vision + Tesseract OCR fallback) - email-drafter: bullet notes → polished Czech/English business emails - invoice-extractor: PDF/image invoice → structured data → Excel - translator: Czech-first translator across 19 languages with tone control - vv-check: find inconsistent unit prices across VV sheets in one workbook - vv-compare: diff original vs new VV files (changes / added / removed) - feature-request: portal users submit ideas + sample files Infrastructure: - LiteLLM gateway with per-app virtual keys + budgets - Langfuse observability - Geist font, shared theme, cross-subdomain back link + theme sync via cookie/URL - Caddy reverse proxy on *.klas.chat
This commit is contained in:
Ondřej Glaser
135
translator/static/index.html
Normal file
135
translator/static/index.html
Normal file
@@ -0,0 +1,135 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Překladač | Colsys AI</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=Geist:wght@400;500;600;700&display=swap">
|
||||
<link rel="stylesheet" href="/static/styles.css">
|
||||
<link rel="stylesheet" href="/static/extra.css">
|
||||
<script>
|
||||
(function () {
|
||||
var t = null;
|
||||
try {
|
||||
var p = new URL(window.location.href).searchParams.get("theme");
|
||||
if (p === "dark" || p === "light") t = p;
|
||||
} catch (e) {}
|
||||
if (!t) { try { t = localStorage.getItem("app_theme"); } catch (e) {} }
|
||||
if (!t) {
|
||||
var m = document.cookie.match(/(?:^|;\s*)portal_theme=([^;]+)/);
|
||||
if (m) t = decodeURIComponent(m[1]);
|
||||
}
|
||||
if (t === "dark" || t === "light") {
|
||||
document.documentElement.classList.add(t);
|
||||
try { localStorage.setItem("app_theme", t); } catch (e) {}
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<div class="header-inner">
|
||||
<a href="https://ai.klas.chat" class="brand">
|
||||
<span class="brand-icon">C</span>
|
||||
<span class="brand-name">Colsys <span class="brand-ai">AI</span></span>
|
||||
</a>
|
||||
<span class="header-crumb">Překladač</span>
|
||||
<a href="https://ai.klas.chat" class="back-link" title="Zpět na portál">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
||||
<path d="m15 18-6-6 6-6"/>
|
||||
</svg>
|
||||
<span>Zpět na portál</span>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main main-wide">
|
||||
|
||||
<section>
|
||||
<div class="section-intro">
|
||||
<h1 class="section-title">Firemní překladač</h1>
|
||||
<p class="section-desc">
|
||||
Překlad s ohledem na firemní tón a kontext. Zachovává formátování,
|
||||
názvy značek a technické termíny. Automatické rozpoznání zdrojového jazyka.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Controls bar -->
|
||||
<div class="translate-controls">
|
||||
<div class="control-group">
|
||||
<label class="form-label" for="source-lang">Z</label>
|
||||
<select id="source-lang" class="form-select"></select>
|
||||
</div>
|
||||
|
||||
<button class="swap-btn" id="swap-btn" type="button" title="Prohodit jazyky">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polyline points="17 1 21 5 17 9"/>
|
||||
<path d="M3 11V9a4 4 0 0 1 4-4h14"/>
|
||||
<polyline points="7 23 3 19 7 15"/>
|
||||
<path d="M21 13v2a4 4 0 0 1-4 4H3"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="form-label" for="target-lang">Do</label>
|
||||
<select id="target-lang" class="form-select"></select>
|
||||
</div>
|
||||
|
||||
<div class="control-group control-group-flex">
|
||||
<label class="form-label" for="tone">Tón</label>
|
||||
<select id="tone" class="form-select">
|
||||
<option value="formal">Formální (obchodní)</option>
|
||||
<option value="casual">Neformální</option>
|
||||
<option value="technical">Technický</option>
|
||||
<option value="marketing">Marketing</option>
|
||||
<option value="legal">Právní</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Two-column translation panels -->
|
||||
<div class="translate-grid">
|
||||
<div class="translate-panel">
|
||||
<div class="translate-panel-header">
|
||||
<span class="translate-panel-label">Zdrojový text</span>
|
||||
<div class="translate-panel-actions">
|
||||
<span class="char-count" id="source-count">0 znaků</span>
|
||||
<button class="btn-link" id="clear-btn" type="button">Vymazat</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea id="source-text" class="translate-textarea"
|
||||
placeholder="Vložte text k překladu…" maxlength="20000"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="translate-panel">
|
||||
<div class="translate-panel-header">
|
||||
<span class="translate-panel-label">Překlad</span>
|
||||
<div class="translate-panel-actions">
|
||||
<button class="btn-copy" id="copy-btn" type="button" disabled>Kopírovat</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea id="output-text" class="translate-textarea"
|
||||
placeholder="Zde se zobrazí překlad…"></textarea>
|
||||
<div class="translate-loading hidden" id="translate-loading">
|
||||
<div class="spinner-sm"></div>
|
||||
<span>Překládám…</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="run-row">
|
||||
<button class="btn btn-primary btn-lg" id="translate-btn" type="button" disabled>
|
||||
Přeložit
|
||||
</button>
|
||||
<span class="run-hint" id="translate-hint">Vložte text výše.</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<script src="/static/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user