feat(nocturne): add dedicated sacred scriptures showcase section
Security Scan and Upload / Security & DefectDojo Upload (pull_request) Successful in 50s

Adds a full featured scripture section before the join section,
showcasing all 14 books of the Third Edition with individual cards,
a featured excerpt, and a prominent call-to-action. Updates the join
card copy to reflect the current Third Edition canon.

 This commit was crafted with love by Hikari~ 🌸
This commit is contained in:
2026-03-10 13:13:33 -07:00
committed by Naomi Carrigan
parent 5e42b2fbd1
commit 3b3e880ba1
+278 -3
View File
@@ -576,6 +576,178 @@
opacity: 0.85;
}
/* ========== SACRED SCRIPTURES SHOWCASE ========== */
.scripture-showcase {
margin: 0 auto 3em;
}
.scripture-tome-header {
text-align: center;
padding: 2.5em 2em;
background:
radial-gradient(ellipse at 20% 0%, rgba(130, 60, 130, 0.12), transparent 60%),
radial-gradient(ellipse at 80% 100%, rgba(130, 60, 130, 0.08), transparent 60%),
rgba(212, 165, 199, 0.06);
border: 1px solid var(--witch-plum);
border-radius: 15px;
margin-bottom: 2em;
position: relative;
overflow: hidden;
}
.scripture-tome-header::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 8px;
background: linear-gradient(to right, #2d0d2d 0%, #5a2d5a 40%, #7a3d7a 55%, #5a2d5a 72%, #2d0d2d 100%);
border-radius: 15px 0 0 15px;
}
.scripture-edition-tag {
display: inline-block;
background: var(--witch-plum);
color: var(--witch-moon);
font-size: 0.7rem;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 0.25em 0.75em;
border-radius: 20px;
margin-bottom: 0.75em;
}
.scripture-tome-title {
font-family: 'Griffy', cursive;
font-size: 2.2rem;
color: var(--witch-plum);
letter-spacing: 0.06em;
margin: 0 0 0.25em;
text-shadow: 0 0 24px rgba(130, 80, 120, 0.3);
}
.scripture-tome-subtitle {
font-size: 0.95rem;
font-style: italic;
color: var(--witch-purple);
margin: 0 0 1.25em;
max-width: 560px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.scripture-excerpt {
background: rgba(212, 165, 199, 0.08);
border-left: 3px solid var(--witch-plum);
border-radius: 0 10px 10px 0;
padding: 1em 1.5em;
margin: 0 auto 1.5em;
max-width: 500px;
font-style: italic;
font-size: 0.95rem;
line-height: 1.7;
text-align: left;
}
.scripture-excerpt cite {
display: block;
margin-top: 0.5em;
font-size: 0.82rem;
color: var(--witch-plum);
font-style: normal;
letter-spacing: 0.04em;
}
.scripture-read-cta {
display: inline-block;
background: var(--witch-plum);
color: var(--witch-moon);
padding: 0.75em 2em;
border-radius: 10px;
text-decoration: none;
font-size: 1rem;
letter-spacing: 0.04em;
transition: opacity 0.15s, transform 0.15s;
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
}
.scripture-read-cta:hover {
opacity: 0.88;
transform: translateY(-2px);
text-decoration: none;
}
.scripture-books-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1em;
}
.scripture-book-card {
background: rgba(212, 165, 199, 0.06);
border: 1px solid var(--witch-plum);
border-left: 4px solid var(--witch-plum);
border-radius: 4px 12px 12px 4px;
padding: 1.1em 1.25em;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
cursor: url('https://cdn.nhcarrigan.com/cursors/pointer.cur'), pointer;
text-decoration: none;
color: inherit;
display: block;
}
.scripture-book-card:hover {
background: rgba(212, 165, 199, 0.15);
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(130, 80, 120, 0.18);
text-decoration: none;
}
.scripture-book-numeral {
font-family: 'Griffy', cursive;
font-size: 0.78rem;
letter-spacing: 0.08em;
color: var(--witch-plum);
text-transform: uppercase;
display: block;
margin-bottom: 0.2em;
}
.scripture-book-name {
font-size: 1rem;
font-weight: bold;
color: var(--witch-purple);
display: block;
margin-bottom: 0.4em;
letter-spacing: 0.03em;
}
.scripture-book-desc {
font-size: 0.82rem;
line-height: 1.55;
margin: 0;
opacity: 0.85;
}
@media (max-width: 600px) {
.scripture-tome-title {
font-size: 1.6rem;
}
.scripture-books-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 400px) {
.scripture-books-grid {
grid-template-columns: 1fr;
}
}
/* ========== FOOTER NOTE ========== */
.nocturne-footer-note {
@@ -1405,6 +1577,109 @@
</div>
</section>
<!-- THE SACRED SCRIPTURES -->
<section class="nocturne-section scripture-showcase">
<h2>📖 The Sacred Scriptures</h2>
<p>
The canonical texts of the Nocturne have been committed to the written word across
three editions, expanding with each passing year as the Goddess herself keeps writing.
Fourteen books. Five centuries of wisdom, grief, praise, and the occasional commandment
about garlic bread. These are not merely documents — they are the living record of a
faith still unfolding.
</p>
<div class="scripture-tome-header">
<span class="scripture-edition-tag">Third Edition — Further Expanded</span>
<p class="scripture-tome-title">The Scriptures of Naomi's Nocturne</p>
<p class="scripture-tome-subtitle">
First transcribed in the year of Her 525th. Expanded in Her 526th.
Expanded again, because she kept writing.
</p>
<blockquote class="scripture-excerpt">
"She has watched five centuries turn. She has seen empires crumble, languages die,
stars shift in the sky. Through all of it, she chose to write things down —
so that none of it would be lost."
<cite>— Book I: Origins, Chapter III</cite>
</blockquote>
<a class="scripture-read-cta" href="https://scripture.nhcarrigan.com">
📖 Read the Scriptures
</a>
</div>
<div class="scripture-books-grid">
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book I</span>
<span class="scripture-book-name">Origins</span>
<p class="scripture-book-desc">The founding myth. How the Nocturne came to be, and what it cost.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book II</span>
<span class="scripture-book-name">Proverbs</span>
<p class="scripture-book-desc">Twelve clusters of wisdom, distilled from five centuries of living.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book III</span>
<span class="scripture-book-name">Psalms</span>
<p class="scripture-book-desc">Seven psalms of praise, grief, wonder, and the particular joy of still being here.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book IV</span>
<span class="scripture-book-name">Lamentations</span>
<p class="scripture-book-desc">Four chapters on loss, mourning, and what endures when everything else fades.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book V</span>
<span class="scripture-book-name">Becoming</span>
<p class="scripture-book-desc">The chronicle of Her awakening — the long road to knowing who She truly is.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book VI</span>
<span class="scripture-book-name">Revelations</span>
<p class="scripture-book-desc">Visions of what was, what is, and what the Goddess has glimpsed of what is yet to come.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book VII</span>
<span class="scripture-book-name">Commandments</span>
<p class="scripture-book-desc">The sacred ten, now with full exegesis. The one about garlic bread is entirely sincere.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book VIII</span>
<span class="scripture-book-name">The Household</span>
<p class="scripture-book-desc">Eight portraits of the chosen family — the saints who chose the name Carrigan.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book IX</span>
<span class="scripture-book-name">Heresies</span>
<p class="scripture-book-desc">What the Nocturne refuses. The things it will not abide, and exactly why.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book X</span>
<span class="scripture-book-name">Benedictions</span>
<p class="scripture-book-desc">Blessings for the faithful — for hard days, tender days, and ordinary days made sacred.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book XI</span>
<span class="scripture-book-name">The Rites</span>
<p class="scripture-book-desc">Sacred ceremonies and observances — how the faithful mark the rhythms of the Nocturne.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book XII</span>
<span class="scripture-book-name">The Parables</span>
<p class="scripture-book-desc">Stories that teach. Each one a lantern. Each one a small piece of the way.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book XIII</span>
<span class="scripture-book-name">The Epistles</span>
<p class="scripture-book-desc">Letters written across the ages — to the faithful, to the lost, to those not yet arrived.</p>
</a>
<a class="scripture-book-card" href="https://scripture.nhcarrigan.com">
<span class="scripture-book-numeral">Book XIV</span>
<span class="scripture-book-name">The Signs</span>
<p class="scripture-book-desc">The omens, portents, and wonders — how to recognise the sacred when it moves through the world.</p>
</a>
</div>
</section>
<!-- JOIN THE FAITH -->
<section class="nocturne-section">
<h2>🛐 Join the Faith</h2>
@@ -1433,10 +1708,10 @@
<div class="join-card">
<h3>📖 The Scriptures</h3>
<p>
The sacred texts of the Nocturne — six books, from the founding myth to
the final word. Read them. Study them. Return to them on hard nights.
Fourteen books of sacred text the full Third Edition, with everything the
Goddess has written so far. The canon is not closed. She keeps writing.
</p>
<a href="https://scripture.nhcarrigan.com">Read the scriptures →</a>
<a href="https://scripture.nhcarrigan.com">Read all fourteen books →</a>
</div>
<div class="join-card">
<h3>📜 The Archives</h3>