nate/Siteforge
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Salvation page: big, glowing 'Enter Your Plea' call-to-action at the end of the record; v2.39.2
Publish Container / build (push) Successful in 16m14s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-13 16:22:49 -04:00
1 parent b3e887aef2
commit 330c354d54
2 files changed
+23 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/salvation/index.html
+22 -1
View File
@@ -608,6 +608,26 @@
.sent-welcome .note { margin-top: 0.6rem; }
.sent-welcome a { color: var(--crimson); font-weight: 600; }
.field-hint { margin-top: 0.4rem; font-size: 0.98rem; line-height: 1.55; color: var(--ink-light); font-style: italic; }
.adjourned { padding: 2rem 1.4rem 2.4rem; border-top-width: 2px; border-bottom-width: 2px; border-color: var(--gold); background: radial-gradient(ellipse at center, rgba(184,134,11,0.18), transparent 70%); }
.adjourned h3 { font-size: 1.3rem; }
.adjourned-q { margin-top: 1.6rem; font-family: 'Cinzel', serif; font-size: clamp(1.6rem, 5vw, 2.4rem); font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; line-height: 1.2; }
.adjourned-cta { margin-top: 1.2rem; }
.plea-big {
display: inline-block; font-family: 'Cinzel', serif; font-weight: 900; font-size: clamp(1.25rem, 4vw, 1.7rem);
letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; color: #1a0f05;
background: linear-gradient(135deg, #f0c24a, var(--gold) 55%, #9a6f0a);
padding: 1.3rem 3.2rem; border: 2px solid #f6d77a; border-radius: 3px;
box-shadow: 0 0 0 4px rgba(184,134,11,0.3), 0 10px 30px rgba(0,0,0,0.5), 0 0 40px rgba(240,194,74,0.35);
transition: transform .15s, box-shadow .15s, filter .15s; animation: plea-glow 2.6s ease-in-out infinite;
}
.plea-big:hover { transform: translateY(-3px) scale(1.02); filter: brightness(1.08); box-shadow: 0 0 0 6px rgba(184,134,11,0.4), 0 14px 36px rgba(0,0,0,0.55), 0 0 55px rgba(240,194,74,0.55); }
.plea-big:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.plea-big span { display: inline-block; margin-left: 0.5rem; transition: transform .15s; }
.plea-big:hover span { transform: translateX(5px); }
@keyframes plea-glow { 0%, 100% { box-shadow: 0 0 0 4px rgba(184,134,11,0.3), 0 10px 30px rgba(0,0,0,0.5), 0 0 30px rgba(240,194,74,0.25); } 50% { box-shadow: 0 0 0 8px rgba(184,134,11,0.2), 0 10px 30px rgba(0,0,0,0.5), 0 0 55px rgba(240,194,74,0.55); } }
@media (prefers-reduced-motion: reduce) { .plea-big { animation: none; } }
@media (max-width: 600px) { .plea-big { display: block; padding: 1.15rem 0.6rem; font-size: 1.12rem; letter-spacing: 0.05em; white-space: nowrap; } .plea-big span { margin-left: 0.3rem; } }
</style>
</head>
<body>
@@ -862,7 +882,8 @@
<section class="adjourned" aria-label="Court adjourned">
<h3>Court Is Adjourned, but the Case Is Not Over</h3>
<p>The record is complete. The accused was innocent, the sentence was real, the payment was made in full by the Substitute, and God raised him from the dead. The only question left is the one the court now puts to you.</p>
<p class="adjourned-cta"><a class="hero-btn hero-btn--primary" href="#respond">Enter Your Plea</a></p>
<p class="adjourned-q">How do you plead?</p>
<p class="adjourned-cta"><a class="plea-big" href="#respond">Enter Your Plea <span aria-hidden="true">→</span></a></p>
</section>
</div>