snapshot: preserve handbook, bilingual phase 2, and logo updates

This commit is contained in:
Md Bayazid Bostame
2026-03-24 12:25:43 +01:00
parent 0f285aa2cf
commit 4d3c7bdf6e
26 changed files with 625 additions and 66 deletions

View File

@@ -0,0 +1,69 @@
{% load static i18n %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Handbook</title>
<link rel="stylesheet" href="{% static 'workflows/css/buttons.css' %}" />
<style>
body { margin: 0; font-family: Arial, sans-serif; background: #f4f8ff; color: #1b2b43; padding: 20px; }
.shell { max-width: 1120px; margin: 0 auto; background: #fff; border: 1px solid #d7e0ea; border-radius: 14px; padding: 18px; }
.brand-logo { width: 190px; max-width: 100%; height: auto; margin: 0 0 10px; display: block; }
.top { display: flex; justify-content: space-between; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
h1 { margin: 0; color: #000078; font-size: 30px; }
.sub { margin: 8px 0 18px; color: #5f6f85; max-width: 760px; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: 14px; }
.card { border: 1px solid #d7e0ea; border-radius: 14px; background: #fcfdff; padding: 16px; }
.eyebrow { display: inline-block; padding: 5px 10px; border-radius: 999px; background: #eef4ff; color: #244a8f; border: 1px solid #d5e2f9; font-size: 12px; font-weight: 700; margin-bottom: 10px; }
h2 { margin: 0 0 8px; color: #113a74; }
p { margin: 0 0 14px; color: #5f6f85; }
ul { margin: 0 0 14px 18px; color: #334155; }
li { margin: 4px 0; }
.actions { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 760px) { .grid { grid-template-columns: 1fr; } }
</style>
</head>
<body>
<div class="shell">
<img class="brand-logo" src="{% static 'workflows/img/tubco-logo.svg' %}" alt="TUB/CO Logo" />
<div class="top">
<h1>Handbook</h1>
<a class="btn btn-secondary" href="/">Back to Home</a>
</div>
<p class="sub">Single documentation entry point for both operational knowledge and long-term engineering knowledge.</p>
<div class="grid">
<section class="card">
<div class="eyebrow">Operations</div>
<h2>Project Wiki</h2>
<p>Operational and product-level documentation for onboarding, offboarding, PDFs, integrations, admin tools, and system behavior.</p>
<ul>
<li>workflow overview</li>
<li>admin tools and system behavior</li>
<li>integrations and operations</li>
<li>runbook and troubleshooting</li>
</ul>
<div class="actions">
<a class="btn btn-secondary" href="/admin-tools/wiki/">Open Project Wiki</a>
</div>
</section>
<section class="card">
<div class="eyebrow">Engineering</div>
<h2>Developer Handbook</h2>
<p>Engineering documentation for architecture, local setup, Docker, migrations, translations, deployment, testing, and long-term maintenance.</p>
<ul>
<li>repository and service structure</li>
<li>Docker and migration workflow</li>
<li>translation and builder architecture</li>
<li>deployment, security, and maintenance notes</li>
</ul>
<div class="actions">
<a class="btn btn-secondary" href="/admin-tools/developer-handbook/">Open Developer Handbook</a>
</div>
</section>
</div>
</div>
</body>
</html>