added composer files and installed vendor packages. Also modified xsls to display base project
This commit is contained in:
+19
@@ -0,0 +1,19 @@
|
||||
<style>
|
||||
body{font-family:helvetica;font-size:9.5pt;color:#1f2b34;}
|
||||
.kpi{float:left;width:48%;margin-right:2%;padding:6pt;border:0.5pt solid #9db0c1;background:#f4f8fb;}
|
||||
.kpi h3{margin:0 0 4pt 0;font-size:11pt;}
|
||||
.clear{clear:both;height:0;line-height:0;}
|
||||
.table{width:100%;border-collapse:collapse;margin-top:8pt;}
|
||||
.table th,.table td{border:0.5pt solid #95a8ba;padding:3pt;}
|
||||
.table th{background:#e4edf5;}
|
||||
</style>
|
||||
<div class="kpi"><h3>Uptime</h3><p style="margin:0;">99.92% this month</p></div>
|
||||
<div class="kpi"><h3>Alerts</h3><p style="margin:0;">17 open, 4 critical</p></div>
|
||||
<div class="clear"></div>
|
||||
<table class="table">
|
||||
<tr><th>Service</th><th>Latency P95</th><th>Error Rate</th><th>Status</th></tr>
|
||||
<tr><td>Gateway</td><td>238ms</td><td>0.4%</td><td>Degraded</td></tr>
|
||||
<tr><td>Billing</td><td>122ms</td><td>0.1%</td><td>Healthy</td></tr>
|
||||
<tr><td>Notifications</td><td>305ms</td><td>0.8%</td><td>Warning</td></tr>
|
||||
<tr><td>Search</td><td>188ms</td><td>0.2%</td><td>Healthy</td></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,47 @@
|
||||
{
|
||||
"version": 1,
|
||||
"failure_tags": [
|
||||
"overflow",
|
||||
"overlap",
|
||||
"dropped-style",
|
||||
"selector-miss"
|
||||
],
|
||||
"severity_levels": [
|
||||
"critical",
|
||||
"high",
|
||||
"medium",
|
||||
"low"
|
||||
],
|
||||
"pages": [
|
||||
{
|
||||
"id": "long_form_article",
|
||||
"archetype": "long-form article",
|
||||
"fixture": "long_form_article.html",
|
||||
"failures": []
|
||||
},
|
||||
{
|
||||
"id": "invoice_statement",
|
||||
"archetype": "invoice and statement",
|
||||
"fixture": "invoice_statement.html",
|
||||
"failures": []
|
||||
},
|
||||
{
|
||||
"id": "product_docs_page",
|
||||
"archetype": "product/documentation page",
|
||||
"fixture": "product_docs_page.html",
|
||||
"failures": []
|
||||
},
|
||||
{
|
||||
"id": "admin_report_dashboard",
|
||||
"archetype": "admin/report dashboard with tables",
|
||||
"fixture": "admin_report_dashboard.html",
|
||||
"failures": []
|
||||
},
|
||||
{
|
||||
"id": "form_heavy_page",
|
||||
"archetype": "form-heavy page",
|
||||
"fixture": "form_heavy_page.html",
|
||||
"failures": []
|
||||
}
|
||||
]
|
||||
}
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
<style>
|
||||
body{font-family:helvetica;font-size:10pt;color:#20252b;}
|
||||
fieldset{border:0.5pt solid #9ea7b3;margin:0 0 8pt 0;padding:6pt;}
|
||||
legend{font-weight:bold;}
|
||||
.row{margin-bottom:4pt;}
|
||||
.label{display:inline-block;width:120pt;font-weight:bold;}
|
||||
.input{display:inline-block;border:0.5pt solid #b9c1cb;padding:2pt 4pt;width:240pt;}
|
||||
.help{color:#53606f;font-size:8.5pt;}
|
||||
</style>
|
||||
<h1 style="font-size:15pt;margin:0 0 8pt 0;">Service Enrollment</h1>
|
||||
<fieldset>
|
||||
<legend>Applicant</legend>
|
||||
<div class="row"><span class="label">Full name</span><span class="input">Jane Example</span></div>
|
||||
<div class="row"><span class="label">Email</span><span class="input">jane@example.test</span></div>
|
||||
<div class="row"><span class="label">Company</span><span class="input">Northwind Ltd.</span></div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<legend>Preferences</legend>
|
||||
<div class="row"><span class="label">Plan</span><span class="input">Professional</span></div>
|
||||
<div class="row"><span class="label">Billing cycle</span><span class="input">Quarterly</span></div>
|
||||
<p class="help">Interactive focus, hover, and dynamic validation states are intentionally flattened for print output.</p>
|
||||
</fieldset>
|
||||
+19
@@ -0,0 +1,19 @@
|
||||
<style>
|
||||
body{font-family:helvetica;font-size:10pt;color:#222;}
|
||||
.header{border-bottom:1pt solid #444;margin-bottom:8pt;padding-bottom:4pt;}
|
||||
.meta{float:right;text-align:right;}
|
||||
.table{width:100%;border-collapse:collapse;}
|
||||
.table th,.table td{border:0.5pt solid #999;padding:4pt;}
|
||||
.total{font-weight:bold;background:#f0f0f0;}
|
||||
</style>
|
||||
<div class="header">
|
||||
<div class="meta">Invoice #INV-2048<br/>Date: 2026-05-08</div>
|
||||
<h1 style="margin:0;font-size:16pt;">Blue Finch Supply</h1>
|
||||
<p style="margin:2pt 0 0 0;">Monthly service statement</p>
|
||||
</div>
|
||||
<table class="table">
|
||||
<tr><th>Description</th><th>Qty</th><th>Unit</th><th>Amount</th></tr>
|
||||
<tr><td>Monitoring subscription</td><td>1</td><td>49.00</td><td>49.00</td></tr>
|
||||
<tr><td>Priority support</td><td>2</td><td>15.00</td><td>30.00</td></tr>
|
||||
<tr class="total"><td colspan="3">Total</td><td>79.00</td></tr>
|
||||
</table>
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
<style>
|
||||
body{font-family:helvetica;font-size:11pt;line-height:1.4;color:#1a1a1a;}
|
||||
main{max-width:520pt;}
|
||||
h1{font-size:20pt;margin:0 0 8pt 0;}
|
||||
.lead{margin:0 0 10pt 0;}
|
||||
.note{background:#f4f7fb;border-left:3pt solid #2f5a8a;padding:6pt;margin:8pt 0;}
|
||||
code{background:#efefef;padding:1pt 2pt;}
|
||||
</style>
|
||||
<main>
|
||||
<h1>Designing Print-Friendly CSS</h1>
|
||||
<p class="lead">This article fixture stresses heading, paragraph flow, and inline code wrapping under realistic text density.</p>
|
||||
<p>When building print output, prefer stable box flow and avoid relying on dynamic viewport assumptions. Combine semantic markup with conservative declarations and clear section spacing.</p>
|
||||
<p class="note">Known caveat: <code>very_very_very_very_very_very_very_long_tokens_without_breaks</code> can exceed narrow columns.</p>
|
||||
<h2>Checklist</h2>
|
||||
<ul>
|
||||
<li>Use explicit font sizes for predictable line metrics.</li>
|
||||
<li>Keep paragraph width bounded for readability.</li>
|
||||
<li>Use simple list and heading structures.</li>
|
||||
</ul>
|
||||
</main>
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
<style>
|
||||
body{font-family:helvetica;font-size:10pt;color:#1d2833;}
|
||||
.hero{background:#eaf2fb;padding:10pt;border:0.5pt solid #b7c8dc;margin-bottom:8pt;}
|
||||
.grid{display:block;}
|
||||
.card{border:0.5pt solid #bfcbd8;padding:6pt;margin-bottom:6pt;}
|
||||
.kv td{padding:2pt 4pt;border-bottom:0.5pt solid #d2d8e0;}
|
||||
</style>
|
||||
<section class="hero">
|
||||
<h1 style="margin:0 0 4pt 0;font-size:16pt;">API Documentation Bundle</h1>
|
||||
<p style="margin:0;">Product-style landing section with mixed prose, cards, and a small specification table.</p>
|
||||
</section>
|
||||
<div class="grid">
|
||||
<div class="card"><strong>Quick Start:</strong> Install package, configure base options, and run your first export.</div>
|
||||
<div class="card"><strong>Compatibility:</strong> Targets CSS 2.1 print-safe subset with documented partials.</div>
|
||||
</div>
|
||||
<table class="kv" style="width:100%;border-collapse:collapse;">
|
||||
<tr><td>Package</td><td>tc-lib-pdf</td></tr>
|
||||
<tr><td>Runtime</td><td>PHP 8.2+</td></tr>
|
||||
<tr><td>Output</td><td>PDF 1.7</td></tr>
|
||||
</table>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div style="float:left;width:25mm;border:1px solid #000">FLOAT-L</div>
|
||||
<div style="float:right;width:25mm;border:1px solid #000">FLOAT-R</div>
|
||||
<div style="clear:both">CLEAR-BLOCK</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div style="position:relative;left:2mm;top:1mm">REL-BOX</div>
|
||||
<div style="position:absolute;left:5mm;top:8mm">ABS-BOX</div>
|
||||
<div style="position:fixed;left:10mm;top:15mm">FIXED-BOX</div>
|
||||
+12
@@ -0,0 +1,12 @@
|
||||
<table style="table-layout:fixed;width:80mm;border:1px solid #000" cellspacing="0" cellpadding="1">
|
||||
<tr>
|
||||
<td style="width:20mm;border:1px solid #000">FIXED-A</td>
|
||||
<td style="width:60mm;border:1px solid #000">FIXED-B-LONG-CONTENT</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table style="table-layout:auto;width:80mm;border:1px solid #000" cellspacing="0" cellpadding="1">
|
||||
<tr>
|
||||
<td style="border:1px solid #000">AUTO-A</td>
|
||||
<td style="border:1px solid #000">AUTO-B-LONG-CONTENT</td>
|
||||
</tr>
|
||||
</table>
|
||||
Reference in New Issue
Block a user