Files
verdicttank/pdf-template.html
2026-08-08 13:06:45 -04:00

510 lines
18 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
@page {
size: letter;
margin: 0.75in 0.85in;
@bottom-center {
content: "VerdictTank - a product of IT Pro Partner | Page " counter(page);
font-family: Inter, -apple-system, sans-serif;
font-size: 8pt;
color: #999;
}
}
@page :first {
@bottom-center {
content: none;
}
margin-top: 1.5in;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-size: 10pt;
line-height: 1.55;
color: #1a1a1a;
}
/* ============ COVER PAGE ============ */
.cover {
text-align: center;
page-break-after: always;
padding-top: 1in;
}
.cover .logo { font-size: 64px; line-height: 1; color: #cc0000; margin-bottom: 20px; }
.cover .logo-emoji { display: block; width: 72px; height: 72px; font-size: 64px; line-height: 1; color: #cc0000; margin-bottom: 20px; }
.cover h1 {
font-size: 28pt;
font-weight: 800;
letter-spacing: -0.03em;
color: #0a0a0a;
margin-bottom: 6px;
}
.cover .subtitle {
font-size: 13pt;
color: #666;
font-weight: 400;
margin-bottom: 32px;
}
.verdict-badge {
display: inline-block;
padding: 12px 32px;
border-radius: 12px;
font-size: 16pt;
font-weight: 800;
letter-spacing: -0.02em;
margin-bottom: 28px;
}
.verdict-no-go { background: #fef2f2; color: #cc0000; border: 2px solid #cc0000; }
.verdict-cond-go { background: #fff7ed; color: #ea580c; border: 2px solid #ea580c; }
.verdict-go { background: #f0fdf4; color: #16a34a; border: 2px solid #16a34a; }
.cover .meta {
font-size: 10pt;
color: #999;
margin-top: 20px;
line-height: 1.8;
}
.cover .meta strong { color: #555; font-weight: 600; }
.cover-footer {
position: absolute;
bottom: 0.75in;
left: 0;
right: 0;
text-align: center;
font-size: 8pt;
color: #bbb;
}
/* ============ SECTIONS ============ */
.section { margin-bottom: 28px; page-break-inside: avoid; }
.section-title {
font-size: 12pt;
font-weight: 700;
color: #cc0000;
letter-spacing: -0.01em;
margin-bottom: 48px;
padding-bottom: 6px;
border-bottom: 2px solid #cc0000;
display: flex;
align-items: center;
gap: 8px;
}
.section-title .num {
background: #cc0000;
color: #fff;
width: 26px;
height: 26px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10pt;
font-weight: 800;
flex-shrink: 0;
}
.section-desc {
font-size: 9.5pt;
color: #555;
margin-bottom: 14px;
}
/* ============ SCORE TABLE ============ */
.score-table {
width: 100%;
border-collapse: collapse;
margin: 12px 0;
}
.score-table th {
text-align: left;
font-size: 9pt;
font-weight: 700;
color: #666;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 8px 12px;
border-bottom: 2px solid #e5e5e5;
background: #fafafa;
}
.score-table td {
padding: 9px 12px;
border-bottom: 1px solid #f0f0f0;
font-size: 9.5pt;
}
.score-table .dim { font-weight: 600; }
.score-bar {
display: inline-block;
height: 10px;
border-radius: 5px;
margin-right: 8px;
vertical-align: middle;
}
.score-critical { background: #cc0000; }
.score-warning { background: #ea580c; }
.score-ok { background: #f59e0b; }
.score-good { background: #16a34a; }
.score-na { background: #d4d4d4; }
/* ============ FATAL FLAWS ============ */
.flaw-box {
background: #fef2f2;
border-left: 4px solid #cc0000;
padding: 12px 16px;
margin: 8px 0;
border-radius: 0 6px 6px 0;
}
.flaw-box .flaw-num {
font-weight: 800;
color: #cc0000;
font-size: 9pt;
margin-right: 6px;
}
.flaw-box .flaw-label {
display: inline-block;
font-size: 7pt;
font-weight: 700;
text-transform: uppercase;
padding: 2px 6px;
border-radius: 3px;
margin-left: 6px;
vertical-align: middle;
}
.flaw-existential { background: #cc0000; color: #fff; }
.flaw-structural { background: #ea580c; color: #fff; }
.flaw-financial { background: #f59e0b; color: #fff; }
.flaw-operational { background: #6366f1; color: #fff; }
/* ============ JUDGE PANEL ============ */
.judge-grid {
display: flex;
gap: 12px;
margin: 12px 0;
}
.judge-card {
flex: 1;
border: 1px solid #e5e5e5;
border-radius: 8px;
padding: 14px;
}
.judge-card .judge-name {
font-weight: 700;
font-size: 10pt;
margin-bottom: 4px;
}
.judge-card .judge-label {
font-size: 8pt;
color: #999;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.judge-card .judge-verdict {
font-weight: 800;
font-size: 11pt;
padding: 4px 0;
}
.judge-verdict .upheld { color: #16a34a; }
.judge-verdict .overruled { color: #cc0000; }
.judge-confidence {
font-size: 8pt;
color: #999;
display: block;
}
.judge-note {
font-size: 8.5pt;
color: #555;
margin-top: 6px;
line-height: 1.4;
}
/* ============ ACTION PLAN ============ */
.action-table {
width: 100%;
border-collapse: collapse;
margin: 12px 0;
}
.action-table th {
text-align: left;
font-size: 9pt;
font-weight: 700;
color: #666;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 8px 12px;
border-bottom: 2px solid #e5e5e5;
}
.action-table td {
padding: 10px 12px;
border-bottom: 1px solid #f0f0f0;
font-size: 9.5pt;
vertical-align: top;
}
.action-table .priority {
font-weight: 800;
width: 60px;
text-align: center;
}
.priority-p0 { color: #cc0000; }
.priority-p1 { color: #ea580c; }
.priority-p2 { color: #f59e0b; }
/* ============ STRENGTHS ============ */
.strength-list { list-style: none; padding: 0; }
.strength-list li {
padding: 6px 0;
padding-left: 20px;
position: relative;
font-size: 9.5pt;
border-bottom: 1px solid #f5f5f5;
}
.strength-list li::before {
content: "\2713";
position: absolute;
left: 0;
color: #16a34a;
font-weight: 800;
}
/* ============ RESEARCH ============ */
.finding {
padding: 8px 0;
border-bottom: 1px solid #f5f5f5;
}
.finding .finding-label {
font-weight: 700;
font-size: 9pt;
color: #555;
text-transform: uppercase;
letter-spacing: 0.03em;
margin-bottom: 2px;
}
.finding .finding-text {
font-size: 9.5pt;
color: #333;
}
.finding .finding-source {
font-size: 7.5pt;
color: #999;
margin-top: 2px;
}
/* ============ COMPARISON TABLE ============ */
.comparison-table {
width: 100%;
border-collapse: collapse;
margin: 12px 0;
font-size: 9pt;
}
.comparison-table th {
text-align: left;
padding: 8px 10px;
border-bottom: 2px solid #e5e5e5;
font-weight: 700;
color: #666;
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 8pt;
}
.comparison-table td {
padding: 8px 10px;
border-bottom: 1px solid #f0f0f0;
}
.comparison-table tr:nth-child(even) td { background: #fafafa; }
.comparison-table .winner { font-weight: 700; color: #16a34a; }
/* ============ FOOTER ============ */
.report-footer {
margin-top: 40px;
padding-top: 16px;
border-top: 1px solid #e5e5e5;
text-align: center;
font-size: 8pt;
color: #999;
}
/* ============ CITATIONS ============ */
.citation {
font-size: 8pt;
color: #777;
padding: 3px 0;
}
.citation a { color: #2563eb; text-decoration: none; }
/* ============ PRINT HELPERS ============ */
.page-break { page-break-before: always; }
.avoid-break { page-break-inside: avoid; }
</style>
</head>
<body>
<!-- ═══════════════════════════════════════════ -->
<!-- COVER PAGE -->
<!-- ═══════════════════════════════════════════ -->
<div class="cover">
<span class="logo">⚖️</span>
<h1>VerdictTank Report</h1>
<p class="subtitle">AI-Powered Proposal Review - Research, Critique, Verdict</p>
<div class="verdict-badge verdict-cond-go">NO-GO - CONDITIONAL GO</div>
<div class="meta">
<strong>Proposal:</strong> {{PROPOSAL_NAME}}<br>
<strong>Submitted by:</strong> {{SUBMITTER_NAME}}<br>
<strong>Date:</strong> {{REVIEW_DATE}}<br>
<strong>Review ID:</strong> {{REVIEW_ID}}
</div>
<div class="cover-footer">
Confidential - Prepared for {{SUBMITTER_NAME}} only<br>
VerdictTank - a product of IT Pro Partner
</div>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- EXECUTIVE SUMMARY -->
<!-- ═══════════════════════════════════════════ -->
<div class="section avoid-break">
<div class="section-title"><span class="num">1</span> Executive Summary</div>
<p class="section-desc"></p>
<p>{{EXECUTIVE_SUMMARY}}</p>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- RESEARCH FINDINGS -->
<!-- ═══════════════════════════════════════════ -->
<div class="section avoid-break">
<div class="section-title"><span class="num">2</span> Research Findings</div>
<p class="section-desc">Claims verified against live web data, market databases, and public records.</p>
{{RESEARCH_FINDINGS}}
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- DIMENSION SCORES -->
<!-- ═══════════════════════════════════════════ -->
<div class="section">
<div class="section-title"><span class="num">3</span> Dimension Scores</div>
<p class="section-desc">Scored across 10 dimensions on a 1-10 scale.</p>
<table class="score-table">
<tr><th>Dimension</th><th>Score</th><th>Assessment</th></tr>
{{SCORE_ROWS}}
</table>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- FATAL FLAWS -->
<!-- ═══════════════════════════════════════════ -->
<div class="section avoid-break">
<div class="section-title"><span class="num">4</span> Fatal Flaws</div>
<p class="section-desc">Issues that must be resolved before proceeding. These are not negotiable.</p>
{{FATAL_FLAWS}}
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- JUDGE PANEL -->
<!-- ═══════════════════════════════════════════ -->
<div class="section avoid-break">
<div class="section-title"><span class="num">5</span> Judge Panel - Majority Verdict</div>
<p class="section-desc">Three independent judges cross-checked the findings. Each judge operates on fundamentally different architecture for true cross-validation. Majority verdict rules.</p>
<div class="judge-grid">
{{JUDGE_CARDS}}
</div>
<p style="font-size:9.5pt;color:#333;margin-top:12px;">
<strong>Overall:</strong> {{JUDGE_MAJORITY_VERDICT}} ({{JUDGE_AGREEMENT}}/{{JUDGE_TOTAL}} judges agree)
</p>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- STRENGTHS -->
<!-- ═══════════════════════════════════════════ -->
<div class="section avoid-break">
<div class="section-title"><span class="num">6</span> Strengths</div>
<p class="section-desc">What the proposal gets right. These are the pillars to build on.</p>
<ul class="strength-list">
{{STRENGTHS}}
</ul>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- COMPETITIVE LANDSCAPE -->
<!-- ═══════════════════════════════════════════ -->
<div class="section">
<div class="section-title"><span class="num">7</span> Competitive Landscape</div>
<p class="section-desc">How the proposal stacks up against known competitors and alternatives.</p>
<table class="comparison-table">
<tr><th>Competitor</th><th>Strengths</th><th>Gaps</th><th>Threat Level</th></tr>
{{COMPETITOR_ROWS}}
</table>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- PRIORITY-RANKED ACTION PLAN -->
<!-- ═══════════════════════════════════════════ -->
<div class="section">
<div class="section-title"><span class="num">8</span> Priority-Ranked Action Plan</div>
<p class="section-desc">Actions ordered by urgency. P0 items are blocking - resolve before any P1 work.</p>
<table class="action-table">
<tr><th>Priority</th><th>Action</th><th>Why</th><th>Effort</th></tr>
{{ACTION_ROWS}}
</table>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- JUDGE NOTES -->
<!-- ═══════════════════════════════════════════ -->
<div class="section avoid-break">
<div class="section-title"><span class="num">9</span> Judge Notes</div>
<p class="section-desc">Individual judge commentary and observations.</p>
{{JUDGE_NOTES}}
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- DISCLAIMER -->
<!-- ═══════════════════════════════════════════ -->
<div class="section avoid-break">
<div class="section-title"><span class="num">10</span> Disclaimer</div>
<p class="section-desc">Important information about this report and its limitations.</p>
<div style="font-size: 8.5pt; color: #666; line-height: 1.6;">
<p><strong>AI-Generated Analysis.</strong> This report was produced by VerdictTank, an AI-powered proposal review platform. All analysis, scores, and recommendations are generated by artificial intelligence and <strong>do not constitute professional business, legal, financial, or investment advice.</strong></p>
<p><strong>For Informational Purposes Only.</strong> The content of this report is provided for informational and educational purposes only. It is not a substitute for consultation with qualified business advisors, attorneys, accountants, or other licensed professionals. You should consult with appropriate professionals before making business decisions based on any information contained in this report.</p>
<p><strong>No Guarantee of Results.</strong> VerdictTank and IT Pro Partner make no representations or warranties regarding the accuracy, completeness, or reliability of the analysis. Past performance of the AI review methodology does not guarantee future results. The scores and verdicts reflect algorithmic assessment at a point in time and should not be treated as predictions of business success or failure.</p>
<p><strong>No Liability.</strong> To the fullest extent permitted by law, IT Pro Partner, its owners, employees, and affiliates disclaim all liability for any direct, indirect, incidental, or consequential damages arising from your use of or reliance on this report, including but not limited to lost profits, business interruption, or missed opportunities.</p>
<p><strong>Data and Privacy.</strong> Your proposal content is treated as confidential. Proposals are processed through the VerdictTank AI pipeline and are not retained beyond what is necessary to produce this report, unless you explicitly opt into data retention. See our full Privacy Policy at <strong>verdicttank.com/privacy</strong>.</p>
<p><strong>Third-Party Data.</strong> Competitive research in this report may include data from third-party sources. VerdictTank does not independently verify third-party data and makes no warranty as to its accuracy.</p>
<p><strong>Acceptance.</strong> By reviewing this report, you acknowledge that you have read and understood this disclaimer and agree to its terms.</p>
</div>
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- CITATIONS -->
<!-- ═══════════════════════════════════════════ -->
<div class="section">
<div class="section-title"><span class="num">11</span> Citations &amp; Sources</div>
<p class="section-desc"></p>
{{CITATIONS}}
</div>
<!-- ═══════════════════════════════════════════ -->
<!-- FOOTER -->
<!-- ═══════════════════════════════════════════ -->
<div class="report-footer">
<strong>VerdictTank</strong> - a product of <strong>IT Pro Partner</strong><br>
This report is confidential and intended solely for {{SUBMITTER_NAME}}.<br>
Generated {{REVIEW_DATE}} - Review ID: {{REVIEW_ID}}
</div>
</body>
</html>