yrtria/booth-musicgpt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply shared design system to remaining public pages (closed/status/faq/thanks)

Browse source
This commit is contained in:
Troll (Hermes Agent) 2026-08-31 03:23:17 +00:00
parent cc27c5db48
commit f3b5bc637b
4 changed files with 40 additions and 261 deletions
Download patch file Download diff file Expand all files Collapse all files

44
templates/thanks.html
View file

@ -4,41 +4,19 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Request Received</title>
<style>
/*
Simple confirmation page shown after a customer submits a request.
Gives them a request number they can reference at the booth.
*/
body{
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:#111827;
color:#f3f4f6;
margin:0;
padding:1rem;
line-height:1.5;
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
}
.container{
max-width:640px;
margin:0 auto;
background:#1f2937;
padding:1.5rem;
border-radius:1rem;
text-align:center;
}
h1{color:#34d399;}
.note{font-size:.9rem;color:#9ca3af;}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ url_for('static', filename='css/booth.css') }}">
</head>
<body>
<body class="booth-page center-content">
<div class="container">
<h1>✅ Request Received</h1>
<p>Thanks, {{ req.name }}! We'll craft your song and email you a link when it's ready.</p>
<p><strong>Your request number:</strong> #{{ req.id }}</p>
<p class="note">Bring this number to the booth if you want to check on progress.</p>
<div class="card text-center">
<h1 class="success">Request Received</h1>
<p>Thanks, {{ req.name }}! We'll craft your song and email you a link when it's ready.</p>
<p><strong>Your request number:</strong> #{{ req.id }}</p>
<p class="copy-hint">Bring this number to the booth if you want to check on progress.</p>
</div>
</div>
</body>
</html>