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

43
templates/closed.html
View file

@ -4,43 +4,16 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trollgorithm Theme Song Booth — Closed</title>
<style>
/*
Closed booth page.
Friendly message shown when the booth is temporarily not taking requests.
*/
*{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:680px;margin:0 auto;text-align:center;}
.banner{
width:100%;
border-radius:1rem;
box-shadow:0 10px 40px rgba(0,0,0,.4);
margin-bottom:1.5rem;
}
.card{
background:rgba(31,41,55,.9);
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;font-size:1.7rem;}
p{font-size:1.1rem;color:#d1d5db;}
</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">
<div class="container">
<img src="{{ url_for('static', filename='Booth_closed.png') }}" alt="Trollgorithm booth is closed" class="banner">
<div class="card">
<img src="{{ url_for('static', filename='Booth_closed.png') }}" alt="Trollgorithm booth is closed" class="hero-banner">
<div class="card text-center">
<h1>Trollgorithm and the goblin engineers are on a break.</h1>
<p>Please come back in a while and they should be back to work!</p>
</div>