Stirling-Tools/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2026-09-03 05:10:16 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
c58a6092ec5c56e66ccf43d6a422d90fef8a0ac9
Stirling-PDF/engine/src/default_templates/nondisclosure_agreement.html
T

312 lines
8.6 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Non-Disclosure Agreement</title>
<style>
/* ── Theme variables (replaced at generation time) ── */
{{THEME_CSS}}
/* ── Print / page setup ── */
@page {
size: A4;
margin: 20mm;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: var(--theme-font, 'Helvetica Neue', Arial, sans-serif);
font-size: 10pt;
color: var(--theme-text, #1a1a1a);
background: var(--theme-bg, #ffffff);
line-height: 1.4;
}
.document {
max-width: 170mm;
margin: 0 auto;
}
{{HEADER_CSS}}
/* ── Divider ── */
hr {
border: none;
border-top: 0.5pt solid var(--theme-border, #e2e8f0);
margin: 6pt 0;
}
/* ── Meta grid ── */
.meta-grid {
display: grid;
grid-template-columns: 120pt auto;
row-gap: 2pt;
margin-bottom: 8pt;
}
.meta-label {
font-weight: 600;
color: var(--theme-text-muted, #6b7280);
font-size: 8.5pt;
}
.meta-value {
font-size: 8.5pt;
color: var(--theme-text, #1a1a1a);
}
/* ── Section heading ── */
.section-heading {
font-size: 10pt;
font-weight: 700;
color: var(--theme-primary, #1e3a5f);
border-bottom: 1pt solid var(--theme-accent, #2563eb);
padding-bottom: 2pt;
margin: 10pt 0 6pt;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* ── Party section (plain two-column, no card/border) ── */
.parties-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10pt;
margin-bottom: 8pt;
}
.party-label {
font-size: 8pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--theme-accent, #2563eb);
margin-bottom: 3pt;
}
.party-name {
font-size: 9.5pt;
font-weight: 600;
color: var(--theme-heading, #111827);
margin-bottom: 2pt;
}
.party-detail {
font-size: 8pt;
color: var(--theme-text-muted, #6b7280);
line-height: 1.5;
}
/* ── Legal sections ── */
.legal-section {
margin-bottom: 8pt;
}
.legal-section-heading {
font-size: 9.5pt;
font-weight: 700;
color: var(--theme-heading, #111827);
margin-bottom: 3pt;
}
.legal-section-body {
font-size: 9pt;
line-height: 1.6;
color: var(--theme-text, #1a1a1a);
white-space: pre-line;
}
/* ── Signature block ── */
.sig-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20pt;
margin-top: 16pt;
}
.sig-col {
font-size: 8.5pt;
}
.sig-party-label {
font-size: 8pt;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--theme-accent, #2563eb);
margin-bottom: 20pt;
}
.sig-line {
border-bottom: 0.75pt solid var(--theme-text, #1a1a1a);
margin-bottom: 3pt;
height: 14pt;
}
.sig-field-label {
font-size: 7.5pt;
color: var(--theme-text-muted, #6b7280);
margin-bottom: 10pt;
}
/* ── Print overrides ── */
@media print {
body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.document { max-width: 100%; }
}
/* ── Page-break controls ── */
thead { display: table-header-group; }
tr { break-inside: avoid; page-break-inside: avoid; }
.section-heading { break-after: avoid; page-break-after: avoid; }
.legal-section-heading { break-after: avoid; page-break-after: avoid; }
.sig-grid { break-inside: avoid; page-break-inside: avoid; }
.sig-col { break-inside: avoid; page-break-inside: avoid; }
.parties-grid { break-inside: avoid; page-break-inside: avoid; }
</style>
</head>
<body>
<div class="document">
<div class="top-bar"></div>
<!-- Header -->
<div class="doc-header">
{{LOGO_BLOCK}}
<div class="doc-header-text">
<div class="doc-title">{{AGREEMENT_TITLE}}</div>
<div class="doc-subtitle">Non-Disclosure Agreement</div>
</div>
</div>
<hr>
<!-- Meta -->
<div class="meta-grid">
<span class="meta-label">Effective Date:</span> <span class="meta-value">{{EFFECTIVE_DATE}}</span>
<span class="meta-label">Governing Law:</span> <span class="meta-value">{{GOVERNING_LAW}}</span>
</div>
<hr>
<!-- Parties -->
<div class="section-heading">Parties</div>
<div class="parties-grid">
<div>
<div class="party-label">Disclosing Party</div>
<div class="party-name">{{DISCLOSING_PARTY_NAME}}</div>
<div class="party-detail">{{DISCLOSING_PARTY_ADDRESS}}</div>
</div>
<div>
<div class="party-label">Receiving Party</div>
<div class="party-name">{{RECEIVING_PARTY_NAME}}</div>
<div class="party-detail">{{RECEIVING_PARTY_ADDRESS}}</div>
</div>
</div>
<!-- Legal Sections -->
<div class="section-heading">Agreement</div>
<div class="legal-section">
<div class="legal-section-heading">1. Purpose</div>
<div class="legal-section-body">{{PURPOSE_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">2. Definitions</div>
<div class="legal-section-body">{{DEFINITION_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">3. Obligations of Receiving Party</div>
<div class="legal-section-body">{{OBLIGATIONS_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">4. Exclusions</div>
<div class="legal-section-body">{{EXCLUSIONS_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">5. Term</div>
<div class="legal-section-body">{{TERM_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">6. Remedies</div>
<div class="legal-section-body">{{REMEDIES_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">7. Return of Information</div>
<div class="legal-section-body">{{RETURN_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">8. Intellectual Property</div>
<div class="legal-section-body">{{INTELLECTUAL_PROPERTY_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">9. No Licence</div>
<div class="legal-section-body">{{NO_LICENSE_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">10. Waiver</div>
<div class="legal-section-body">{{WAIVER_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">11. Severability</div>
<div class="legal-section-body">{{SEVERABILITY_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">12. Entire Agreement</div>
<div class="legal-section-body">{{ENTIRE_AGREEMENT_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">13. Amendments</div>
<div class="legal-section-body">{{AMENDMENTS_TEXT}}</div>
</div>
<div class="legal-section">
<div class="legal-section-heading">14. Notices</div>
<div class="legal-section-body">{{NOTICES_TEXT}}</div>
</div>
<!-- Signatures -->
<div class="section-heading">Signatures</div>
<div class="sig-grid">
<div class="sig-col">
<div class="sig-party-label">Disclosing Party</div>
<div class="sig-line"></div>
<div class="sig-field-label">Signature</div>
<div class="sig-line"></div>
<div class="sig-field-label">Name: {{DISCLOSING_SIGNER_NAME}}</div>
<div class="sig-line"></div>
<div class="sig-field-label">Title: {{DISCLOSING_SIGNER_TITLE}}</div>
<div class="sig-line"></div>
<div class="sig-field-label">Date: {{DISCLOSING_SIGN_DATE}}</div>
</div>
<div class="sig-col">
<div class="sig-party-label">Receiving Party</div>
<div class="sig-line"></div>
<div class="sig-field-label">Signature</div>
<div class="sig-line"></div>
<div class="sig-field-label">Name: {{RECEIVING_SIGNER_NAME}}</div>
<div class="sig-line"></div>
<div class="sig-field-label">Title: {{RECEIVING_SIGNER_TITLE}}</div>
<div class="sig-line"></div>
<div class="sig-field-label">Date: {{RECEIVING_SIGN_DATE}}</div>
</div>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink