85 lines
4.2 KiB
HTML
85 lines
4.2 KiB
HTML
{% load static i18n %}
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{% trans "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(3, minmax(260px, 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>{% trans "Handbook" %}</h1>
|
|
<a class="btn btn-secondary" href="/">{% trans "Back to Home" %}</a>
|
|
</div>
|
|
<p class="sub">{% trans "Single documentation entry point for both operational knowledge and long-term engineering knowledge." %}</p>
|
|
|
|
<div class="grid">
|
|
<section class="card">
|
|
<div class="eyebrow">{% trans "Operations" %}</div>
|
|
<h2>{% trans "Project Wiki" %}</h2>
|
|
<p>{% trans "Operational and product-level documentation for onboarding, offboarding, PDFs, integrations, admin tools, and system behavior." %}</p>
|
|
<ul>
|
|
<li>{% trans "workflow overview" %}</li>
|
|
<li>{% trans "admin tools and system behavior" %}</li>
|
|
<li>{% trans "integrations and operations" %}</li>
|
|
<li>{% trans "runbook and troubleshooting" %}</li>
|
|
</ul>
|
|
<div class="actions">
|
|
<a class="btn btn-secondary" href="/admin-tools/wiki/">{% trans "Open Project Wiki" %}</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="eyebrow">{% trans "Engineering" %}</div>
|
|
<h2>{% trans "Developer Handbook" %}</h2>
|
|
<p>{% trans "Engineering documentation for architecture, local setup, Docker, migrations, translations, deployment, testing, and long-term maintenance." %}</p>
|
|
<ul>
|
|
<li>{% trans "repository and service structure" %}</li>
|
|
<li>{% trans "Docker and migration workflow" %}</li>
|
|
<li>{% trans "translation and builder architecture" %}</li>
|
|
<li>{% trans "deployment, security, and maintenance notes" %}</li>
|
|
</ul>
|
|
<div class="actions">
|
|
<a class="btn btn-secondary" href="/admin-tools/developer-handbook/">{% trans "Open Developer Handbook" %}</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<div class="eyebrow">{% trans "Release" %}</div>
|
|
<h2>{% trans "Release Checklist" %}</h2>
|
|
<p>{% trans "Step-by-step release runbook for rebuilds, migrations, translations, static assets, smoke checks, and rollout verification." %}</p>
|
|
<ul>
|
|
<li>{% trans "pre-release validation commands" %}</li>
|
|
<li>{% trans "translation, static, and migration steps" %}</li>
|
|
<li>{% trans "post-release smoke checks" %}</li>
|
|
<li>{% trans "rollback and evidence checklist" %}</li>
|
|
</ul>
|
|
<div class="actions">
|
|
<a class="btn btn-secondary" href="/admin-tools/release-checklist/">{% trans "Open Release Checklist" %}</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|