42 lines
2.0 KiB
HTML
42 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1.0"/>
|
|
<title>Thank You — TechDesk</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,600&display=swap" rel="stylesheet"/>
|
|
<style>
|
|
*{box-sizing:border-box;margin:0;padding:0;}
|
|
body{font-family:'DM Sans',sans-serif;background:#f0f4f8;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}
|
|
.bg-grid{position:fixed;inset:0;background-image:linear-gradient(#e2e8f0 1px,transparent 1px),linear-gradient(90deg,#e2e8f0 1px,transparent 1px);background-size:48px 48px;opacity:.6;pointer-events:none;}
|
|
.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:48px 40px;width:100%;max-width:440px;position:relative;z-index:1;box-shadow:0 4px 24px rgba(0,0,0,.08);text-align:center;}
|
|
.icon{font-size:56px;margin-bottom:16px;}
|
|
h1{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:8px;}
|
|
.sub{font-size:14px;color:#64748b;line-height:1.6;}
|
|
.stars{font-size:32px;color:#f59e0b;margin:20px 0 8px;}
|
|
.comment{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:13px;color:#334155;margin-top:12px;text-align:left;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="bg-grid"></div>
|
|
<div class="card">
|
|
<div class="icon">🙏</div>
|
|
<h1>Thank you for your feedback!</h1>
|
|
<p class="sub">Your response has been recorded and will help us improve our IT support.</p>
|
|
|
|
{% if survey.rating %}
|
|
<div class="stars">
|
|
{% for i in range(survey.rating) %}★{% endfor %}
|
|
<span style="color:#e2e8f0;">{% for i in range(5 - survey.rating) %}★{% endfor %}</span>
|
|
</div>
|
|
{% if survey.comment %}
|
|
<div class="comment">"{{ survey.comment }}"</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
<p class="sub" style="margin-top:20px;font-size:12px;color:#94a3b8;">
|
|
You can close this page. If the issue recurs, please submit a new ticket.
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|