Tidy template

This commit is contained in:
Jennie Robinson Faber 2026-03-04 17:40:49 +00:00
parent bf57f4b33d
commit d73256ca2b

View file

@ -72,32 +72,35 @@ function guildPageShell(title: string, bodyContent: string, extraStyles = "") {
.subtext { font-size: 0.875rem; color: #6b5f4d; } .subtext { font-size: 0.875rem; color: #6b5f4d; }
.btn-primary { .btn-primary {
display: inline-block; display: inline-block;
background-color: #9a6f2c; background-color: #d09e4e;
color: #f0ebe4; color: #1a1510;
padding: 0.625rem 1.5rem; padding: 0.625rem 1.5rem;
border-radius: 6px; border-radius: 6px;
border: none; border: none;
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 600; font-weight: 700;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
transition: background-color 0.15s; transition: background-color 0.15s;
} }
.btn-primary:hover { background-color: #b8862f; } .btn-primary:hover { background-color: #e0b86e; }
.btn-secondary { .btn-secondary {
display: inline-block; display: inline-block;
background-color: transparent; background-color: transparent;
color: #bfb3a2; color: #f0ebe4;
padding: 0.625rem 1.5rem; padding: 0.625rem 1.5rem;
border-radius: 6px; border-radius: 6px;
border: 1px solid rgba(154, 111, 44, 0.3); border: 1px solid rgba(208, 158, 78, 0.4);
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: 400;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
transition: border-color 0.15s; transition: border-color 0.15s, color 0.15s;
}
.btn-secondary:hover {
border-color: rgba(224, 184, 110, 0.6);
color: #f5e6c5;
} }
.btn-secondary:hover { border-color: rgba(154, 111, 44, 0.5); }
.actions { display: flex; gap: 0.75rem; justify-content: center; margin-top: 1.5rem; } .actions { display: flex; gap: 0.75rem; justify-content: center; margin-top: 1.5rem; }
.brand { .brand {
margin-top: 2rem; margin-top: 2rem;
@ -125,7 +128,6 @@ function guildPageShell(title: string, bodyContent: string, extraStyles = "") {
<body> <body>
<div class="card"> <div class="card">
${bodyContent} ${bodyContent}
<div class="brand">Ghost Guild</div>
</div> </div>
</body> </body>
</html>`; </html>`;