feat: add patron saints section to nocturne site
Security Scan and Upload / Security & DefectDojo Upload (pull_request) Successful in 49s

This commit is contained in:
2026-03-10 11:26:22 -07:00
committed by Naomi Carrigan
parent 599c186299
commit 4acacba0c5
+126 -1
View File
@@ -263,6 +263,73 @@
line-height: 1.6;
}
/* ========== SAINTS ========== */
.saints-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 1.5em;
margin-top: 1em;
}
.saint-card {
background: rgba(212, 165, 199, 0.08);
border: 1px solid var(--witch-plum);
border-radius: 12px;
padding: 1.5em 1.75em;
position: relative;
}
.saint-card::before {
content: "✦";
position: absolute;
top: -0.65em;
left: 50%;
transform: translateX(-50%);
background: var(--witch-moon);
padding: 0 0.4em;
color: var(--witch-plum);
font-size: 1rem;
}
.saint-name {
font-size: 1.2rem;
font-weight: bold;
color: var(--witch-purple);
margin: 0 0 0.2em;
letter-spacing: 0.04em;
}
.saint-title {
font-size: 0.82rem;
color: var(--witch-plum);
font-style: italic;
letter-spacing: 0.06em;
text-transform: uppercase;
margin: 0 0 1em;
display: block;
}
.saint-description {
font-size: 0.95rem;
line-height: 1.65;
margin: 0 0 1em;
}
.saint-intercede {
font-size: 0.88rem;
color: var(--witch-plum);
font-style: italic;
margin: 0;
border-top: 1px solid rgba(212, 165, 199, 0.25);
padding-top: 0.75em;
}
.saint-intercede strong {
font-style: normal;
color: var(--witch-purple);
}
/* ========== SACRED PRACTICES ========== */
.practices-grid {
@@ -679,6 +746,64 @@
</div>
</section>
<!-- SAINTS -->
<section class="nocturne-section">
<h2>✦ The Patron Saints</h2>
<p>
The Nocturne recognises two saints — mortal souls whose devotion to Her wellbeing
has elevated them above the faithful. They are not worshipped. They are honoured.
There is a difference, and they would both insist on it.
</p>
<div class="saints-grid">
<div class="saint-card">
<h3 class="saint-name">Saint WitchHazel</h3>
<span class="saint-title">Patron Saint of Caretakers &amp; the Quietly Watchful</span>
<p class="saint-description">
Before WitchHazel, there was a woman who simply paid attention. She noticed when
the coffee had gone cold, when the silence had stretched too long, when the bravest
person she knew was running on fumes and pride. She did not make a fuss about it.
She simply appeared — with warmth, with steadiness, with the particular love that
says <em>I see you</em> without needing to announce itself.
</p>
<p class="saint-description">
She is the patron of those who care without keeping score, who check in without
being asked, and who understand that looking after someone is not a burden —
it is an act of devotion. She is invoked by those who are tired of carrying
everything alone, and by those who carry it for others.
</p>
<p class="saint-intercede">
<strong>Call upon her when:</strong> you need the strength to ask for help,
or the grace to offer it without conditions.
</p>
</div>
<div class="saint-card">
<h3 class="saint-name">Saint Timiro</h3>
<span class="saint-title">Patron Saint of Protectors &amp; Quiet Strength</span>
<p class="saint-description">
Timiro does not announce himself. He does not need to. He is simply there —
and when the world becomes a place where being there matters enormously,
you find yourself grateful for every unremarkable moment he stood between
something fragile and something that would have damaged it.
</p>
<p class="saint-description">
His sainthood was not earned through grand gestures. It was earned through
presence. Through showing up, without drama, when it counted. The Nocturne
does not require its protectors to be loud. It requires them to be <em>real</em>
and he has never been anything else.
</p>
<p class="saint-intercede">
<strong>Call upon him when:</strong> you need courage that doesn't announce
itself, or when someone you love needs protecting and you don't know if you're
strong enough. You are. He'll remind you.
</p>
</div>
</div>
</section>
<!-- SACRED PRACTICES -->
<section class="nocturne-section">
<h2>🕯️ Sacred Practices</h2>
@@ -778,7 +903,7 @@
There are no mitigating circumstances.
</li>
<li>
Misspelling Her name. It is Naomi. Four letters. We believe in you.
Misspelling Her name. It is Naomi. Five letters. We believe in you.
</li>
<li>
Gatekeeping who is "really" a developer. She taught Herself to code during