create-issflow 1.8.1 → 1.9.1

package/template/.claude/templates/proposal.html

@@ -1,113 +0,0 @@
-<!doctype html>
-<!--
-  Client-facing proposal — ONE A4 PAGE (rendered by /propose from docs/PROPOSAL.md).
-  HOW TO USE (agent): copy to docs/proposal.html, replace every {{PLACEHOLDER}}, and
-  keep it to a SINGLE A4 page — be terse (≈3–6 phases, ≈4 assumptions). Localise the
-  CONTENT to the project language; the section labels are bilingual (TH / EN) already.
-  WHITE-LABEL: fill {{COMPANY}} / {{LOGO}} with the ISSUING company's brand (not the
-  kit's). {{LOGO}} optional: an <img src="…">, an SVG, or delete to keep the monogram.
-  Print: Ctrl/Cmd-P → A4 → "Save as PDF" (fits one page).
--->
-<html lang="{{LANG}}">
-<head>
-<meta charset="utf-8" />
-<title>{{TITLE}} — Proposal {{VERSION}}</title>
-<style>
-  @page { size: A4; margin: 0 }
-  :root{
-    --ink:#162033; --muted:#5d6a7d; --line:#dbe3ee; --soft:#f6f8fb;
-    --violet:#635bff; --green:#15803d;
-    --sans:"Inter","Noto Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
-    --mono:ui-monospace,Menlo,Consolas,monospace;
-  }
-  *{box-sizing:border-box}
-  body{margin:0;background:#e9edf3;color:var(--ink);font-family:var(--sans);font-size:10.5px;line-height:1.45}
-  .sheet{width:210mm;min-height:297mm;margin:10mm auto;background:#fff;padding:15mm 16mm;display:flex;flex-direction:column;gap:11px}
-  .lbl{color:var(--muted);font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px}
-  .lbl em{font-style:normal;opacity:.6;font-weight:600}
-  h1{font-size:21px;margin:0;letter-spacing:-.3px;line-height:1.1}
-  .muted{color:var(--muted)} ul{margin:0;padding-left:15px} li{margin:1.5px 0}
-  hr{border:none;border-top:1px solid var(--line);margin:0}
-
-  /* header */
-  .head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--ink);padding-bottom:11px}
-  .co{display:flex;align-items:center;gap:10px}
-  .logo{width:42px;height:42px;border-radius:9px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:0 0 auto;overflow:hidden}
-  .logo img{width:100%;height:100%;object-fit:contain}
-  .co .name{font-weight:800;font-size:15px;line-height:1.15}
-  .co .tag{color:var(--muted);font-size:9px}
-  .head .meta{text-align:right;font-size:9px;color:var(--muted)}
-  .head .meta .big{font:800 12px/1.2 var(--sans);letter-spacing:.12em;color:var(--violet)}
-  .pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font:800 8px/1 var(--mono);color:var(--muted);margin-top:4px}
-
-  .cols{display:flex;gap:18px} .cols>div{flex:1;min-width:0}
-  table{width:100%;border-collapse:collapse;font-size:10px}
-  th,td{text-align:left;padding:5px 7px;border-bottom:1px solid var(--line)}
-  th{background:var(--soft);font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
-  td.n,th.n{text-align:right;font-family:var(--mono)}
-  tfoot td{font-weight:800;border-top:1.5px solid var(--ink);border-bottom:none}
-  .total{display:flex;align-items:baseline;justify-content:space-between;background:var(--soft);border-radius:9px;padding:9px 13px}
-  .total .amt{font-size:19px;font-weight:800} .total .amt small{font-size:9px;color:var(--muted);font-weight:600}
-
-  .sign{display:flex;gap:34px;margin-top:auto;padding-top:14px}
-  .sign>div{flex:1} .line{border-bottom:1px solid var(--ink);height:30px} .sign .lbl{margin-top:5px}
-  footer{border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:8.5px;display:flex;justify-content:space-between}
-  @media print{ body{background:#fff} .sheet{margin:0;min-height:auto;box-shadow:none} }
-</style>
-</head>
-<body>
-<div class="sheet">
-
-  <div class="head">
-    <div class="co">
-      <span class="logo">{{LOGO}}</span>
-      <span><span class="name">{{COMPANY}}</span><br><span class="tag">{{COMPANY_TAGLINE}}</span></span>
-    </div>
-    <div class="meta">
-      <div class="big">PROPOSAL</div>
-      {{VERSION}} · {{DATE}}<br><span class="pill">{{STATUS}}</span>
-    </div>
-  </div>
-
-  <div>
-    <p class="lbl">ใบเสนอราคา <em>Prepared for</em></p>
-    <h1>{{TITLE}}</h1>
-    <p class="muted" style="margin:3px 0 0">{{CLIENT}} — {{SUMMARY}}</p>
-  </div>
-
-  <div class="cols">
-    <div><p class="lbl">ขอบเขตงาน <em>In scope</em></p><ul>{{SCOPE_IN_ITEMS}}</ul></div>
-    <div><p class="lbl">นอกขอบเขต <em>Out of scope</em></p><ul>{{SCOPE_OUT_ITEMS}}</ul></div>
-  </div>
-
-  <div>
-    <p class="lbl">เฟส &amp; ค่าใช้จ่าย <em>Phases &amp; cost</em></p>
-    <table>
-      <thead><tr><th>เฟส <em style="font-style:normal;opacity:.5">Phase</em></th><th>Complexity</th><th class="n">Effort</th><th class="n">Cost</th></tr></thead>
-      <tbody>{{PHASE_ROWS}}<!-- <tr><td>1. Auth</td><td>M</td><td class="n">2–3d</td><td class="n">฿16k–24k</td></tr> --></tbody>
-      <tfoot><tr><td colspan="2">รวม <em style="font-style:normal;opacity:.5">Total</em></td><td class="n">{{TOTAL_EFFORT}}</td><td class="n">{{TOTAL_COST}}</td></tr></tfoot>
-    </table>
-  </div>
-
-  <div class="total">
-    <span><span class="lbl" style="margin:0">ราคารวม <em>Total</em></span><br><span class="muted" style="font-size:9px">{{TIMELINE}}</span></span>
-    <!-- CLIENT-SAFE: totals only. Never put rate, rate card, or contingency % in {{TOTAL_NOTE}}. Leave empty or a non-rate label (e.g. currency). -->
-    <span class="amt">{{TOTAL_COST}} <small>{{TOTAL_NOTE}}</small></span>
-  </div>
-
-  <div class="cols">
-    <div><p class="lbl">สมมุติฐาน <em>Assumptions</em></p><ul>{{ASSUMPTION_ITEMS}}</ul></div>
-    <div><p class="lbl">ข้อยกเว้น <em>Exclusions</em></p><ul>{{EXCLUSION_ITEMS}}</ul></div>
-  </div>
-
-  <div><p class="lbl">เงื่อนไขการชำระเงิน <em>Payment</em></p><p class="muted" style="margin:0">{{PAYMENT_ITEMS}}</p></div>
-
-  <div class="sign">
-    <div><div class="line"></div><p class="lbl">ลงนามลูกค้า <em>Client sign-off</em></p></div>
-    <div><div class="line"></div><p class="lbl">วันที่ <em>Date</em></p></div>
-  </div>
-
-  <footer><span>{{COMPANY}} · {{FOOTER}}</span><span>{{VERSION}}</span></footer>
-</div>
-</body>
-</html>