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

59
templates/faq.html
View file

@ -4,58 +4,15 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ — Trollgorithm Theme Song Booth</title>
<style>
/*
Customer FAQ page.
Simple, readable dark layout matching the request page style.
*/
*{box-sizing:border-box;}
body{
font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:linear-gradient(135deg,#111827 0%,#1e3a8a 50%,#111827 100%);
color:#f3f4f6;
margin:0;
padding:1rem;
line-height:1.6;
min-height:100vh;
}
.container{max-width:760px;margin:0 auto;}
.card{
background:rgba(31,41,55,.95);
padding:1.5rem;
border-radius:1rem;
box-shadow:0 10px 25px rgba(0,0,0,.3);
border:1px solid rgba(96,165,250,.2);
}
h1{
margin-top:0;
color:#60a5fa;
text-align:center;
font-size:1.9rem;
}
h2{
color:#93c5fd;
margin-top:2rem;
font-size:1.25rem;
border-bottom:1px solid #374151;
padding-bottom:.4rem;
}
h2:first-of-type{margin-top:0;}
p{margin:.6rem 0;}
strong{color:#fbbf24;}
a{color:#93c5fd;text-decoration:none;}
a:hover{text-decoration:underline;}
.back{
display:block;
text-align:center;
margin-top:1.5rem;
}
</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>
<div class="container">
<body class="booth-page">
<div class="container container-reading">
<div class="card">
<h1>❓ Frequently Asked Questions</h1>
<h1 class="text-center">Frequently Asked Questions</h1>
<h2>The basics</h2>
<p><strong>What is the Trollgorithm Song Booth?</strong></p>
@ -168,7 +125,7 @@
<p><strong>Who do I talk to for help?</strong></p>
<p>The booth operator is your best point of contact for any questions or issues.</p>
<a class="back" href="{{ url_for('request_form') }}" target="_blank" rel="noopener noreferrer">← Back to the request form</a>
<a class="back-link text-center" href="{{ url_for('request_form') }}" target="_blank" rel="noopener noreferrer">← Back to the request form</a>
</div>
</div>
</body>