Diff

/var/www/vhosts/3dshawn.com/ptmatrix.3dshawn.com/TEMPLATES/tf_help.html

added on local at 2026-07-01 12:34:58

Added

+106

lines

Removed

-0

lines

Context

unchanged

Blobs

from
to 98c2e4ecb319

Restore this content →

Unified diff

Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.

	1	<style>
	2	.help-hero { text-align:center; padding: 32px 16px 40px; }
	3	.help-hero h1 { font-size: 28px; margin: 0 0 8px; }
	4	.help-hero p { color: var(--col-text-dim); margin: 0 auto 24px; max-width: 560px; }
	5	.help-search { max-width: 560px; margin: 0 auto; position: relative; }
	6	.help-search input {
	7	width: 100%; padding: 14px 16px 14px 44px; border-radius: 10px;
	8	border: 1px solid var(--col-border); background: var(--col-bg-2);
	9	color: var(--col-text); font-size: 15px;
	10	}
	11	.help-search svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); opacity: .6; }
	12
	13	.help-grid {
	14	display: grid; gap: 14px;
	15	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	16	margin-top: 32px;
	17	}
	18	.help-card {
	19	display: block; padding: 18px 18px 16px;
	20	background: var(--col-bg-2); border: 1px solid var(--col-border);
	21	border-radius: 10px; color: var(--col-text); text-decoration: none;
	22	transition: transform .08s ease, border-color .12s ease;
	23	}
	24	.help-card:hover { border-color: var(--col-text-dim); transform: translateY(-1px); }
	25	.help-card .hc-icon {
	26	width: 36px; height: 36px; border-radius: 8px;
	27	background: var(--col-bg-3); display: grid; place-items: center;
	28	margin-bottom: 12px;
	29	}
	30	.help-card h3 { font-size: 15px; margin: 0 0 6px; }
	31	.help-card p { font-size: 13px; color: var(--col-text-dim); margin: 0; line-height: 1.5; }
	32
	33	.help-cta {
	34	margin-top: 36px; padding: 28px 24px; text-align: center;
	35	background: var(--col-bg-2); border: 1px solid var(--col-border);
	36	border-radius: 12px;
	37	}
	38	.help-cta h2 { margin: 0 0 8px; font-size: 20px; }
	39	.help-cta p { margin: 0 auto 18px; max-width: 460px; color: var(--col-text-dim); }
	40	.help-cta .actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
	41	.help-cta .response {
	42	margin-top: 14px; font-size: 12px; color: var(--col-text-dim);
	43	}
	44	</style>
	45
	46	<div class="help-hero">
	47	<h1>How can we help?</h1>
	48	<p>Search the knowledge base, browse common topics below, or open a support ticket and our team will get back to you.</p>
	49	<form class="help-search" action="/kb.cgi" method="get">
	50	<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><line x1="20" y1="20" x2="16.65" y2="16.65"/></svg>
	51	<input type="text" name="q" placeholder="Search articles: tickets, SLA, integrations, billing…" autocomplete="off">
	52	</form>
	53	</div>
	54
	55	<div class="help-grid">
	56	<a class="help-card" href="/kb.cgi?cat=getting-started">
	57	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
	58	<h3>Getting started</h3>
	59	<p>Set up your first project, invite your team, import existing work, and ship your first ticket.</p>
	60	</a>
	61	<a class="help-card" href="/kb.cgi?cat=projects-tasks">
	62	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="5" height="18" rx="1"/><rect x="10" y="3" width="5" height="14" rx="1"/><rect x="17" y="3" width="4" height="10" rx="1"/></svg></div>
	63	<h3>Projects & tasks</h3>
	64	<p>Kanban, Gantt, custom workflows, dependencies, watchers, mentions, work-item types.</p>
	65	</a>
	66	<a class="help-card" href="/kb.cgi?cat=customer-tickets">
	67	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4h16v16H4z"/><path d="M22 6 12 13 2 6"/></svg></div>
	68	<h3>Customer tickets</h3>
	69	<p>Email inboxes, intake forms, SLA policies, the customer portal, and auto-routing rules.</p>
	70	</a>
	71	<a class="help-card" href="/kb.cgi?cat=integrations">
	72	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1"/><path d="M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1"/></svg></div>
	73	<h3>Integrations</h3>
	74	<p>GitHub webhooks. Generic outbound webhooks for Zapier, n8n, your CRM, or any HTTP endpoint.</p>
	75	</a>
	76	<a class="help-card" href="/kb.cgi?cat=ai">
	77	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></div>
	78	<h3>AI features</h3>
	79	<p>Bring-your-own Anthropic key to power thread summaries, suggested replies, and slip-cause analysis.</p>
	80	</a>
	81	<a class="help-card" href="/kb.cgi?cat=admin">
	82	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></div>
	83	<h3>Admin & security</h3>
	84	<p>SSO/SCIM, roles & permissions, audit log, custom fields, departments, branded login.</p>
	85	</a>
	86	<a class="help-card" href="/kb.cgi?cat=billing">
	87	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="5" width="20" height="14" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg></div>
	88	<h3>Billing & plans</h3>
	89	<p>Seat counts, invoices, annual vs monthly, promo codes, the money-back guarantee, plan changes.</p>
	90	</a>
	91	<a class="help-card" href="/faq.cgi">
	92	<div class="hc-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"/><path d="M12 17h0"/></svg></div>
	93	<h3>FAQ</h3>
	94	<p>Quick answers to the most-asked questions. If yours isn’t here, ask our team below.</p>
	95	</a>
	96	</div>
	97
	98	<div class="help-cta">
	99	<h2>Still need a hand?</h2>
	100	<p>Open a support ticket and our team will reply directly. We read every message and answer with context, not canned responses.</p>
	101	<div class="actions">
	102	<a href="/support.cgi" class="btn btn-primary">Contact support</a>
	103	<a href="/kb.cgi" class="btn btn-ghost">Browse all articles</a>
	104	</div>
	105	<div class="response">Typical response time: under 1 business day · faster on Pro & Business plans.</div>
	106	</div>