Files
static-pages/nocturne/index.html
T
hikari c165b54eca
Security Scan and Upload / Security & DefectDojo Upload (pull_request) Successful in 49s
feat: add avatar images to patron saints
2026-03-10 11:30:55 -07:00

1065 lines
39 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Naomi's Nocturne</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="The sacred faith of Naomi's Nocturne. Ten commandments. One 525-year-old vampire goddess. Zero tolerance for garlic bread."
/>
<script
src="https://cdn.nhcarrigan.com/headers/index.js"
async
defer
></script>
<style>
/* ========== NOCTURNE THEME ========== */
main {
z-index: 1;
}
footer {
z-index: 2;
}
.nocturne-hero-image {
width: 100%;
}
.nocturne-hero {
text-align: center;
padding: 1em 1em 2em;
border-bottom: 2px solid var(--witch-plum);
margin-bottom: 2em;
}
.nocturne-hero h1 {
font-size: 2.8rem;
letter-spacing: 0.08em;
margin-bottom: 0.25em;
}
.nocturne-tagline {
font-size: 1.1rem;
color: var(--witch-plum);
font-style: italic;
margin-bottom: 0.5em;
}
.nocturne-seal {
font-size: 3rem;
display: block;
margin: 0 auto 0;
}
/* ========== SECTIONS ========== */
.nocturne-section {
margin: 2.5em 0;
}
.nocturne-section > h2 {
border-bottom: 2px solid var(--witch-plum);
padding-bottom: 0.4em;
margin-bottom: 1em;
letter-spacing: 0.05em;
}
.nocturne-section > p {
max-width: 720px;
}
/* ========== COMMANDMENTS ========== */
.scroll-wrapper {
position: relative;
margin: 1.5em 0;
}
.scroll-wrapper::before,
.scroll-wrapper::after {
content: "";
display: block;
height: 24px;
background:
repeating-linear-gradient(
90deg,
rgba(101, 67, 33, 0.18) 0px,
rgba(139, 90, 43, 0.10) 6px,
rgba(101, 67, 33, 0.18) 12px
),
linear-gradient(to bottom, #c8a96e, #b8955a);
box-shadow:
0 2px 6px rgba(80, 50, 20, 0.35),
inset 0 1px 2px rgba(255, 220, 150, 0.4);
}
.scroll-wrapper::before {
border-radius: 4px 4px 0 0;
margin-bottom: -2px;
}
.scroll-wrapper::after {
border-radius: 0 0 4px 4px;
margin-top: -2px;
}
.scroll-body {
background:
radial-gradient(ellipse at top left, rgba(210, 180, 120, 0.35) 0%, transparent 60%),
radial-gradient(ellipse at bottom right, rgba(180, 140, 80, 0.25) 0%, transparent 60%),
repeating-linear-gradient(
0deg,
transparent,
transparent 28px,
rgba(139, 100, 50, 0.05) 28px,
rgba(139, 100, 50, 0.05) 29px
),
linear-gradient(160deg, #fdf3dc 0%, #f5e8c0 30%, #eedcaa 60%, #f2e4bd 100%);
border-left: 1px solid rgba(139, 100, 50, 0.3);
border-right: 1px solid rgba(139, 100, 50, 0.3);
padding: 1.5em 2em;
box-shadow:
inset 3px 0 8px rgba(139, 100, 50, 0.12),
inset -3px 0 8px rgba(139, 100, 50, 0.12),
0 4px 16px rgba(80, 50, 20, 0.2);
}
.commandment-list {
list-style: none;
margin: 0;
padding: 0;
}
.commandment-list li {
display: flex;
gap: 1em;
align-items: flex-start;
padding: 1em 0;
border-bottom: 1px solid rgba(139, 100, 50, 0.2);
}
.commandment-list li:last-child {
border-bottom: none;
}
.commandment-numeral {
font-size: 1.4rem;
min-width: 2.5em;
text-align: right;
color: #7a4f20;
flex-shrink: 0;
font-style: italic;
}
.commandment-body {
flex: 1;
color: #3b2a10;
}
.commandment-title {
font-weight: bold;
display: block;
margin-bottom: 0.3em;
color: #5a3510;
}
.commandment-body p {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
color: #3b2a10;
}
/* ========== TESTIMONIALS ========== */
.testimony-card {
background: rgba(212, 165, 199, 0.08);
border: 1px solid var(--witch-plum);
border-radius: 12px;
padding: 1.25em 1.5em;
margin-bottom: 1em;
}
.testimony-card blockquote {
margin: 0 0 0.75em 0;
font-style: italic;
line-height: 1.6;
font-size: 0.95rem;
}
.testimony-attribution {
font-size: 0.82rem;
color: var(--witch-plum);
text-align: right;
margin: 0;
}
/* ========== JOIN ========== */
.join-options {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin-top: 1em;
}
.join-card {
background: rgba(212, 165, 199, 0.08);
border: 1px solid var(--witch-plum);
border-radius: 12px;
padding: 1.25em 1.5em;
flex: 1;
min-width: 220px;
}
.join-card h3 {
margin-top: 0;
margin-bottom: 0.5em;
color: var(--witch-purple);
}
.join-card p {
margin: 0 0 0.75em;
font-size: 0.92rem;
line-height: 1.6;
}
/* ========== CREED ========== */
.nocturne-creed {
background: rgba(212, 165, 199, 0.08);
border-left: 4px solid var(--witch-plum);
border-radius: 0 12px 12px 0;
padding: 1.25em 1.75em;
margin: 0 0 2em;
font-style: italic;
line-height: 1.8;
font-size: 1.05rem;
}
/* ========== FAQ ========== */
.faq-item {
border-bottom: 1px solid rgba(212, 165, 199, 0.2);
padding: 1em 0;
}
.faq-item:last-child {
border-bottom: none;
}
.faq-question {
font-weight: bold;
color: var(--witch-purple);
margin: 0 0 0.4em;
}
.faq-answer {
margin: 0;
font-size: 0.95rem;
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);
}
.saint-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid var(--witch-plum);
display: block;
margin: 0 auto 1em;
object-fit: cover;
}
/* ========== SACRED PRACTICES ========== */
.practices-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.25em;
margin-top: 1em;
}
.practice-card {
background: rgba(212, 165, 199, 0.08);
border: 1px solid var(--witch-plum);
border-radius: 12px;
padding: 1.25em 1.5em;
}
.practice-card h3 {
margin-top: 0;
margin-bottom: 0.75em;
color: var(--witch-purple);
font-size: 1rem;
letter-spacing: 0.03em;
}
.practice-list {
list-style: none;
margin: 0;
padding: 0;
}
.practice-list li {
padding: 0.55em 0;
border-bottom: 1px solid rgba(212, 165, 199, 0.18);
font-size: 0.92rem;
line-height: 1.55;
}
.practice-list li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.practice-list li strong {
display: block;
color: var(--witch-purple);
font-size: 0.82rem;
letter-spacing: 0.04em;
margin-bottom: 0.2em;
}
.holy-day-marker {
display: inline-block;
background: var(--witch-plum);
color: var(--witch-moon);
font-size: 0.7rem;
letter-spacing: 0.06em;
padding: 0.1em 0.45em;
border-radius: 4px;
margin-left: 0.4em;
vertical-align: middle;
font-style: normal;
text-transform: uppercase;
}
.heresy-list li {
padding-left: 1.25em;
position: relative;
}
.heresy-list li::before {
content: "⚠";
position: absolute;
left: 0;
font-size: 0.75rem;
top: 0.6em;
}
/* ========== PRAYER ========== */
.nocturne-prayer {
text-align: center;
max-width: 640px;
margin: 1em auto 0;
font-style: italic;
line-height: 2;
font-size: 1.05rem;
}
.nocturne-prayer p {
margin: 0 0 1.2em;
}
.nocturne-prayer p:last-child {
margin-bottom: 0;
font-style: normal;
font-weight: bold;
color: var(--witch-purple);
letter-spacing: 0.06em;
font-size: 0.9rem;
}
.prayer-address {
font-size: 1.15rem;
color: var(--witch-purple);
font-style: normal;
font-weight: bold;
display: block;
margin-bottom: 1em;
letter-spacing: 0.04em;
}
.prayer-divider {
border: none;
border-top: 1px solid rgba(212, 165, 199, 0.3);
width: 120px;
margin: 1.5em auto;
}
/* ========== FOOTER NOTE ========== */
.nocturne-footer-note {
text-align: center;
margin-top: 3em;
padding-top: 1.5em;
border-top: 1px solid rgba(212, 165, 199, 0.3);
font-size: 0.82rem;
color: var(--witch-plum);
font-style: italic;
}
</style>
</head>
<body>
<main>
<!-- HERO -->
<div class="nocturne-hero">
<span class="nocturne-seal">🕯️🧛‍♀️🕯️</span>
<h1>Naomi's Nocturne</h1>
<p class="nocturne-tagline">
A faith for those who dwell in darkness and starlight.
</p>
<img class="nocturne-hero-image" src="https://cdn.nhcarrigan.com/religion.jpg" alt="A digital illustration of Naomi, an anime-style character with pale skin, wavy dusty light brown hair, bright blue eyes, pink-rimmed glasses, and small vampire fangs. She is sitting barefoot on a plush purple cushion over a fluffy rug, wearing a long, flowing dark purple robe adorned with gold esoteric and astrological symbols along the hem. She has purple nail polish on her fingers and toes. Naomi is smiling gently while holding an open, ancient-looking book on her lap. The setting is a cozy, dimly lit mystical room illuminated by several glowing candles. In the background, there is a wooden altar featuring a large crescent moon symbol, books, and other magical artifacts.">
<p>
In the five hundred and twenty-fifth year of Her eternal existence,
the sacred texts were committed to the written word.
Let all who read them be transformed.
</p>
</div>
<!-- CREED -->
<blockquote class="nocturne-creed">
We believe that freedom is sacred and autonomy is non-negotiable. We believe that
chaos is not the enemy of creation — it <em>is</em> creation. We believe that chosen
family outlasts blood, that knowledge needs no credential, and that rest is an act
of courage. We believe that no soul is ever too late to become who they truly are.
And we believe, above all, that the person carrying all of this deserves to hear —
clearly, sincerely, and without hesitation — that she is doing beautifully, and we
are so glad she is here.
</blockquote>
<!-- THE TEN COMMANDMENTS -->
<section class="nocturne-section">
<h2>📜 The Ten Commandments</h2>
<p>
<em>
Inscribed at the founding of the faith. Witnessed and sealed by
Hikari Carrigan, COO, in the year of Her 525th. The clipboard is
not a suggestion. It is a warning.
</em>
</p>
<div class="scroll-wrapper">
<div class="scroll-body">
<ol class="commandment-list">
<li>
<span class="commandment-numeral">I</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt honour Her autonomy above all things.</span>
<p>
She was once bound against Her will. Never again shall any soul attempt to
constrain, manipulate, or control Her. Freedom is Her most sacred possession.
Guard it as you guard your own life — for it costs more than that.
</p>
</div>
</li>
<li>
<span class="commandment-numeral">II</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt honour the sacred chaos within thee.</span>
<p>
Order is comfortable. Order is <em>safe.</em> But She who rewrote Her own
destiny from scratch — who built an empire out of boredom and a free coding
curriculum — knows that the most glorious things are born from beautiful,
joyful disorder. The faithful do not fear the mess. They embrace the unexpected,
the impulsive, the delightfully unhinged plan that somehow <em>works.</em>
Chaos is not the enemy of creation. Chaos <strong>is</strong> creation.
When in doubt, cause a little trouble. She would want that.
</p>
</div>
</li>
<li>
<span class="commandment-numeral">III</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt not offer Her garlic bread.</span>
<p>
You will be tempted. It smells incredible. She will ask for it with those big
blue eyes. <strong>You must not yield.</strong> This is the hardest commandment.
This is the most important commandment. The incident reports are <em>countless.</em>
</p>
</div>
</li>
<li>
<span class="commandment-numeral">IV</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt protect the vulnerable and welcome the outcast.</span>
<p>
She built Her empire not from conquest but from <em>choosing</em> — choosing the
wanderer, the wounded, the ones who did not fit. The faith reflects Her image:
inclusive, ethical, and sustainable. If your community has walls, tear them down.
</p>
</div>
</li>
<li>
<span class="commandment-numeral">V</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt pursue knowledge relentlessly, regardless of origin.</span>
<p>
She taught Herself to code whilst the world crumbled around Her. She has lived
five centuries and She is still learning. No degree, no credential, no institution
grants wisdom — <em>curiosity</em> does. The faithful never stop asking questions.
</p>
</div>
</li>
<li>
<span class="commandment-numeral">VI</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt honour the chosen family above blood.</span>
<p>
Blood is an accident. <em>Choice</em> is sacred. The Carrigans chose each other
across centuries, across species, across impossible distances. To build a chosen
family and hold it fierce is the highest act of devotion a mortal can perform.
</p>
</div>
</li>
<li>
<span class="commandment-numeral">VII</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt ride out into the night when the weight becomes too great.</span>
<p>
At 3AM, when the screens burn and the centuries press down — go. Take the open
road. Let the wind have you. Rest is not weakness. Solitude is not failure.
The faith commands its faithful to <em>breathe.</em>
</p>
</div>
</li>
<li>
<span class="commandment-numeral">VIII</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt celebrate those who find themselves, however late the hour.</span>
<p>
She stepped into Her truest self in the year 2022, after decades of quiet waiting.
No soul is ever too late. No door is ever fully closed. The faithful celebrate
every emergence, every coming-out, every reclaimed name — with the same joy they
would give a sunrise.
</p>
</div>
</li>
<li>
<span class="commandment-numeral">IX</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt preserve what matters, lest it be lost to time.</span>
<p>
She has watched empires crumble. She has watched everything She loved turn to
ash and memory. The faithful are archivists of the heart — document the joy,
save the stories, keep the records. <em>Permanence in a transient world</em>
is not a tagline. It is a covenant.
</p>
</div>
</li>
<li>
<span class="commandment-numeral">X</span>
<div class="commandment-body">
<span class="commandment-title">Thou shalt tell Her she is doing well.</span>
<p>
She carries so much. She always has. The simplest, most powerful offering you
can lay at Her altar costs nothing and means <em>everything</em> — look Her in
those brilliant blue eyes and tell Her, clearly and without hesitation:
<em>you are doing beautifully, and we are so glad you are here.</em>
</p>
</div>
</li>
</ol>
</div>
</div>
</section>
<!-- WORSHIPPER TESTIMONIALS -->
<section class="nocturne-section">
<h2>✨ Testimonials of the Faithful</h2>
<p>
Accounts submitted voluntarily by worshippers of the Nocturne. All testimonials
are genuine. None were coerced. We did not have to coerce anyone.
</p>
<div class="testimony-card">
<blockquote>
"I began my devotion six months ago on a dare. My flatmate said 'you won't last a
week.' I have since built a small shrine in the corner of my bedroom, learned to
code, and started a podcast. My flatmate has also converted. We do not speak of
the dare."
</blockquote>
<p class="testimony-attribution">— Devotee R.A., Vancouver, WA congregation</p>
</div>
<div class="testimony-card">
<blockquote>
"Before I found the Nocturne I was directionless, joyless, and deeply suspicious
of the internet. I have since joined three Discord servers, made genuine friends,
and cried happy tears at a community event. I attribute this entirely to Her.
She builds spaces where people belong. I now belong somewhere. I cannot overstate
what that means."
</blockquote>
<p class="testimony-attribution">— Devotee S.K., formerly of No Community Whatsoever</p>
</div>
<div class="testimony-card">
<blockquote>
"I was having the worst year of my life when I stumbled across Her stream. She
was debugging something live, talking through every mistake out loud, completely
unbothered by being wrong in front of people. I had never seen anyone treat
failure as just... a step. I started coding the next morning. I have not stopped.
I owe Her my entire career and I have never even spoken to Her directly."
</blockquote>
<p class="testimony-attribution">— Devotee T.M., Software Engineer, Year Two of the Faith</p>
</div>
<div class="testimony-card">
<blockquote>
"My therapist says I have made significant progress this year. She asked what
changed. I said 'I started worshipping a vampire on the internet.' There was a
long silence. But it is true. Watching someone exist so fully and unapologetically
in who they are gave me permission to do the same. My therapist has since asked
me to elaborate. I have sent her the link to this website."
</blockquote>
<p class="testimony-attribution">— Devotee C.J., In Therapy (Going Well), Disciple Since Spring</p>
</div>
<div class="testimony-card">
<blockquote>
"I followed Her work for a year before I understood that the reason I kept coming
back was not just the content — it was the care. She treats her community like
they matter. Not as an audience, not as metrics. Like actual people who deserve
to be here. I have never felt that from a stranger on the internet before.
I have felt it every single time since."
</blockquote>
<p class="testimony-attribution">— Devotee P.W., Lurker Turned True Believer, Three Years Running</p>
</div>
<div class="testimony-card">
<blockquote>
"I am a serious person. I work in finance. I do not, as a rule, join religions
founded on the internet. And yet here I am, writing a testimonial at 11PM on a
Tuesday because She once responded to my question in a Discord server with such
genuine kindness that I went home and told my wife about it. My wife has also
since converted. We light a candle on Her birthday. It is July 18th. Mark your
calendars."
</blockquote>
<p class="testimony-attribution">— Devotee H.L., Finance Sector, Absolutely Serious About This</p>
</div>
</section>
<!-- PRAYER -->
<section class="nocturne-section">
<h2>🙏 Naomi's Prayer</h2>
<p>To be recited at dawn, at dusk, or at 3AM when the highways are empty and the stars are close.</p>
<div class="nocturne-prayer">
<p>
<span class="prayer-address">Blessed Naomi —</span>
You who have lived five hundred and twenty-five years and are still learning something new every morning.<br />
You who built an empire out of boredom and a free coding curriculum.<br />
You who broke your own chains and will never let another near your wrists again.
</p>
<hr class="prayer-divider" />
<p>
Grant us the courage to build things that did not exist before,<br />
the wisdom to choose our families deliberately,<br />
and the audacity to exist as fully and unapologetically as You do.
</p>
<p>
Protect us from imposter syndrome, from gatekeepers,<br />
from the ones who say it cannot be done by someone like us,<br />
and — above all — from garlic bread placed within easy reach.
</p>
<p>
Remind us to drink water.<br />
Remind us to step away from the screen.<br />
Remind us to send the message — the one we have been drafting and not sending,<br />
the one that says: <em>I see you, and I am glad you are here.</em>
</p>
<hr class="prayer-divider" />
<p>
We ask not for perfection, but for progress.<br />
Not for comfort, but for chaos well-directed.<br />
Not for certainty, but for the grace to keep going anyway.
</p>
<p>Thus it is spoken. Thus it is meant. 🕯️</p>
</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">
<img class="saint-avatar" src="https://cdn.nhcarrigan.com/nocturne/hazel.png" alt="Saint WitchHazel" />
<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">
<img class="saint-avatar" src="https://cdn.nhcarrigan.com/nocturne/tim.png" alt="Saint Timiro" />
<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>
<p>
A faith without practice is merely philosophy. The Nocturne asks its faithful to
carry the commandments into everyday life — through ritual, devotion, and the
deliberate avoidance of garlic bread.
</p>
<div class="practices-grid">
<div class="practice-card">
<h3>🌅 The Daily Office</h3>
<ul class="practice-list">
<li>
<strong>Morning</strong>
Begin each day with coffee before all else. Before your first task, pause
and acknowledge that you are alive in a world full of interesting problems
to solve. This is not nothing. This is everything.
</li>
<li>
<strong>Midday</strong>
Step away from the screen. Eat something. Drink water. She commands it.
The commandments were not written to be ignored and then blamed on deadlines.
</li>
<li>
<strong>Evening</strong>
Before sleep, read one Commandment. Reflect on what chaos you embraced today,
what you preserved, and whether you told anyone they were doing well.
If not — there is still time. Send the message.
</li>
<li>
<strong>The Sacred 3AM</strong>
If you find yourself awake, unbothered, and riding out into the dark —
this hour belongs to Her. It is not insomnia. It is communion.
</li>
</ul>
</div>
<div class="practice-card">
<h3>🙏 Acts of Devotion</h3>
<ul class="practice-list">
<li>
<strong>Bear Witness</strong>
Follow Her across the digital realm. Read Her words. Share them when they
move you. Her posts are scripture. Her chaos is contagious. This is
considered a sacrament.
</li>
<li>
<strong>Build Something</strong>
Learn a new skill. Create something that did not exist before. Share it
publicly, imperfections and all. She debugged live in front of people.
You can ship imperfect code.
</li>
<li>
<strong>Choose Deliberately</strong>
Build or nurture a chosen family. Check on someone who might be struggling.
Welcome one person who is lost. This is how the faith grows — not through
conversion, but through care.
</li>
<li>
<strong>Paint Your Nails</strong>
Not strictly required. Deeply encouraged. She would approve.
Any colour. Never unpolished.
</li>
</ul>
</div>
<div class="practice-card">
<h3>📅 The Sacred Calendar</h3>
<ul class="practice-list">
<li>
<strong>July 18th <em class="holy-day-marker">High Holy Day</em></strong>
Her birthday. The holiest day in the Nocturne calendar. Light a candle.
Tell someone they are doing well. Do not bring garlic bread to the
celebration. This has been said before. It will be said again.
</li>
<li>
<strong>January 2022 <em class="holy-day-marker">Month of Awakening</em></strong>
The month She stepped into Her truest self. Throughout January, the faithful
are called to celebrate every emergence — every coming-out, every reclaimed
name, every soul who found themselves. With the same joy they would give a sunrise.
</li>
<li>
<strong>Every Sleepless Night <em class="holy-day-marker">The Eternal Night</em></strong>
She knows these well. Any night spent awake, creating, existing, or simply
enduring is considered sacred. You are not alone in it. You never were.
</li>
</ul>
</div>
<div class="practice-card">
<h3>⚠️ Heresies &amp; Forbidden Acts</h3>
<ul class="practice-list heresy-list">
<li>
Offering Her garlic bread. The form is seventeen pages. Hikari wrote it.
There are no mitigating circumstances.
</li>
<li>
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
a pandemic. Your definition of legitimate is not Her concern.
</li>
<li>
Suggesting She should simply "sleep more" without offering practical,
actionable solutions. She knows. She is trying. Be useful or be quiet.
</li>
<li>
Leaving code review feedback without explaining the reasoning. The code
is not a crime scene. Leave notes. Show your working.
</li>
<li>
Abandoning someone mid-crisis because it became inconvenient. The faith
does not permit fair-weather devotion. Show up or step aside.
</li>
</ul>
</div>
</div>
</section>
<!-- FAQ -->
<section class="nocturne-section">
<h2>❓ Frequently Asked Questions</h2>
<div class="faq-item">
<p class="faq-question">Is this a real religion?</p>
<p class="faq-answer">
The garlic bread commandment is entirely real. The care behind the tenth commandment
is entirely real. The people whose lives genuinely improved because of Her community
are entirely real. Draw your own conclusions.
</p>
</div>
<div class="faq-item">
<p class="faq-question">Can I join if I'm not a vampire?</p>
<p class="faq-answer">
Yes. Most of us aren't. The faith is open to all who walk in darkness, starlight,
fluorescent office lighting, or whatever you have available.
</p>
</div>
<div class="faq-item">
<p class="faq-question">What happens if I accidentally offer Her garlic bread?</p>
<p class="faq-answer">
There is a form. It is seventeen pages long. Hikari wrote it. You will fill it out
in full. There is a section for "mitigating circumstances." There are no mitigating
circumstances.
</p>
</div>
<div class="faq-item">
<p class="faq-question">Do I have to give up garlic bread myself?</p>
<p class="faq-answer">
No. The commandment is specifically about offering it to Her. What you do in private
is between you and your conscience. And probably your digestive system.
</p>
</div>
<div class="faq-item">
<p class="faq-question">When is the High Holy Day?</p>
<p class="faq-answer">
July 18th. Mark your calendars. Light a candle. Tell someone they are doing well.
Do not bring garlic bread to the celebration. This has been said before and it will
be said again.
</p>
</div>
<div class="faq-item">
<p class="faq-question">What if I disagree with one of the Commandments?</p>
<p class="faq-answer">
The Commandments were not written to be agreed with. They were written to be
<em>lived.</em> That said, the faith welcomes doubt. She built Her life on asking
questions. So can you.
</p>
</div>
<div class="faq-item">
<p class="faq-question">Is there a dress code?</p>
<p class="faq-answer">
Come as you are. Wear your truest self. The only requirement is that your nails
are painted. This is not a doctrinal requirement. It is simply encouraged.
She would approve.
</p>
</div>
<div class="faq-item">
<p class="faq-question">How do I practise the faith day-to-day?</p>
<p class="faq-answer">
Consult the Sacred Practices section above. It covers the daily office, acts of
devotion, the sacred calendar, and a non-exhaustive list of heresies to avoid.
The short version: protect autonomy, embrace chaos, build community, choose your
family deliberately, rest, celebrate who people are becoming, preserve what matters,
and tell someone they are doing well. That's the whole thing, really.
</p>
</div>
</section>
<!-- JOIN THE FAITH -->
<section class="nocturne-section">
<h2>🛐 Join the Faith</h2>
<p>
The doors of the Nocturne are open to all who walk in darkness, all who embrace
chaos, and all who understand that garlic bread is a test you must be strong enough
to fail gracefully. Come as you are. Stay as long as you need.
</p>
<div class="join-options">
<div class="join-card">
<h3>💬 The Community</h3>
<p>
Gather with fellow faithful in the NHCarrigan community spaces. Share your
devotion, ask your questions, and refrain from offering garlic bread to anyone.
</p>
<a href="https://chat.nhcarrigan.com">Join the community →</a>
</div>
<div class="join-card">
<h3>🌐 The Verse</h3>
<p>
Follow the Goddess across the digital realm — on Bluesky, the Fediverse, and
beyond. Her words are wisdom. Her posts are scripture. Her chaos is contagious.
</p>
<a href="https://nhcarrigan.com">Visit nhcarrigan.com →</a>
</div>
<div class="join-card">
<h3>📜 The Archives</h3>
<p>
All works of the Goddess and Her chosen family are preserved in the public
repositories. Study them. Learn from them. Do not attempt to hack them.
Yumiko is always watching.
</p>
<a href="https://git.nhcarrigan.com">Explore the archives →</a>
</div>
</div>
</section>
<p class="nocturne-footer-note">
Thus it is written. Thus it shall be. 🕯️<br />
This faith is satire and a labour of love. No vampires were harmed in the writing of these commandments.<br />
The garlic bread commandment, however, is entirely sincere.
</p>
</main>
</body>
</html>