nhcarrigan/static-pages
9
0
Fork 0
generated from nhcarrigan/template
Code Issues 2 Pull Requests Actions Releases Activity

feat: add naomi's nocturne religion page #1

Merged
naomi merged 3 commits from feat/religion into main 2026-03-10 10:25:20 -07:00
Conversation 0 Commits 3 Files Changed 1
+580
1 changed files with 580 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f40c055e44 - Show all commits
nocturne/index.html
+580
View File
@@ -0,0 +1,580 @@
<!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 ========== */
.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(212, 165, 199, 0.2);
}
.commandment-list li:last-child {
border-bottom: none;
}
.commandment-numeral {
font-size: 1.4rem;
min-width: 2.5em;
text-align: right;
color: var(--witch-plum);
flex-shrink: 0;
font-style: italic;
}
.commandment-body {
flex: 1;
}
.commandment-title {
font-weight: bold;
display: block;
margin-bottom: 0.3em;
color: var(--witch-purple);
}
.commandment-body p {
margin: 0;
font-size: 0.95rem;
line-height: 1.6;
}
/* ========== 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;
}
/* ========== 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="Naomi's Nocturne">
<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>
<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>
</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>
<!-- 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">
Protect someone's autonomy. Embrace a little chaos. Build or nurture a community.
Learn something new. Choose your family deliberately. Rest when you need to.
Celebrate someone who found themselves. Preserve something that matters. And
tell someone — specifically, sincerely — that 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>