Initial prototype for theme song booth

This commit is contained in:
Troll (Hermes Agent) 2026-07-31 19:47:52 +00:00
commit c16d48ee32
16 changed files with 898 additions and 0 deletions

47
templates/request.html Normal file
View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Request Your Theme Song</title>
<style>
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}
.container{max-width:640px;margin:0 auto;background:#1f2937;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.3)}
h1{margin-top:0;color:#60a5fa}
label{display:block;margin-top:1rem;font-weight:600}
input,textarea{width:100%;padding:.6rem;border-radius:.5rem;border:1px solid #374151;background:#111827;color:#f3f4f6;box-sizing:border-box;font:inherit}
textarea{min-height:80px;resize:vertical}
button{margin-top:1.5rem;width:100%;padding:.9rem;border:none;border-radius:.5rem;background:#3b82f6;color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer}
button:hover{background:#2563eb}
.note{margin-top:1rem;font-size:.9rem;color:#9ca3af}
</style>
</head>
<body>
<div class="container">
<h1>🎵 Get Your Custom Theme Song</h1>
<p>Tell us about yourself and we'll write a one-of-a-kind song for you.</p>
<form method="POST">
<label for="name">Name / persona you want in the song</label>
<input type="text" id="name" name="name" required>
<label for="email">Email address</label>
<input type="email" id="email" name="email" required>
<label for="hobbies">Hobbies & interests</label>
<textarea id="hobbies" name="hobbies" placeholder="e.g. rock climbing, retro gaming, sourdough baking"></textarea>
<label for="notable_facts">Notable things about you</label>
<textarea id="notable_facts" name="notable_facts" placeholder="Anything fun, weird, or heroic we should mention"></textarea>
<label for="style_genre">Style / genre / mood</label>
<input type="text" id="style_genre" name="style_genre" placeholder="e.g. 80s power ballad, cinematic orchestral, lo-fi synthwave">
<label for="extra_requests">Anything else you want in the song?</label>
<textarea id="extra_requests" name="extra_requests" placeholder="Specific lyrics, vibe, clean/explicit, vocal gender..."></textarea>
<button type="submit">Submit Request</button>
</form>
<p class="note">Your info is only used to create and deliver your song.</p>
</div>
</body>
</html>